Review of last sessionReview of last session
The Weebly DashboardThe Weebly Dashboard
Controls your account and your sitesControls your account and your sites
From here you can change your account detailsFrom here you can change your account details
Edit your sitesEdit your sites
Add sitesAdd sites
Review of last sessionReview of last session
The Weebly Dashboard cont.The Weebly Dashboard cont.
Click on the Edit button to edit your siteClick on the Edit button to edit your site
Click on the Stats button to get some basicusage informationClick on the Stats button to get some basicusage information
Click on the more buttonto accessClick on the more buttonto access
1.Blog comments1.Blog comments
2.Contact form entries2.Contact form entries
3.Copy your site3.Copy your site
4.Delete your site4.Delete your site
Review of last sessionReview of last session
The Elements TabThe Elements Tab
An element is an object that allows you to addcontent to your web pages.An element is an object that allows you to addcontent to your web pages.
You can add text, pictures, videos, HTML, mapsand more.You can add text, pictures, videos, HTML, mapsand more.
Review of last sessionReview of last session
The design TabThe design Tab
The design tab allows you to change the look and feel of yourwebsite. Its main purpose is to let you change the templatethat your website is using.The design tab allows you to change the look and feel of yourwebsite. Its main purpose is to let you change the templatethat your website is using.
A template is a pre-designed layout for a website.A template is a pre-designed layout for a website.
The Weebly templates are easy to use and get you up andrunning with your website easily.The Weebly templates are easy to use and get you up andrunning with your website easily.
To change your template you just click on preview, if you likewhat it looks like just click on “use Theme”To change your template you just click on preview, if you likewhat it looks like just click on “use Theme”
You can also set Text parameters here for Titles andParagraph text.You can also set Text parameters here for Titles andParagraph text.
Set link colours here as well.Set link colours here as well.
Review of last sessionReview of last session
The Pages TabThe Pages Tab
The pages tab allows you to create new web pagesand manage pages you have already created. You cancreate as many pages as you want and either show orhide them in the navigation.The pages tab allows you to create new web pagesand manage pages you have already created. You cancreate as many pages as you want and either show orhide them in the navigation.
You can also move the pages in the position on thenavigation bar.You can also move the pages in the position on thenavigation bar.
Review of last sessionReview of last session
6. The Settings Tab6. The Settings Tab
This is were you can set up the domain name andpage titles etc.This is were you can set up the domain name andpage titles etc.
Review of last sessionReview of last session
Add text to your websiteAdd text to your website
TitleTitle
ParagraphParagraph
Title and paragraphTitle and paragraph
Editing textEditing text
BoldBold
ItalicItalic
UnderlineUnderline
ColourColour
SizeSize
LinkLink
PositionPosition
Review of last sessionReview of last session
Add photographsAdd photographs
Photograph on its ownPhotograph on its own
Upload photoUpload photo
Edit pictureEdit picture
Enlarge photoEnlarge photo
Add a captionAdd a caption
RemoveRemove
Top menuTop menu
Change photoChange photo
Set border and marginsSet border and margins
Photograph with title and paragraphPhotograph with title and paragraph
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 eachcolumnNow drag a text or picture element in eachcolumn
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 elementsYou can add other elements
Eg. A phone number boxEg. A phone number box
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” section , or click on“All Themes” and chose a template from the manyavailablePick a template from the “favourites” section , or click on“All Themes” and chose a template from the manyavailable
When you have selected a template click on “preview”When you have selected a template click on “preview”
If you like the look of the template click on “use theme”If you like the look of the template click on “use theme”
Create your own WebsiteCreate your own Website
editing your headerediting your header
you can change the picture and text on your header (not all templates) you can change the picture and text on your header (not all templates)
Move your mouse over the header, if you see this button then you canedit your header, just click on the button.Move your mouse over the header, if you see this button then you canedit 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
Create your own WebsiteCreate your own Website
adding a photo gallery or slide-showadding a photo gallery or slide-show
The gallery element enables you to upload photos in bulk, which arearranged in a click-to-see-a-larger-version grid format that you cancontrol.The gallery element enables you to upload photos in bulk, which arearranged in a click-to-see-a-larger-version grid format that you cancontrol.
Select “photo gallery” icon and drag onto pageSelect “photo gallery” icon and drag onto page
Then click the Upload Images button thatappears in the element.Then click the Upload Images button thatappears in the element.
This will let you select images from your computer to upload. You canselect multiple images by holding the CTRL key on a PCThis will let you select images from your computer to upload. You canselect multiple images by holding the CTRL key on a PC
Give the photos a few minutes to upload and then you'll see your galleryon the pageGive the photos a few minutes to upload and then you'll see your galleryon the page
Create your own WebsiteCreate your own Website
Each image in the gallery automatically links to a larger version of the image. Youcan also link an image elsewhere (another site or page) if you like or add a captionthat will appear on the enlarged version of an image. Just click on the gallery to seethese options.Each image in the gallery automatically links to a larger version of the image. Youcan also link an image elsewhere (another site or page) if you like or add a captionthat will appear on the enlarged version of an image. Just click on the gallery to seethese 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 thelayout more uniform.And select if you want to crop the thumbnails to either squares or rectangles to make thelayout more uniform.
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) enablesyou to show off your photos with style. the slideshow element (available under the "Multimedia" category of elements) enablesyou to show off your photos with style.
This will open the "Choose a Slideshow Style" dialog boxwhere you can select which style of slideshow you want. (This can always be changed later)This will open the "Choose a Slideshow Style" dialog boxwhere you can select which style of slideshow you want. (This can always be changed later)
You'll now be prompted to upload photos. Hit the big Upload Photos button to get started.You'll now be prompted to upload photos. Hit the big Upload Photos button to get started.
Create your own WebsiteCreate your own Website
Once your pictures have finished uploading you'll see them all on thephoto management screen.Once your pictures have finished uploading you'll see them all on thephoto management screen.
You can drag photos to re-order them, click the "x" next to each to delete them and click the"bubble" icon to add a caption that'll appearalong with the photo in the slideshow. You can drag photos to re-order them, click the "x" next to each to delete them and click the"bubble" icon to add a caption that'll appearalong with the photo in the slideshow.
When you're ready to move on, clickSave and you'll new see the slideshow as part of the page.When you're ready to move on, clickSave and you'll new see the slideshow as part of the page.
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 menu drag 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 thisbox. The most important is the Address. You should enter the address you want right in thisbox.
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 mapDetermine 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 settingsvia the Advanced menu.You can also change a few of the less used settingsvia the Advanced menu.
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 thetop toolbar, click on “upload new file”Click inside the element to open thetop 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 clickon the “Download File” textThis will add the file, users can then clickon the “Download File” text
They will get the option to open or save thefile to their computer.They will get the option to open or save thefile to their computer.
Create your own websiteCreate your own website
Adding VideoAdding Video
Adding a YouTube videoAdding a YouTube video
Go to the multimedia tab and drag theyoutube element on your pageGo to the multimedia tab and drag theyoutube element on your page
click anywhere in the element tobring up the Toolbar.click anywhere in the element tobring up the Toolbar.
You need to enter the direct link to theyoutube video in the provided field.You need to enter the direct link to theyoutube 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
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. Andcopy / paste from there. No other link will work, so be sure to use the one foundhere.To find the direct link, click the Share button beneath the YouTube video. Andcopy / paste from there. No other link will work, so be sure to use the one foundhere.
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, avideo, a video slide show etc.)You can also add a SWF (flash) video. (a self contained file that can be a game, avideo, 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.
