Author training manual...Enter heading text using sentence case. For example, Working together. The...

NSW Department of Education

School website Author training manual

education.nsw.gov.au


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



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



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



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

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






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.



The Navigation window will appear


In the Navigation window:

select Sites to go to your website pages

Select Assets to go to your images and documents.



Log out


Select User in the top right corner.

Select Sign Out to log out of your school website.



Get to know your home page – lesson 2 Look for these features on your homepage


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



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.



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


School footer

You can change this content if needed.



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




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




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.



Navigating your website


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.



Navigating up and down the hierarchy of your website


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.



Open and edit a page


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.



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.



Use Lock to

prevent other authors from editing the page.

Website title, tags and meta description


Basic tab

From the navigation, tick the page to bring up the edit menu.

Select Properties then the Basic tab.



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.



Global header links


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.



Quick links


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.



Home page banner - Lesson 04 Get to know the home page banner


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.



Edit the banner


Edit the banner

Select anywhere in the banner to display the toolbar.

Select Configure (spanner icon) to update the image, text and banner options.



Banner instructions


Add or edit the banner content in the configuration window.



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.



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.



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




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




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.



Change the home page title for news


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.



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


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.



Create a News Article


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.



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.



Select News Article template


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.



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




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




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




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


Editing a News Article

Select the news article you want to edit.

Make sure the tick and blue box appears.



Open the page to edit

Select the Edit button on the Header toolbar.

Visual display of a news article


News Article has the following

title

date

article short description

image

article description

Note: the Latest news sidebar appears automatically and cannot be changed.



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.



News Article date and image


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.



Article image


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.



Article Short Description


Article short description

Select the Article Short Description tab.

Enter a brief sentence, this will appear at the top of the article.



Article Description


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.



Events - lesson 06 Create a new event


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.



Select the event page template


Event page template

To create an event, select the Events Page Template.

Then select Next.



Event title


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.



Success message


Success message

The success message will display to confirm the event has been created.

Select Open to enter the event details.



Add details to the event


Add event details

Select the Event Heading blue box to activate the Configure toolbar.

Select the Configure (spanner icon) to add or edit details.



Enter date, times and an image


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



Event location, attachment and link


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.



Enter the Link Label which describes what you are linking too.

To add another link, select the Add button.

Event description


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.



Upload an image - lesson 07 Assets folder


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.



Select the files folder


Select the Files folder

All images and documents are saved under the Files folder.

Select folder to save your image




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


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.



Upload one image


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



Confirm images to be uploaded


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.



Uploading the same image


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.



Images are uploaded


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.



Edit images - lesson 8 Assets folder


Open Assets folder

Select Assets to open.



Inside the Assets folder


Open the Files folder

Note: All images and documents including PDF, Word and Excel files are saved in the Files folder.



Card view of Asset folder


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.



Column view of assets folder


Column view

Allows you to navigate multiple folders more easily to help you find your images or documents.



List view of assets folder


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.



Change navigation view

Select the drop-down to change views.

No data will change, only the way the navigation is displayed.



Quick Actions toolbar


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.



Select folder - gallery example


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.



Editing an image


Edit an image

Select an image to edit it.

Choose Select (tick) button.

The editing toolbar will appear.



Select Edit button to crop or rotate


Crop your image

Select Edit to crop or rotate your image.



Using the crop tool


The crop and rotating tools appear

Select Crop.

Choose to crop using a ratio or use the Free Hand tool.



Crop to size


Crop to size

Adjust the crop bars.

Select the Confirm (tick icon) button to save.



Select finish lock in all editing changes


Select Finish (tick icon) to save all edits.



Select close to return to Asset folder


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.



All images and navigate using header navigation drop down


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.



Gallery - lesson 09 Image gallery displayed on the home page


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.



Hover over an image


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.



Create a new album


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.



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




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




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.



Success in creating an album


Success message

The album has now been created.

Select Open to insert images in to your album.



Editing an album


Add images and text to an album

Make sure you are in Edit mode.

Select the album area.

Select Configure (spanner icon) to edit.



Album title and date


Album title

Enter or edit the Album Title.

Edit the date if required.



Album description


Album description

Select the Album Description tab.

Describe what the album is about.



Choosing images to go in to the album


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.



Adding extra images to the gallery album


Add more images

Select the Add button at the bottom of the dialog box to insert more images to your album.



Gallery images folder located in Assets


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.



Deleting an image from the album


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.



Create a new page - lesson 10 Create a new page


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.



Select Create

Select the Create button.

Select Page from the drop-down menu.

Content page template




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




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




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.



Page has been created


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.



Preview of the new page


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.



Add content to a page - lesson 11 Select the edit button to add content


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.



Insert component


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).



List of components


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.



Rich text editor


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.



Configure the Rich text editor component


Select the Configure (spanner icon) to edit the Rich text editor component.

Rich text editor




Rich text dialog box opens

Select the empty box to activate the formatting toolbar.

Toggle Fullscreen


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.



Copy text from a document


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.



Paste the content from word


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.



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


Next you will learn how to structure and format your website page.



Format and edit content - lesson 12 Open page to format text


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.



Select Configure to edit and format text


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).



Enlarge your screen to edit


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.



Heading levels


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.



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



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




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.



Notes

Author training manual...Enter heading text using sentence case. For example, Working together. The...

Documents

Transcript of Author training manual...Enter heading text using sentence case. For example, Working together. The...