Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you can change your account details From here you can change your account details Edit your sites Edit your sites Add sites Add sites
Review of last session The Weebly Dashboard cont. The Weebly Dashboard cont. Click on the Edit button to edit your site Click on the Edit button to edit your site Click on the Stats button to get some basic usage information Click on the Stats button to get some basic usage information Click on the more button to access Click on the more button to access 1. Blog comments 2. Contact form entries 3. Copy your site 4. Delete your site
Review of last session The Elements Tab The Elements Tab An element is an object that allows you to add content to your web pages. An element is an object that allows you to add content to your web pages. You can add text, pictures, videos, HTML, maps and more. You can add text, pictures, videos, HTML, maps and more.
Review of last session The design Tab The design Tab The design tab allows you to change the look and feel of your website. Its main purpose is to let you change the template that your website is using. The design tab allows you to change the look and feel of your website. Its main purpose is to let you change the template that 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 and running with your website easily. The Weebly templates are easy to use and get you up and running with your website easily. To change your template you just click on preview, if you like what it looks like just click on “use Theme” To change your template you just click on preview, if you like what it looks like just click on “use Theme” You can also set Text parameters here for Titles and Paragraph text. You can also set Text parameters here for Titles and Paragraph text. Set link colours here as well. Set link colours here as well.
Review of last session The Pages Tab The Pages Tab The pages tab allows you to create new web pages and manage pages you have already created. You can create as many pages as you want and either show or hide them in the navigation. The pages tab allows you to create new web pages and manage pages you have already created. You can create as many pages as you want and either show or hide them in the navigation. You can also move the pages in the position on the navigation bar. You can also move the pages in the position on the navigation bar.
Review of last session 6. The Settings Tab 6. The Settings Tab This is were you can set up the domain name and page titles etc. This is were you can set up the domain name and page titles etc.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Editing text Editing text Bold Bold Italic Italic Underline Underline Colour Colour Size Size Link Link Position Position
Review of last session Add photographs Add photographs Photograph on its own Photograph on its own Upload photo Upload photo Edit picture Edit picture Enlarge photo Enlarge photo Add a caption Add a caption Remove Remove Top menu Top menu Change photo Change photo Set border and margins Set border and margins Photograph with title and paragraph Photograph with title and paragraph
Review of last session Add multiple columns Add multiple columns Select the No. of columns and spacing Select the No. of columns and spacing Now drag a text or picture element in each column Now drag a text or picture element in each column
Review of last session Add a Contact form Add a Contact form It is made up of several elements It is made up of several elements A title A title A name box A name box An box An box A comment box A comment box You can add other elements You can add other elements Eg. A phone number box Eg. A phone number box
Create your own Website Changing your template Changing your template Go to the Design tab Go to the Design tab Pick a template from the “favourites” section, or click on “All Themes” and chose a template from the many available Pick a template from the “favourites” section, or click on “All Themes” and chose a template from the many available 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 Website editing 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 can edit your header, just click on the button. Move your mouse over the header, if you see this button then you can edit your header, just click on the button. You can change the background colour You can change the background colour Change the picture (s) Change the picture (s) Add text Add text Save to single, multiple or all pages Save to single, multiple or all pages
Create your own Website adding a photo gallery or slide-show 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. 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. Select “photo gallery” icon and drag onto page Select “photo gallery” icon and drag onto page Then click the Upload Images button that appears in the element. Then click the Upload Images button that appears in the element. This will let you select images from your computer to upload. You can select multiple images by holding the CTRL key on a PC This will let you select images from your computer to upload. You can select multiple images 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 page Give the photos a few minutes to upload and then you'll see your gallery on the page
Create 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 caption that will appear on the enlarged version of an image. Just click on the gallery to see these options. 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 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 Images Upload 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.
Create your own Website Add a picture slide-show Add 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 where you can select which style of slideshow you want. (This can always be changed later) This will open the "Choose a Slideshow Style" dialog box where 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 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 the "x" next to each to delete them and click the "bubble" icon to add a caption that'll appear along 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 appear along with the photo in the slideshow. When you're ready to move on, click Save and you'll new see the slideshow as part of the page. When you're ready to move on, click Save and you'll new see the slideshow as part of the page.
Create your own Website Add A Google map Add 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 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 via the Advanced menu. You can also change a few of the less used settings via the Advanced menu.
Create your own Website Add files Add files Drag the “File” element onto a page Drag the “File” element onto a page Click inside the element to open the top toolbar, click on “upload new file” Click inside the element to open the top toolbar, click on “upload new file” Browse and select the file to upload Browse and select the file to upload This will add the file, users can then click on the “Download File” text This will add the file, users can then click on the “Download File” text They will get the option to open or save the file to their computer. They will get the option to open or save the file to their computer.
Create your own website Adding Video Adding Video Adding a YouTube video Adding a YouTube video Go to the multimedia tab and drag the youtube element on your page Go to the multimedia tab and drag the youtube element on your page click anywhere in the element to bring up the Toolbar. click anywhere in the element to bring up the Toolbar. You need to enter the direct link to the youtube video in the provided field. You need to enter the direct link to the youtube video in the provided field. You can change the size of the video You can change the size of the video You can change its position in the window You can change its position in the window In the advanced tab you can change the margins In the advanced tab you can change the margins
Create your own website Adding Video cont. Adding Video cont. 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 one found here. 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 one found here.
Create 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 file Click 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