Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
NSW Department of Education
School website Author training manual
education.nsw.gov.au
NSW Department of Education
School website author training manual 2
Contents Log in and out of your website - lesson 01 ............................................................................................ 6
How to log in ...................................................................................................................................... 6
The Navigation window will appear.................................................................................................... 7
Log out ............................................................................................................................................... 8
Get to know your home page – lesson 2 ............................................................................................... 9
Look for these features on your homepage ....................................................................................... 9
Home page preview layout continued .............................................................................................. 11
Navigating and updating properties - lesson 03 .................................................................................. 12
Home page and front end of website tour ........................................................................................ 12
First screen after log in .................................................................................................................... 13
Navigating your website ................................................................................................................... 15
Navigating up and down the hierarchy of your website .................................................................... 16
Open and edit a page ...................................................................................................................... 17
Website title, tags and meta description .......................................................................................... 19
Global header links .......................................................................................................................... 21
Quick links ....................................................................................................................................... 22
Home page banner - Lesson 04 .......................................................................................................... 23
Get to know the home page banner................................................................................................. 23
Edit the banner ................................................................................................................................ 24
Banner instructions .......................................................................................................................... 25
Latest news article - lesson 5 .............................................................................................................. 28
Explore latest news on the home page ............................................................................................ 28
Latest News component heading and link label ............................................................................... 29
Change the home page title for news .............................................................................................. 31
How to create a news article ............................................................................................................ 32
Create a News Article ...................................................................................................................... 33
Select News Article template ........................................................................................................... 35
New article page title and tags ......................................................................................................... 36
Tagging ............................................................................................................................................ 37
New Article page is created ............................................................................................................. 38
NSW Department of Education
School website author training manual 3
Editing the news article .................................................................................................................... 39
Visual display of a news article ........................................................................................................ 40
News Article date and image ........................................................................................................... 42
Article image .................................................................................................................................... 43
Article Short Description .................................................................................................................. 44
Article Description ............................................................................................................................ 45
Events - lesson 06 .............................................................................................................................. 46
Create a new event .......................................................................................................................... 46
Select the event page template ....................................................................................................... 47
Event title ......................................................................................................................................... 48
Success message............................................................................................................................ 49
Add details to the event ................................................................................................................... 50
Enter date, times and an image ....................................................................................................... 51
Event location, attachment and link ................................................................................................. 52
Event description ............................................................................................................................. 53
Upload an image - lesson 07 .............................................................................................................. 54
Assets folder .................................................................................................................................... 54
Select the files folder ....................................................................................................................... 55
Select folder to save your image ..................................................................................................... 55
Upload files ...................................................................................................................................... 56
Upload one image............................................................................................................................ 57
Confirm images to be uploaded ....................................................................................................... 58
Uploading the same image .............................................................................................................. 59
Images are uploaded ....................................................................................................................... 60
Edit images - lesson 8 ......................................................................................................................... 61
Assets folder .................................................................................................................................... 61
Inside the Assets folder ................................................................................................................... 62
Card view of Asset folder ................................................................................................................. 63
Column view of assets folder ........................................................................................................... 64
List view of assets folder .................................................................................................................. 65
Quick Actions toolbar ....................................................................................................................... 67
NSW Department of Education
School website author training manual 4
Select folder - gallery example ........................................................................................................ 68
Editing an image .............................................................................................................................. 69
Select Edit button to crop or rotate .................................................................................................. 70
Using the crop tool ........................................................................................................................... 71
Crop to size ..................................................................................................................................... 72
Select finish lock in all editing changes ............................................................................................ 73
Select close to return to Asset folder ............................................................................................... 74
All images and navigate using header navigation drop down .......................................................... 75
Gallery - lesson 09 .............................................................................................................................. 76
Image gallery displayed on the home page ..................................................................................... 76
Hover over an image ....................................................................................................................... 77
Create a new album ......................................................................................................................... 78
Select Album Template .................................................................................................................... 79
Enter Album title and tags and select Create ................................................................................... 80
Success in creating a album ............................................................................................................ 82
Editing an album .............................................................................................................................. 83
Album title and date ......................................................................................................................... 84
Album description ............................................................................................................................ 85
Choosing images to go in to the album ............................................................................................ 86
Adding extra images to the gallery album ........................................................................................ 87
Gallery images folder located in Assets ........................................................................................... 88
Deleting an image from the album ................................................................................................... 89
Create a new page - lesson 10 ........................................................................................................... 90
Create a new page .......................................................................................................................... 90
Content page template .................................................................................................................... 91
Title and tags ................................................................................................................................... 92
More titles and description ............................................................................................................... 93
Page has been created .................................................................................................................... 95
Preview of the new page ................................................................................................................. 96
Add content to a page - lesson 11 ...................................................................................................... 97
Select the edit button to add content ............................................................................................... 97
NSW Department of Education
School website author training manual 5
Insert component ............................................................................................................................. 98
List of components ........................................................................................................................... 99
Rich text editor ............................................................................................................................... 100
Configure the Rich text editor component ...................................................................................... 101
Rich text editor ............................................................................................................................... 101
Toggle Fullscreen .......................................................................................................................... 102
Copy text from a document ............................................................................................................ 103
Paste the content from word .......................................................................................................... 104
Preview your content and next steps ............................................................................................. 105
Format and edit content - lesson 12 .................................................................................................. 106
Open page to format text ............................................................................................................... 106
Select Configure to edit and format text ......................................................................................... 107
Enlarge your screen to edit ............................................................................................................ 108
Heading levels ............................................................................................................................... 109
Lead paragraph ............................................................................................................................. 111
Notes ............................................................................................................................................. 112
Author: Corinne McDevitt Training and Development Manager
Date: March 2018
Version: 1
Division: Communication and Engagement School Website Service
Location https://education.nsw.gov.au/inside-the-department/communication-and-engagement/services-and-support/website-support/school-website-service/new-sws/the-training-requirement/training-resources
NSW Department of Education
School website author training manual 6
Log in and out of your website - lesson 01 How to log in
Step Action Screenshot
Go to edit.sws.schools.nsw.gov.au (no www)
Log in using your department User ID and Password.
NSW Department of Education
School website author training manual 7
The Navigation window will appear
Step Action Screenshot
In the Navigation window:
select Sites to go to your website pages
Select Assets to go to your images and documents.
NSW Department of Education
School website author training manual 8
Log out
Step Action Screenshot
Select User in the top right corner.
Select Sign Out to log out of your school website.
NSW Department of Education
School website author training manual 9
Get to know your home page – lesson 2 Look for these features on your homepage
Step Action Screenshot
Quick links
6 Quick links in total
first 3 menu links you cannot change
the last 3 links are optional and can be edited in the Quick links area under Properties.
Top header
Includes:
NSW Department of Education branding
NSW Department of Education
School website author training manual 10
Google translate language selection
log in links to student and staff portals.
School header
You can change your:
logo
school name
motto
telephone number
email address.
Main menu
The first three items of the main menu cannot be changed.
You can add up to 5 extra items on the main menu.
Banner
You can
add or change your banner heading and text
update banner image or link the banner to a page.
Note: The banner size depends on your website template. Check the guidelines.
NSW Department of Education
School website author training manual 11
Latest newsletter
The newsletter receives high traffic with search and is recommended to place on the home page. You have the option to turn the newsletter component off.
Home page preview layout continued
Step Action Screenshot
School footer
You can change this content if needed.
NSW Department of Education
School website author training manual 12
Latest news
Displays recent news automatically on the home page.
Displays featured news until it expires.
Navigating and updating properties - lesson 03 Home page and front end of website tour
NSW Department of Education
School website author training manual 13
Step Action Screenshot
Tour of your school website
Home page
Quick links
Mega menu
Sub-menus
Banner
Latest news
Events
Image gallery
Local footer
Acknowledgement of Country
First screen after log in
NSW Department of Education
School website author training manual 14
Step Action Screenshot
AEM menu includes:
Adobe Experience Manager logo
Search
Help
Solutions displays other Adobe programs.
Notifications inbox and workflow.
Account allows you to log out and change preference.
Navigation menu includes:
Sites the top level navigation to find your website
Assets where your images and documents are located.
NSW Department of Education
School website author training manual 15
Navigating your website
Step Action Screenshot
Navigating your website:
Column view will display the hierarchy of your website.
Select the top level of your website (homepage www).
This will display the sub-pages.
Select a sub-page, for example About our school.
If that page has further sub-pages they will also be displayed in the next column.
NSW Department of Education
School website author training manual 16
Navigating up and down the hierarchy of your website
Step Action Screenshot
Where am I?
The navigation drop-down menu displays what you have currently selected.
Select the arrow to display the navigation drop down menu.
The top level displays the name of the current page selected.
The last page displays the top level of the website hierarchy.
Select any page to navigate up or down the website.
NSW Department of Education
School website author training manual 17
Open and edit a page
Step Action Screenshot
How to open a website page to edit
Selecting the page does not open the page to edit.
You need to tick the icon next to the name of the page.
When the tick appears the edit menu bar appears.
NSW Department of Education
School website author training manual 18
The edit menu bar appears after selecting the tick
Create
Edit
Properties
Lock
Copy. Will copy the current page or asset
Paste appears when you select Copy
Quick publish will start the workflow to publish your page.
Use Create to
create a new page
start a workflow.
Use Edit to
view and edit the web page you’ve selected.
Use Properties to edit
page title
menu links
metadata
theme choice.
NSW Department of Education
School website author training manual 19
Use Lock to
prevent other authors from editing the page.
Website title, tags and meta description
Step Action Screenshot
Basic tab
From the navigation, tick the page to bring up the edit menu.
Select Properties then the Basic tab.
NSW Department of Education
School website author training manual 20
Add or edit
Title is the page name as it appears in AEM. For example, About our school.
Navigation title.is the page name as it appears in the website menu. For example, About Liverpool Girls.
Meta Description is the page description that appears in search results.
Note: This also helps with search engine ranking.
NSW Department of Education
School website author training manual 21
Global header links
Step Action Screenshot
Global header links
These links cannot be edited at a school level.
On the homepage these are the links that appear as a drop-down in the top right hand corner.
NSW Department of Education
School website author training manual 22
Quick links
Step Action Screenshot
Quick links
The mandatory links cannot be edited at a school level.
To edit the Optional Links, first tick the Remove Optional Link box.
Then Add a new link in, enter the menu Title and select the page to link to.
NSW Department of Education
School website author training manual 23
Home page banner - Lesson 04 Get to know the home page banner
Step Action Screenshot
On your home page banner you can:
publish one image at a time.
keep or remove the heading and text box.
use a coloured background instead of an image.
Note: the size of the image depends on your website theme. Check the guidelines.
NSW Department of Education
School website author training manual 24
Edit the banner
Step Action Screenshot
Edit the banner
Select anywhere in the banner to display the toolbar.
Select Configure (spanner icon) to update the image, text and banner options.
NSW Department of Education
School website author training manual 25
Banner instructions
Step Action Screenshot
Add or edit the banner content in the configuration window.
NSW Department of Education
School website author training manual 26
Heading
Enter heading text using sentence case. For example, Working together.
The heading appears on the banner as the title.
Enter short description text using
less than 140 characters (including spaces)
sentence case
a full stop.
The description appears under the heading on the banner.
Link Label
Enter link label text that describes the link location. For example, Contact us.
NSW Department of Education
School website author training manual 27
Link Destination (optional)
Select the 'Open Selection Dialog' (tick box icon).
Navigate to and select the page you want your banner to link to when selected.
Tick the box next to the page name.
Choose Select at the top of the window.
The link will appear in the link destination field.
To choose your banner image
Select Open Selection Dialog (tick box icon) next to Image path.
Navigate to your banner image and select it.
The file path will appear in the image path field.
Note: You need to upload the image to the assets folder before you can insert the image. Refer to Upload an image to the Assets folder.
NSW Department of Education
School website author training manual 28
Alt text
Enter the alternative text in the alt text field.
Note: Alternative text describes the image to vision impaired screen reader users. Refer to the image guidelines.
Save your edits
Select the Done button (tick icon) to save your changes.
Latest news article - lesson 5 Explore latest news on the home page
Step Action Screenshot
NSW Department of Education
School website author training manual 29
Latest news allows you to
Create as many news articles as you like.
Automatically display up to 4 of the most recent articles on the home page in chronological order.
View our latest newsletter allows you to
Automatically link to your school newsletter.
Latest News component heading and link label
NSW Department of Education
School website author training manual 30
Step Action Screenshot
Latest News' Heading and Link label
Update the Heading (optional) if you want to change the title. For example, instead of Latest news you could write School news.
The Link label is the button text. A good label describes the purpose of the link and the user knows what page or website they will end up on if they select the link. Do not write click here or read more. Go to all news is an appropriate link label.
Select Cancel (cross icon) or Done (tick icon) to return to the main page.
NSW Department of Education
School website author training manual 31
Change the home page title for news
Step Action Screenshot
Edit mode
Make sure you are in Edit mode.
Select Edit button to activate editing.
Select the latest news title
Select the Latest news component.
A blue line will then appear around the component, meaning it is ready to edit.
NSW Department of Education
School website author training manual 32
Edit the Latest news heading
The editing toolbar will appear.
Select Configure (spanner icon) to open the Latest news editing options.
How to create a news article
Step Action Screenshot
Choose location to save
Before you create any new page, you must first select where to save the new page or news article.
As we are creating a news article we will navigate to the News section.
Select the top level News, make sure the tick appears.
Note: News articles will appear automatically in the correct date.
NSW Department of Education
School website author training manual 33
Create a News Article
Step Action Screenshot
Activate the Create button and header toolbar
Once the tick appears the Header toolbar will display.
Note: If the tick has not appeared the toolbar will not display. Select to the left of the page name and the tick will appear.
If you select the name of the page and not to the left of the name the sub pages or final page information will appear.
NSW Department of Education
School website author training manual 34
Create button and drop-down menu
Select Create (+ icon) in the top left hand corner.
The Create drop-down menu will display.
Create a new page or news article
Select Page.
Note: This will open the templates area where you will select the News Article template.
NSW Department of Education
School website author training manual 35
Select News Article template
Step Action Screenshot
Template screen
The pre-designed templates will be displayed.
Here you can select from a range of school templates to create your pages from.
News Article template
For the news article, select the News Article template.
NSW Department of Education
School website author training manual 36
Template breadcrumbs
Breadcrumbs are like a 'Where are you map'.
Breadcrumbs are a form of navigation.
Currently we are on the Template page and next will be the Properties step.
Next button
After selecting the template, select Next from the top right corner.
New article page title and tags
NSW Department of Education
School website author training manual 37
Step Action Screenshot
Title and tags
Enter the News Article's Title. For example, Kindergarten orientation 2018.
Name box can be left empty as it will inherit the Title name automatically.
Select the Tags checkbox to enter a tag.
More Titles and Description can also be left empty as it will also inherit from the title.
Note: Tags help to categorise your news and improves search.
Tagging
NSW Department of Education
School website author training manual 38
Step Action Screenshot
Select the appropriate tag
To keep consistency the tags will be pre-populated for you.
Navigate to the tags area and select the most appropriate tag.
We have selected the word Kindergarten.
Insert the tag
Click on Select button in top right hand corner.
New Article page is created
NSW Department of Education
School website author training manual 39
Step Action Screenshot
News Article pages is created
The News Article will now appear under the correct year and month based on the date you created the article.
Next learn how to edit a News Article.
Editing the news article
Step Action Screenshot
Editing a News Article
Select the news article you want to edit.
Make sure the tick and blue box appears.
NSW Department of Education
School website author training manual 40
Open the page to edit
Select the Edit button on the Header toolbar.
Visual display of a news article
Step Action Screenshot
News Article has the following
title
date
article short description
image
article description
Note: the Latest news sidebar appears automatically and cannot be changed.
NSW Department of Education
School website author training manual 41
News Article title
The title is entered when you first created the News Article page.
To edit the Title, you need to edit the Page Properties.
View 'How to edit page properties' to learn to do this.
Short Description
The Short Description will appear above the image. Use this sentence to introduce your news.
News article image
You can choose to have an image in your news article or leave empty.
Article Description
The Article Description can be as long as required.
Format with headings and links as required.
Date
The date is entered automatically based on the day you created the news article.
NSW Department of Education
School website author training manual 42
News Article date and image
Step Action Screenshot
Edit mode
Make sure you are in edit mode first.
To edit select the News article area
Select the Configure (spanner icon)
The News article properties box opens.
Change the date if required.
NSW Department of Education
School website author training manual 43
Article image
Step Action Screenshot
Article image
Select an image already uploaded to the assets folder.
If you have not uploaded an image you will need to do that first and then come back to the image path and select your image.
Enter the Alt text for the image.
Note: View how to upload images to the assets folder and how to write Alt text.
NSW Department of Education
School website author training manual 44
Article Short Description
Step Action Screenshot
Article short description
Select the Article Short Description tab.
Enter a brief sentence, this will appear at the top of the article.
NSW Department of Education
School website author training manual 45
Article Description
Step Action Screenshot
Article description
Enter your article information.
Copy and paste (Ctrl V) from a Word document or type in yourself.
You can structure and format the article with headings, bullet or numbered lists, hyperlinks and attachments.
Select Done (tick icon) to save.
Preview your article.
NSW Department of Education
School website author training manual 46
Events - lesson 06 Create a new event
Step Action Screenshot
Create a new event
Navigate to the Events landing page in your website.
We have used Column View to navigate.
Select Events.
Create button
Select Create (blue button)
Choose Page.
NSW Department of Education
School website author training manual 47
Select the event page template
Step Action Screenshot
Event page template
To create an event, select the Events Page Template.
Then select Next.
NSW Department of Education
School website author training manual 48
Event title
Step Action Screenshot
Event title
Enter the event Title.
Remember to use sentence case.
Note: Name, Page Title and Navigation Title can be left blank as they will inherit the text entered in the title.
Select Create to complete.
NSW Department of Education
School website author training manual 49
Success message
Step Action Screenshot
Success message
The success message will display to confirm the event has been created.
Select Open to enter the event details.
NSW Department of Education
School website author training manual 50
Add details to the event
Step Action Screenshot
Add event details
Select the Event Heading blue box to activate the Configure toolbar.
Select the Configure (spanner icon) to add or edit details.
NSW Department of Education
School website author training manual 51
Enter date, times and an image
Step Action Screenshot
Event Item Component
Select the Event Configurations tab.
Image Field. To add an image, select the folder icon. Your image will need to already be uploaded to the Assets folder. Navigate to the Assets folder and select an event image.
Select the checkbox Multi day Event if your event is on more than one consecutive day.
Time Selection. Choose either Structured Time, All day or Free form.
Enter date and times
NSW Department of Education
School website author training manual 52
Event location, attachment and link
Step Action Screenshot
Event Item Component continued
Scroll down and enter the Location. Enter the name of the location and full address.
Type in a Short Description.
Add an Attachment. All Word, PDF or other documents need to be uploaded to Assets before you can add an attachment to the event.
Enter a Link destination to a website or internal page if required. Either navigate to an internal page or paste the full URL from an external website.
NSW Department of Education
School website author training manual 53
Enter the Link Label which describes what you are linking too.
To add another link, select the Add button.
Event description
Step Action Screenshot
Event Description
Select the Event Description tab.
Enter a full description.
Select Done (tick icon) to save the event information.
Note: You can use the formatting tool bar to add headings, numbered and bulleted lists.
NSW Department of Education
School website author training manual 54
Upload an image - lesson 07 Assets folder
Step Action Screenshot
Upload an image
Navigate to the Assets view.
This is where you can upload images and other files.
Finding the Assets folder
Select the Adobe Experience Manager logo in the top left corner.
This will take you to the main navigation area where you will find links to the Projects, Sites and Assets views.
NSW Department of Education
School website author training manual 55
Select the files folder
Step Action Screenshot
Select the Files folder
All images and documents are saved under the Files folder.
Select folder to save your image
NSW Department of Education
School website author training manual 56
Step Action Screenshot
Save your image in the correct folder
Select the folder to save your images in to open it.
Keep your images and other files organised in logical folders to make them easy to find.
Upload files
Step Action Screenshot
Upload files
Select the Create button in the top right corner.
Select Files to upload an image or document.
You can also use this drop-down menu to create a new folder if needed.
NSW Department of Education
School website author training manual 57
Upload one image
Step Action Screenshot
Choose image
Browse your computer and select your image.
Select multiple images by holding the CTRL key while you select the images you want to upload.
Select Open
NSW Department of Education
School website author training manual 58
Confirm images to be uploaded
Step Action Screenshot
Upload Assets dialog box
Make sure the images you want to upload are listed.
Delete any images by selecting the cross icon if required.
Select the Upload button to save the images to your chosen folder.
NSW Department of Education
School website author training manual 59
Uploading the same image
Step Action Screenshot
Name Conflict warning
The Name Conflict warning box will display if the system recognises the same file is being uploaded.
You can choose from the options either to Keep Both, Replace or Create Version of the image.
In this example the Create Version option has been selected.
NSW Department of Education
School website author training manual 60
Images are uploaded
Step Action Screenshot
The Upload Assets bar will display the number of images currently being uploaded. Once completed the images will appear in the Assets folder and are ready to insert on to a page.
NSW Department of Education
School website author training manual 61
Edit images - lesson 8 Assets folder
Step Action Screenshot
Open Assets folder
Select Assets to open.
NSW Department of Education
School website author training manual 62
Inside the Assets folder
Step Action Screenshot
Open the Files folder
Note: All images and documents including PDF, Word and Excel files are saved in the Files folder.
NSW Department of Education
School website author training manual 63
Card view of Asset folder
Step Action Screenshot
Card View
Card View is a visual way to navigate through your website. Card View displays your folder with an image like a deck of cards.
NSW Department of Education
School website author training manual 64
Column view of assets folder
Step Action Screenshot
Column view
Allows you to navigate multiple folders more easily to help you find your images or documents.
NSW Department of Education
School website author training manual 65
List view of assets folder
Step Action Screenshot
List View
Good for changing the order of images, documents or web pages.
List View also allows you to see your analytics, meaning how many people have viewed your page or asset.
NSW Department of Education
School website author training manual 66
Change navigation view
Select the drop-down to change views.
No data will change, only the way the navigation is displayed.
NSW Department of Education
School website author training manual 67
Quick Actions toolbar
Step Action Screenshot
Quick Actions toolbar
Select a folder in Card View so the Quick Actions toolbar displays.
To navigate to what is inside the folder select the tick button.
You can download a folder or asset using the cloud icon. The Add to collections option is currently not available for school websites.
Select more (three dots icon) for further options.
NSW Department of Education
School website author training manual 68
Select folder - gallery example
Step Action Screenshot
Open a folder to add or edit images
We have selected the gallery folder, which has 3 folders in it organised by year and month.
We will open one of the folders again to select an image to edit.
NSW Department of Education
School website author training manual 69
Editing an image
Step Action Screenshot
Edit an image
Select an image to edit it.
Choose Select (tick) button.
The editing toolbar will appear.
NSW Department of Education
School website author training manual 70
Select Edit button to crop or rotate
Step Action Screenshot
Crop your image
Select Edit to crop or rotate your image.
NSW Department of Education
School website author training manual 71
Using the crop tool
Step Action Screenshot
The crop and rotating tools appear
Select Crop.
Choose to crop using a ratio or use the Free Hand tool.
NSW Department of Education
School website author training manual 72
Crop to size
Step Action Screenshot
Crop to size
Adjust the crop bars.
Select the Confirm (tick icon) button to save.
NSW Department of Education
School website author training manual 73
Select finish lock in all editing changes
Step Action Screenshot
Select Finish (tick icon) to save all edits.
NSW Department of Education
School website author training manual 74
Select close to return to Asset folder
Step Action Screenshot
Close the image editing toolbar
To return to view all your images, select the Close button top right hand corner.
This will return you to the Assets view.
NSW Department of Education
School website author training manual 75
All images and navigate using header navigation drop down
Step Action Screenshot
Return to
You are now back to the images in your current folder.
In card view you need to select the Navigation drop-down to return to other folders in Assets.
NSW Department of Education
School website author training manual 76
Gallery - lesson 09 Image gallery displayed on the home page
Step Action Screenshot
Image gallery
On the home page 5 album covers will display in chronological order.
Note: The first image in your album will appear as the cover image on the home page.
NSW Department of Education
School website author training manual 77
Hover over an image
Step Action Screenshot
Hover over an album cover image
The album title and date will appear.
The number of images in the album appears on the bottom right hand corner.
NSW Department of Education
School website author training manual 78
Create a new album
Step Action Screenshot
Create a new album
In admin view navigate to the Gallery page.
All albums are saved under Gallery.
Make sure Gallery is selected. The tick icon needs to appear.
NSW Department of Education
School website author training manual 79
Create album
Select Create from the header tool bar.
Select Page from the drop-down menu.
This will take you to the templates screen.
Select Album Template
NSW Department of Education
School website author training manual 80
Step Action Screenshot
Album Template
Select Album Template.
The template will go blue and have a tick when selected.
Then select Next from top right-hand corner.
Enter Album title and tags and select Create
NSW Department of Education
School website author training manual 81
Step Action Screenshot
Album information
Enter the Title and Tags for the new album.
Tags will help to improve searching of images.
Save the album
Select Create to save the new album.
Make sure your album has been saved in the correct location. It should be under Gallery.
NSW Department of Education
School website author training manual 82
Success in creating an album
Step Action Screenshot
Success message
The album has now been created.
Select Open to insert images in to your album.
NSW Department of Education
School website author training manual 83
Editing an album
Step Action Screenshot
Add images and text to an album
Make sure you are in Edit mode.
Select the album area.
Select Configure (spanner icon) to edit.
NSW Department of Education
School website author training manual 84
Album title and date
Step Action Screenshot
Album title
Enter or edit the Album Title.
Edit the date if required.
NSW Department of Education
School website author training manual 85
Album description
Step Action Screenshot
Album description
Select the Album Description tab.
Describe what the album is about.
NSW Department of Education
School website author training manual 86
Choosing images to go in to the album
Step Action Screenshot
Add images
Select the Image tab.
To add or change an image select the Open Selection Dialog tick box.
Navigate and select an image from the assets folder.
The first image in the album will be displayed as the cover image on the home page.
Add an Image Caption. The Image Caption will appear on each image and also becomes the alt text for vision impaired users.
NSW Department of Education
School website author training manual 87
Adding extra images to the gallery album
Step Action Screenshot
Add more images
Select the Add button at the bottom of the dialog box to insert more images to your album.
NSW Department of Education
School website author training manual 88
Gallery images folder located in Assets
Step Action Screenshot
Select an image from the Assets folder
Select a pre-uploaded image from the gallery Assets folder.
Note: Images need to be pre-uploaded to the Assets folder before you can select an image for your gallery.
NSW Department of Education
School website author training manual 89
Deleting an image from the album
Step Action Screenshot
Change the order of the images
Select the arrows on the right of the image page and drag up or down to change the order of the images.
Delete an image
Select the Image path to delete.
Select the delete button (trash icon).
The image will be removed from the album but it is not deleted from the assets folder.
NSW Department of Education
School website author training manual 90
Create a new page - lesson 10 Create a new page
Step Action Screenshot
First select location
In your website navigate to the location where you want to create your page.
In the example, we're saved our new sub-page under the About our school page.
NSW Department of Education
School website author training manual 91
Select Create
Select the Create button.
Select Page from the drop-down menu.
Content page template
Step Action Screenshot
NSW Department of Education
School website author training manual 92
Content Page Template
Select the Content Page Template to create a page for your content including text, images, videos and links.
Select the Next button (top right-hand corner) to continue.
Title and tags
Step Action Screenshot
NSW Department of Education
School website author training manual 93
Page Title and Tags
Enter the Title for the new page. This will become the page title, URL and menu link names.
Leave the Name textbox blank. This will inherit from the title.
Select the Tags checkbox to choose a tag from the list already entered for you. Tags help to categorise your page and improve page search ranking.
More titles and description
Step Action Screenshot
NSW Department of Education
School website author training manual 94
Changing Page Title and Navigation Titles
Note: If you want to change the title that appears on the page or a menu link you can do this under More Titles and Description. A reason to do this would be if you have a long title or formal title you can shorten what appears on the page and navigation links. The main Title will still be picked up in search and appears in the URL.
Under More Titles and Description enter a new Page Title and a Navigation Title. For example, the Page Title could be The garden in our school and the Navigation Title would be shorter such as Garden instead of School garden.
Select Create to complete the process.
NSW Department of Education
School website author training manual 95
Page has been created
Step Action Screenshot
Complete
The Success message will appear once your page has been created.
Select Open to view and add content to your new page.
Your page will open in a new tab.
NSW Department of Education
School website author training manual 96
Preview of the new page
Step Action Screenshot
Preview and add content
Notice the Page Title is displayed and not the main Title, which was School garden. This is because the page title will override the title.
The Navigation Title in the breadcrumbs has also changed to Garden, because we changed the navigation to be shorter in the previous instructions.
Now you can add your content to the page.
NSW Department of Education
School website author training manual 97
Add content to a page - lesson 11 Select the edit button to add content
Step Action Screenshot
Select Edit to add content
Navigate to the page to edit and open to view in Edit or Preview mode.
Select Edit mode to start adding content to your page.
Note: You will know you are in Edit mode when the Drag components here box appears or blue lines appear around your content boxes. The Edit link is also bold and white and not greyed out like the Preview link. Components are containers for your content.
NSW Department of Education
School website author training manual 98
Insert component
Step Action Screenshot
Insert a Text Box component
To add content to your page you need to add building blocks that hold the different types of content. These building blocks are called components. First, we will insert a text box component.
Select the Drag components here box.
Select the Insert component (plus icon).
NSW Department of Education
School website author training manual 99
List of components
Step Action Screenshot
Insert New Component
A list of available tailored components will display. Select the component that match the type of content you are inserting on the page. For example, to enter a Google map, select map and for a video select video. For text and links select Rich text editor.
Types of components include: Column, Image, Map, Rich text editor, School Report, Script and Video.
Select the Rich text editor.
NSW Department of Education
School website author training manual 100
Rich text editor
Step Action Screenshot
Rich text editor
The Rich text editor component now displays on the page.
Select the Text container to open the Rich text editor dialog box and enter content.
NSW Department of Education
School website author training manual 101
Configure the Rich text editor component
Step Action Screenshot
Select the Configure (spanner icon) to edit the Rich text editor component.
Rich text editor
NSW Department of Education
School website author training manual 102
Step Action Screenshot
Rich text dialog box opens
Select the empty box to activate the formatting toolbar.
Toggle Fullscreen
Step Action Screenshot
Enlarge the screen
When entering content, it can be easier to edit if viewing in full screen.
Select Toggle Fullscreen (screen icon) located next to the question mark icon. Select to minimise.
NSW Department of Education
School website author training manual 103
Copy text from a document
Step Action Screenshot
Copy content from a word document
Best practice is to have your content correctly formatted and approved in a Word document. Copy the text and then paste in the Rich text editor.
The Approver can sign off the content in a word document before it is added to the school website page.
Highlight all your content from a document. To copy, Ctrl + C or right click and select Copy.
NSW Department of Education
School website author training manual 104
Paste the content from word
Step Action Screenshot
Paste content
Select inside the text area.
Make sure you've copied content from the document (Ctrl + C).
Currently you have to use the short cut key to paste. Hold down the Ctrl key and at the same time select the letter V (Ctrl + V)
Your content will be pasted in the text editor.
NSW Department of Education
School website author training manual 105
Select Done (tick icon) to close the Rich text editor.
Your content will now appear on the draft page.
Preview your content and next steps
Step Action Screenshot
Next you will learn how to structure and format your website page.
NSW Department of Education
School website author training manual 106
Format and edit content - lesson 12 Open page to format text
Step Action Screenshot
Open the page to format
You can navigate to your page either from the front of your website (preview mode) or in column view in the admin area. The example demonstrates preview mode.
Select Edit.
NSW Department of Education
School website author training manual 107
Select Configure to edit and format text
Step Action Screenshot
Select Configure to edit the text
Select the text box to edit.
The formatting toolbar will appear and a blue border around the component.
Select Configure (spanner icon).
NSW Department of Education
School website author training manual 108
Enlarge your screen to edit
Step Action Screenshot
Rich text box will open
Select Toggle Fullscreen to enlarge the Rich text box.
Select once inside the text area to display the formatting tool bar.
NSW Department of Education
School website author training manual 109
Heading levels
Step Action Screenshot
Structure your page using headings
Select the text that will be the first heading on your page.
Select the paragraph icon.
A drop-down will appear with the heading levels that you can choose from.
Note: The first heading on the page for your content will be a Heading 2 level, that's because the title of your page is a Heading 1 level entered when the page was created.
Remember to follow heading structure. View accessibility guidelines.
NSW Department of Education
School website author training manual 110
Lists
Use an ordered list (numbers)if steps are followed in order.
Use an unordered list (bullets) if your content does not have to be followed step by step.
Hyperlinks
Highlight your text to turn in to a link.
Select the Link (chain icon).
Browse for the internal page or asset to link to.
For external websites enter the full URL including http://
Leave target as blank. For accessibility requirements do not open a PDF, other document or an internal or external website in a new window.
To remove a link put your cursor the hyperlink txt and select Unlink
NSW Department of Education
School website author training manual 111
Avoid italics
Italics are only used now for foreign words and scientific words. View the department's style guide for further information.
Search and replace
You can search content in your document and replace text automatically.
Lead paragraph
NSW Department of Education
School website author training manual 112
Step Action Screenshot
Lead paragraph
The Lead paragraph will style the first paragraph on your page to visually make the paragraph stand out from the rest of your text.
Highlight the first paragraph.
Select the Lead paragraph (S icon).
The style will be applied.
Select Done (tick icon) to save your edits.
NSW Department of Education
School website author training manual 113
Notes