review of last session add text to your website add text to your website title title paragraph...

14
Review of last session Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs Add photographs Photograph on its own Photograph on its own Edit picture Edit picture Photograph with title and paragraph Photograph with title and paragraph

Upload: emerald-curtis

Post on 03-Jan-2016

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Review of last sessionReview of last session Add text to your websiteAdd text to your website

TitleTitle ParagraphParagraph Title and paragraphTitle and paragraph

Add photographsAdd photographs Photograph on its ownPhotograph on its own

Edit pictureEdit picture Photograph with title and paragraphPhotograph with title and paragraph

Page 2: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Review of last sessionReview of last session Add multiple columnsAdd multiple columns

Select the No. of columns and spacingSelect the No. of columns and spacing

Now drag a text or picture element in each columnNow drag a text or picture element in each column

Page 3: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Review of last sessionReview of last session Add a Contact formAdd a Contact form

It is made up of several elementsIt is made up of several elements A titleA title A name boxA name box An email boxAn email box A comment boxA comment box

You can add other elements You can add other elements Eg. A phone number boxEg. A phone number box

Page 4: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website changing your templatechanging your template

Go to the Design tabGo to the Design tab Pick a template from the “favourites” Pick a template from the “favourites”

section – or-section – or- Click on “All Themes” and chose a template Click on “All Themes” and chose a template

from the many availablefrom the many available When you have selected a template click on When you have selected a template click on

“preview”“preview” If you like the look of the template click on If you like the look of the template click on

“use theme”“use theme”

Page 5: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Websiteediting your headerediting your header you can change the picture and text on your header (not all you can change the picture and text on your header (not all

templates)templates) Move your mouse over the header, if you see this button then you Move your mouse over the header, if you see this button then you

can edit your header, just click on the button.can edit your header, just click on the button. You can change the background colourYou can change the background colour Change the picture (s)Change the picture (s) Add textAdd text Save to single, multiple or all pagesSave to single, multiple or all pages

Page 6: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Websiteadding a photo gallery or slide-showadding a photo gallery or slide-show The gallery element enables you to upload photos in bulk, which are arranged in a The gallery element enables you to upload photos in bulk, which are arranged in a

click-to-see-a-larger-version grid format that you can control.click-to-see-a-larger-version grid format that you can control. Select “photo gallery” icon and drag onto pageSelect “photo gallery” icon and drag onto page Then click the Upload Images button that Then click the Upload Images button that

appears in the element. appears in the element.

This will let you select images from your computer to upload. You can select multiple This will let you select images from your computer to upload. You can select multiple images by holding the CTRL key on a PCimages by holding the CTRL key on a PC

Give the photos a few minutes to upload and then you'll see your gallery on the pageGive the photos a few minutes to upload and then you'll see your gallery on the page

Page 7: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Each image in the gallery automatically links to a larger version of the image. You can also link an image elsewhere (another site or page) if you like or add a Each image in the gallery automatically links to a larger version of the image. You can also link an image elsewhere (another site or page) if you like or add a

caption that will appear on the enlarged version of an image. Just click on the gallery to see caption that will appear on the enlarged version of an image. Just click on the gallery to see these options. these options.

And you can use the gallery toolbar to make changes to the gallery.And you can use the gallery toolbar to make changes to the gallery.

Upload More ImagesUpload More Images Determine the number of columns you want. The default is 3, but you can have from 2 to 6. Determine the number of columns you want. The default is 3, but you can have from 2 to 6. Select the amount of spacing to place between each image. Select the amount of spacing to place between each image. Choose if you want a border around each thumbnail or not. Choose if you want a border around each thumbnail or not. And select if you want to crop the thumbnails to either squares or rectangles to make the layout more uniform. And select if you want to crop the thumbnails to either squares or rectangles to make the layout more uniform.

Page 8: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Add a picture slide-showAdd a picture slide-show

