Volunteers‎ > ‎Online Facilities‎ > ‎

Editing ayso26.org Web Sites

This is a quick guide to editing our web sites and covers the main points.  More comprehensive user guides explaining more extensive editing facilities, are located here. 

The ayso26.org web site editing is controlled.  You must have an account specifically enabled for editing the web site in question.  Every edit operation is remembered, along with who did the edit and when.  Coaches have the ability to add accounts to the list of permitted users for updating the web site.

Fast-Track:  To edit a page, goto the page in your browser and use the link, Sign in, at the bottom of the page.  Click the crayon icon at the top of the page.  Place your curser where you want to edit.  Select text to delete or update using the formatting ribbon across the top of the page.  It is most convenient to scroll the page up to hide the web site menu bar while editing.

Editing Pages

Navigate to the page you want to edit. If you are not logged in, click the, Sign in, link at the bottom of the page. When you have signed in, a set of buttons will appear at the top of the page. 
  • Create Page, will permit you to start a new page.
  • Edit Page, will permit you to edit the current page. 
  • More Actions. Please DONOT use the More Actions button unless you are an advanced user and know exactly what you are doing. Using this button can cause permanent damage to the web site. Normal editing of the web site using the Create Page and Edit Page buttons are safe, and it is easy for the web master to recover a page if it gets damaged.
Create Page
This button will bring up a dialogue box to create a new page. The new page will be pre-formatted with background, menu and header. The template controls the look of the page.
  • Name the page.  This will appear at the top of the page.  For example, this page is named 'Editing ayso26.org Web Sites'.
  • Select where in the web site the page is to appear.  Typically you want the new page to appear underneath the current page, not at the Top Level.  You may also place the page elsewhere on the web site using the Choose a different location link.
  • Click Create Page button.
Edit Page
The Edit Page button will bring up an editing ribbon and two new buttons, Save and Cancel.  The page will look normal with some light grey dashed lines showing the outlines of the zones in the template.  Before proceeding, scroll the page up until the horizontal blue menu disappears.  This menu is still active and gets in the way whenever you try to move the cursor around.  Your page title should still be visible, but right at the top.  Now you are ready to edit.

Inserting Text
You just place your cursor where you want the text to appear and start typing.  You can then format the text with fonts, colors, bolding, bullets, paragraph styling and more, using the editing ribbon and the editing menu.

Editing Ribbon
The editing ribbon is the row of icons across the top.  The icons make it pretty clear what it does to the selected text.  For example, if you select some text on the page and click the B icon, the selected text will be bolded.  For advanced users the HTML item permits editing the html of the page directly.  This is only needed for advanced formatting.

Editing Menu
Insert permits placing items into the page.  Click on the Insert link to see the list of available options.  Some of these require more explanation.  More detail is provided to the right.
Format applies pre-formed styles.  We typically use H3 for headings and H4 for sub-headings.
Table inserts a table that you can then insert text into.  When you insert the table you show how many rows and columns you want.  You can add more rows and columns later, with the this same command. 
Layout chooses the template to control the page.  We typically use the Two column, about half way down the menu drop down.



Insert links in a Page

Select the text that you want to turn into a link.  If the text is a url or mail address the link will be made automatically.  Otherwise, a dialogue box will open titled Create Link.  In this dialogue box you can choose a page on the web site, or enter a web address.

Insert Various Elements in a Page
The Insert link on the menu permits inserting images, calendars, photo albums and much more into the page.  You start by placing your cursor where you want to insert the element and clicking the Insert menu item
When you insert an item an element will be place into the page with properties.  Most of the elements have properties such as left, center or right orientation, size, whether to include a frame, and more.  After you insert the element, select the element and a small menu of items will appear.  They will allow you to edit the properties, change the justification and size.

Image will allow you to navigate to an image on your local machine and upload it.

Table of contents places a widget that will list the use of the H1, H2, H3 and H4 Format headings on the page, with active links.

Subpage listing places a widget that will list the subpages of the current page, or any page selected.  Links are automatically created, and depth of sub-page listing can be set.

Horizontal Line inserts a full width horizontal line.

Calendar inserts a widget that will display one or more calendars.  There are many controls available in the widget.

Document inserts a widget that will display a document from docs.ayso26.org

Map will insert a Google map reference.

Picasa Web slideshow permits embedded a Picasa album.

Video will insert a Google video or YouTube video.

Text Box will insert a framed area.  More than text can be placed into the Text Box, such as images.

More Gadgets will bring up a long list of gadgets that can be inserted.  They are generally not useful for our purposes, but you are free to browse and select.

Comments