Chepstow

Page Editor Help

These notes are not a substitute for the Help screens which are much more comprehensive but they may help you to get started and, once you are familiar with the basics, you may find the Help screens easier to follow.

Web Site Basics

  • You will first need a log in name and password from the the Web Master
  • Go into the following web site: https://u3asites.org.uk/code/index.php
  • You should save this in your bookmarks or one of your tabs to save you having to type it in every time.
  • Click on Login and Edit
  • Enter your Login Name and Password
  • Click on 'Edit my U3A Site’

This will take you into the editor for your page of the Chepstow U3A web site. No one else, other than the Web Master will be able to edit your page.

Edit text
Select this option from the menu on the left hand side then just play about with adding and amending and deleting data. Note that there some special characters that can be used to enhance the appearance of the text

  • text for making the enclosed words bold
  • {text} for centring and making bold the enclosed words
* texttexttext - the double commas create a table
  • Save it when you have finished and see what it looks like. Go back into ‘Correct It’ and then try again.
  • Don't worry about getting things right at first, just get used to Editing and Viewing but don’t forget to save what you have done each time!

Events

  • This is for future events and requires a date to be input.
  • The same formatting options above work in in Events and help to make important items stand out. Events will automatically disappear after the date of the event. This is very useful as it means you don't have to remember to remove so your web page will never look out of dater.
  • Try experimenting with 'Adding' an Event, 'Changing' it, and then 'Deleting' it.

General Comments
Avoid putting non date specific phrases such as ‘last month’, ‘next year’ or ‘in September’. These may be ok at the time of input but a few months or a year later they can be meaningless. Replace them with something more specific such as ‘in June 2014’, ‘in 2016’, during September 2015’ etc.

You now have the essential basics for your web page. The next headings are not crucial but after a while you may feel that you want to make your page look better by adding photographs, adding files, linking to other web sites, adding email addresses etc. If so, you can look at the following headings.

Adding Photographs
This a bit more difficult and requires some more work

  • You will first have to reduce the pixel size so that the longest side is 1024 pixels which you can do in Windows 10 as follows.
  • Right click on the file name
  • Click on Edit
  • Click on Resize
  • Click on Pixels
  • Enter 1024 for either horizontal or vertical, whichever is the longest – the other figure will be automatically calculated

When you have a picture of a suitable size, go into Site Builder

  • Go into Pictures option
  • Select Add Picture
  • Select the reduced pixel size photograph and Upload it
  • Give it a title and (optionally) a description
  • Keep Usage to ‘Full’ and Inline only to ‘No’
  • Press Update Information
  • Repeat as required for each picture
  • All your pictures then appear on the right hand side of your page

Putting Photographs In Line
If you want the photographs to appear embedded in the text then do the following

  • Add the photograph as above
  • Select ‘Edit Text’ from the left hand menu
  • Page right down to the bottom of your page
  • Click on ‘Show Picture References for Inline Insertion’
  • You will see that each of your pictures has been given a number
  • If you insert this number within the text within square brackets with an ‘r’ or an ‘l (for right or left) your picture will appear on the right or left hand side of the text

For example if you want to insert a photograph with a reference number of 12345 to the left of a
piece of text you would type in as follows:
----- The picture on the left shows etc
If you want it to the right of a piece of text you would type:
[12345,r} The picture on the right shows etc
It sounds a bit complicated but when you have done it once it becomes obvious.

In Line E-Mail Addresses
It is not a good idea to have e-mail addresses in the text for everyone to see as they can be picked up by unscrupulous surfers and misused. Here is the way to get round this:
Say you want the following:
Please contact John Smith on jsmith@gmail.com for more information

  • Log in to Site Builder as usual
  • Select ‘Edit text’ or ‘Event’ from the left hand menu
  • Change your text to read:
  • Please contact %John Smith% for more information.
  • And then save
  • Select the option ‘Add email’ from the left hand menu and enter the following:
  • Mail address: jsmith@gmail.com
  • Label: John Smith
  • This must be exactly the same as the text within the % signs.
  • Inline link: Yes
  • Inline link destination: Standard form
  • And then click on Save

The name John Smith will then appear on your page in blue or purple and if you click on it, you will go to the Contact e-mail option with no one being able to see the actual e-mail address.

Uploading Files
You can upload a document such as a poster, or a Word Processing document or a Spreadsheet onto your Web Page but I would recommend that you converting all Office documents to a pdf format before you upload them as this prevents any accidental amendments being made by anyone who may download them.

  • Log into Site Builder and select ‘Upload File from the left hand menu.
  • Choose the file that you want to upload and click on Upload this file
  • ‘Link text:’ is what links your file to what you write in your Web Page so make sure you keep it fairly simple and remember what it is.
  • ‘Expiry Date:’ does not work when you first enter your document but if you go back in later and amend anything then it does!
  • When you put the link in your Web Page in the Edit text option or in an Event make sure it is exactly the same as you put in the Link text option above and enclose it vertical lines. These are near the Ctrl key on your keyboard.

Note that you have not created a live link to the document on your PC. if you change the document on your PC then you have to re upload the document to the Web Page.

Linking to Another Web Site
This creates a live link to another Web Site or a page within another Web Site so any changes to the other Web Site will be reflected in your link to that Page.

  • Log into Site Builder and then select Add link from the left hand menu.
  • ‘Link to:’ is the Web Site address you want to link to (use Copy and Paste to ensure you get it right)
  • ‘Link text:’ is what you are going to put in your Web Page to link to the Web Site address. So, as with uploading files, keep it simple and remember what you have written.
  • When you put the link in your Web Page in the Edit text option or in an Event make sure it is exactly the same as you put in the Link text option above and enclose it vertical lines. These are near the Ctrl key on your keyboard.

Amending or Delete Uploaded Files or Web Site Links
The same options are used for both: either Change link or Remove link.