Learning Outcome

On successful completion of this lesson, students will understand how to edit an existing web page.

Lesson

Once you have decided which web page you want to edit, you simply need to click on the ‘Page Title’ link for that page.

The page you are directed to consists of 4 sections which you can see when you scroll down:

1. ‘Edit Page: …’
2. ‘Add Components on Page: …’
3. EOL – COURSES SETTINGS: …’
4. EOL – TRIP & HOLIDAY SETTINGS: …’

Section 1 (‘Edit Page: …’) on this page is where you can edit the text and photographs that will appear on web page.

Section 2 (‘Add Components on Page: …’) on this page relates to online courses (if applicable), adverts, image and video galleries.

Section 3 (EOL – COURSES SETTINGS: …’) on this page enables the ability to link to online schedules if you have purchased the EVE Online package.

Section 4 (EOL – TRIP & HOLIDAY SETTINGS: …’) on this page relates to aspects of trips and holidays and can be utilised if you have purchased the EVE Online package.

Section 1 – ‘Edit Page:…’

The ‘Page Title’ and ‘Page Subtitle’ can be easily edited by just clicking into the respective text boxes and then modifying the text.

It is important to remember that if you have made any changes you must scroll to the bottom of the ‘Edit Page:…’ section and then click the ‘Save’ button to save and implement your changes.

To view your changes you can click the ‘Page preview’ link found at the top of the ‘Edit Page: …’ and this will open a new window:

The ‘Page Title’ and ‘Page Subtitle’ are found here on the web page:

It is important that your web pages contain the correct words for ‘Page Keywords’ and ‘Page Description’ which are important for your Search Engine Optimisation (SEO).

The ‘Page Content’ box allows you to manage/edit the main body of text and images on the web page.

To edit the text simply place the cursor into the textbox and then you can add or delete text. There is a simple toolbar which provides different functions such as the ability to underline text or make text bold.

You may have text content you have already written and saved somewhere else that you wish to add to a web page. There are two methods to do this which will help to avoid any bizarre formatting errors that can appear.

Editing text – Method 1

The first method is to use the copy from plain text icon.

1. Go to your document where you have your pre-written text and copy the text (highlight the desired text and use the ‘Control’ and ‘C’ buttons)
2. Go back to the ‘Page Content’ box
3. Click the copy from plain text icon
4. Place the cursor into the appropriate place and then paste in the text (use the ‘Control’ and ‘V’ buttons)

Editing text – Method 2

The second method is to use the copy from word icon.

1. Go to your document where you have your pre-written text and copy the text (highlight the desired text and use the ‘Control’ and ‘C’ buttons)
2. Go back to the ‘Page Content’ box and place the cursor in the appropriate place in the textbox
3. Click the copy from word icon
4. This will open the ‘Paste from Word’ window. Paste the text (use the ‘Control’ and ‘V’ buttons) into this window and then click ‘Insert’

Editing an existing video

To edit an existing video simply right click on the place holder image and then click on ‘Edit Embedded Media’.

This will bring up ‘Insert/Edit Embedded Media’ window. On the ‘General tab you will see options for ‘Type’ (EVE Diving recommend that you use ‘IFRAME’), ‘File/URL’ (pathway for the video file to be played) and ‘Dimensions’.

Insert/edit a picture

To insert a picture you place the cursor into the appropriate place within the ‘Page Content’ box , right click and then select ‘Insert/Edit Image

Click the ‘Browse’ icon to locate the image (which must be already saved to an appropriate website folder – see Assets Manager lesson if you wish to upload and use a new image). On the ‘General’ tab make sure you add an appropriate ‘Image Description’ and ‘Title’ to help with the SEO for this web page.

Insert/edit a hyperlink

To add a hyperlink you must highlight the text you wish to add the link to, right click and then select ‘Insert/Edit Link’. On the ‘General’ tab you add in the website URL to ‘Link URL’ and you have the option to make the URL open in a new website window when clicked by selecting the option of ‘Open in New Window (_blank)’ in the ‘Target’ section.

Parent Page

The ‘Parent Page’ option is used to locate the page within the menu of the website.

For example the PADI Advanced Open Water Diver Page is found when you go to ‘PADI Courses’ and ‘Improve Your Skills’.

Page Status

The ‘Page Status’ is ‘On’ so that website visitors can view the page. This can be turned off so the page is unpublished and cannot be seen by a website visitor.

The ‘Show page on navigation menu’ allows a published page (‘Page Status’ is ‘ON’) to be only accessible by a direct link or URL if it is set to ‘OFF’. This might be useful if you are running a special offer or competition and you want to track a specific marketing campaign.

Editing a thumbnail

The thumbnail for a page is found here:

To change the thumbnail click the dropdown box for ‘Page thumb’ and select a different one from the list (see Assets Manager lesson if you wish to add new thumbnails to appear in this list).

Page Link Name

If you think the title for your page is going to be too long when it appears in the menu you can change it using the ‘Page link name’ option. Simply type the shorter name you wish to use in the menu (this will not affect the page title or the page URL) into this text box.

Saving changes

Remember it is important to remember that if you have made any changes you must scroll to the bottom of the ‘Edit Page:…’ section and then click the ‘Save’ button to save and implement your changes.