the slideshow element (available under the "Multimedia" category of elements) enables you to show off your photos with style.the slideshow element (available under the "Multimedia" category of elements) enables you to show off your photos with style. This will open the "Choose a Slideshow Style" dialog box This will open the "Choose a Slideshow Style" dialog box

where you can select which style of slideshow you want.  where you can select which style of slideshow you want.  (This can always be changed later)(This can always be changed later)

You'll now be prompted to upload photos. You'll now be prompted to upload photos. Hit the big Upload Photos button to get started.Hit the big Upload Photos button to get started.

Page 9: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Once your pictures have finished uploading you'll see them all on the photo management screen.Once your pictures have finished uploading you'll see them all on the photo management screen. You can drag photos to re-order them, click theYou can drag photos to re-order them, click the

"x" next to each to delete them and click the "x" next to each to delete them and click the "bubble" icon to add a caption that'll appear "bubble" icon to add a caption that'll appear along with the photo in the slideshow. along with the photo in the slideshow. 

When you're ready to move on, click When you're ready to move on, click Save and you'll new see the slideshowSave and you'll new see the slideshow as part of the page. as part of the page.

Page 10: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Add A Google mapAdd A Google map

drag the map element onto your page, click in the element to get the edit menudrag the map element onto your page, click in the element to get the edit menu This opens up the Map toolbar.  You can make a number of changes from here. This opens up the Map toolbar.  You can make a number of changes from here. 

The most important is the Address.  You should enter the address you want right in this box. The most important is the Address.  You should enter the address you want right in this box.  Change the size of the map using Width and Height.Change the size of the map using Width and Height. Position the Map to the Left, Centre or Right of the element.Position the Map to the Left, Centre or Right of the element. Determine if you want a Marker showing your address on the map Determine if you want a Marker showing your address on the map Set the initial Zoom level.Set the initial Zoom level. You can also change a few of the less used settings You can also change a few of the less used settings

via the Advanced menuvia the Advanced menu..

Page 11: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Add filesAdd files

Drag the “File” element onto a page Drag the “File” element onto a page Click inside the element to open theClick inside the element to open the

top toolbar, click on “upload new file”top toolbar, click on “upload new file” Browse and select the file to uploadBrowse and select the file to upload

This will add the file, users can then clickThis will add the file, users can then clickon the “Download File” texton the “Download File” text

They will get the option to open or save theThey will get the option to open or save thefile to their computer.file to their computer.

Page 12: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Adding VideoAdding Video

Adding a YouTube videoAdding a YouTube video Go to the multimedia tab and drag the Go to the multimedia tab and drag the

youtube element on your pageyoutube element on your page click anywhere in the element to click anywhere in the element to

bring up the Toolbar. bring up the Toolbar. You need to enter the direct link to the You need to enter the direct link to the

youtube video in the provided field. youtube video in the provided field. You can change the size of the videoYou can change the size of the video You can change its position in the windowYou can change its position in the window In the advanced tab you can change the marginsIn the advanced tab you can change the margins

Page 13: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Adding Video cont.Adding Video cont.

To find the direct link, click the Share button beneath the YouTube video. To find the direct link, click the Share button beneath the YouTube video. And copy / paste from there. No other link will work, so be sure to use the And copy / paste from there. No other link will work, so be sure to use the one found here. one found here.

Page 14: Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs

Create your own WebsiteCreate your own Website Adding Video cont.Adding Video cont.

You can also add a SWF (flash) video. (a self contained file that can be a game, a video, a video slide show etc.)You can also add a SWF (flash) video. (a self contained file that can be a game, a video, a video slide show etc.) Again in the multimedia tab drag the SWF element onto your page.Again in the multimedia tab drag the SWF element onto your page. Click in the box to upload your SWF fileClick in the box to upload your SWF file

This will bring up the SWF toolbar. This will bring up the SWF toolbar.

You can use the Upload New File button to upload the file and set the Width, Height and Alignment.You can use the Upload New File button to upload the file and set the Width, Height and Alignment.