1. Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden pages Arranging the website navigation Arranging the website navigation Adding a 2 nd site to your Weebly dashboard Adding a 2 nd site to your Weebly dashboard adding Google maps * adding Google maps * adding video to your site * adding video to your site * * only if required * only if required

2. Build Your Own Website For the group – adding a photo gallery or slide-show For the group – adding a photo gallery or slide-show Signing up for a Google account Signing up for a Google account For students that want to add more advanced features on their website, including:- For students that want to add more advanced features on their website, including:- Using YouTube to add a video slide show * Using YouTube to add a video slide show * accepting credit cards on your website* accepting credit cards on your website* how a blog works* how a blog works* the blog elements* the blog elements* Creating a blog post* Creating a blog post* adding photos to a blog* adding photos to a blog* commenting on a blog* commenting on a blog* *You do not need to look at these if you do not want to use them there are videos on the website covering these topics. *You do not need to look at these if you do not want to use them there are videos on the website covering these topics.

3. To create a photo slide show, Go to the multi-media section in the elements tab and drag it onto your page Chose the style of slide show you want and click on continue Adding a Slide Show or Picture Gallery

4. Click on “Upload photo’s” Select the photo’s you want in your slide show. And click “Open” The pictures will now be uploaded to your website Now click on “Save”

5. This is the slide show on your website. You can :- change the type and position of the thumbnails, set the transition style set the auto-play (off or on) under the advance tab make other settings. If you click the “Add/Edit photo;s” button you can add or delete photo’s, add a caption and add a link.

6. To add a photo gallery, drag the element onto your webpage and click in the blue box Select and open the picture you want to upload Click inside the element and at the top of the screen you will see the editing menu. Here you can upload new photo’s. select how many columns, the spacing between the photo’s, what type of border, and a basic cropping tool. The advanced tab gives you the spacing above and below the photo’s. You can also add a caption and a link to each individual photo.

7. Build Your Own Website Creating a Google account. Creating a Google account. It can be used to add your website to the search engine, access webmaster tools and analytics and access YouTube It can be used to add your website to the search engine, access webmaster tools and analytics and access YouTube Go to www.google.co.uk and click on the Sign In tab Go to www.google.co.uk and click on the Sign In tabwww.google.co.uk

8. Build Your Own Website Click on Create an account for free Click on Create an account for free Fill in the form to create your account Fill in the form to create your account

9. Build Your Own Website Create a YouTube video slide-show Create a YouTube video slide-show Once you have your Google account and have signed in, on the google home page click More and select YouTube. Once you have your Google account and have signed in, on the google home page click More and select YouTube. Click on the arrows next to your name and select “My Videos” Click on the arrows next to your name and select “My Videos” Click on create Videos Click on create Videos

10. Build Your Own Website We are going to use this one, click on Create Video We are going to use this one, click on Create Video Click on the button Click on the button Now click on the button Now click on the button

11. You have to upload your Photo’s You have to upload your Photo’s so click Select Files so click Select Files Select the files you want to add to your slideshow and click Upload. Select the files you want to add to your slideshow and click Upload.

12. Build Your Own Website Once this has finished click on Done and it will take you to this page. Once this has finished click on Done and it will take you to this page. Here you can add more images, edit and sequence the pictures, apply a style, select some music and create a text slide for the front of the slideshow Here you can add more images, edit and sequence the pictures, apply a style, select some music and create a text slide for the front of the slideshow Once you have finished you can publish it to your youtube account. Once you have finished you can publish it to your youtube account.

13. Build Your Own Website Adding this video to your website Adding this video to your website Create a new page and add a YouTube Video element (found under multi-media) Create a new page and add a YouTube Video element (found under multi-media) Copy the URL (address of the video in YouTube) Copy the URL (address of the video in YouTube) Paste this in the URL box of the element Paste this in the URL box of the element Publish and have a look.... Publish and have a look.... You can add text etc to the page by using paragraph elements, it is difficult to add titles to each picture, so do that in photo-shop or even windows paint beforehand. You can add text etc to the page by using paragraph elements, it is difficult to add titles to each picture, so do that in photo-shop or even windows paint beforehand.

14. Build Your Own Website

15. Accepting credit cards Accepting credit cards Set up your e-commerce options Set up your e-commerce options Go to Settings and E-commerce Go to Settings and E-commerce Set up the merchant account (PayPal or Google check-out) Set up the merchant account (PayPal or Google check-out) Add the email address that you use for this account Add the email address that you use for this account Set up your currency Set up your currency Save your set-up Save your set-up

16. Build Your Own Website Accepting credit cards – cont. Accepting credit cards – cont. Go to the revenue section Go to the revenue section There are 4 elements built into Weebly There are 4 elements built into Weebly 1. Product Block 2. Product Small 3. Product Regular 4. Product Large Just drag which one you want to use onto the page Just drag which one you want to use onto the page (there is a video here) Accepting Credit Cards on Weebly (there is a video here) Accepting Credit Cards on Weebly Accepting Credit Cards on Weebly Accepting Credit Cards on Weebly

17. Block Small RegularLarge

18. Build Your Own Website How a blog works How a blog works The Weebly Blog Element The Weebly Blog Element Creating A Blog Post Creating A Blog Post Adding Photos To Your Weebly Blog Adding Photos To Your Weebly Blog Commenting On A Weebly Blog Commenting On A Weebly Blog Below is a set of Videos about adding a blog to your website Have a look at them and if you need any help adding a blog let me know

19. Build Your Own Website There are also quite a useful support section on the Weebly website. There are also quite a useful support section on the Weebly website. Take a look at: http://help.weebly.com/beginners-guide.html Take a look at: http://help.weebly.com/beginners-guide.html http://help.weebly.com/beginners-guide.html

20. Build Your Own Website Quick review of today's session Quick review of today's session Q & A session Q & A session Did you all manage to finish the video’s ? Did you all manage to finish the video’s ? If not can you carry on at home? If not can you carry on at home? We will have a review at the start of next weeks session We will have a review at the start of next weeks session Do you need any additional help? Do you need any additional help? Next weeks session we will start in earnest to build your own website, so remember to bring your photo’s, text and any other content. Next weeks session we will start in earnest to build your own website, so remember to bring your photo’s, text and any other content. Remember to fill in your ILP Remember to fill in your ILP