1. Review of last session Logon – username = l4luser02 – l4luser16 Logon – username = l4luser02 – l4luser16 Password = Startnow1 Password = Startnow1 Fill in your Learner Diary Fill in your Learner Diary Any Questions? Any Questions?

2. 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 Review of last session

3. 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. Review of last session

4. 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. Review of last session

5. Review of last Session Adding custom html Adding custom html HTML is the language that web servers understand, all web pages are created using HTML. HTML is the language that web servers understand, all web pages are created using HTML. You can get lots of HTML code from the Internet You can get lots of HTML code from the Internet One of the most useful is a Marquee, which is a scrolling banner. One of the most useful is a Marquee, which is a scrolling banner. Go to http://www.quackit.com/html/codes/html_marquee_code.cfm to get the code. Go to http://www.quackit.com/html/codes/html_marquee_code.cfm to get the code.http://www.quackit.com/html/codes/html_marquee_code.cfm Copy the code for a scrolling text marquee. Copy the code for a scrolling text marquee. Paste the code into your HTML element Paste the code into your HTML element

6. Review of last Session Adding custom html cont. Adding custom html cont. To change the text click in the HTML box and change the text with your own To change the text click in the HTML box and change the text with your own Most of the parameters can be configure, font colour, background, speed etc. Most of the parameters can be configure, font colour, background, speed etc. Look at the links page on the course website for more sites. The marquee generator allows you to look and change these options. Look at the links page on the course website for more sites. The marquee generator allows you to look and change these options.links To get id of the bottom “advert” edit the text to change the “HTML lessons” to a couple of spaces To get id of the bottom “advert” edit the text to change the “HTML lessons” to a couple of spaces

7. Review of last Session Adding custom html cont. Adding custom html cont. You can also add a video by embedding it into a HTML element. You can also add a video by embedding it into a HTML element. Go to YouTube and find a video you like (or upload your own) Go to YouTube and find a video you like (or upload your own) Click on the “share” button and the click the “embed” button Click on the “share” button and the click the “embed” button Below the buttons is a box with the HTML Code in it. Below the buttons is a box with the HTML Code in it. Copy this code and paste it in a HTML element Copy this code and paste it in a HTML element The Video is now embedded onto your web page The Video is now embedded onto your web page

8. Adding a Blog Blogs are interactive web pages that are meant to be constantly updated and allow visitors to comment on the content. Blogs are interactive web pages that are meant to be constantly updated and allow visitors to comment on the content. It is a page you update every time you want to tell your customers something It is a page you update every time you want to tell your customers something It is also good to keep adding fresh material so that search engines upload new data. It is also good to keep adding fresh material so that search engines upload new data. To add a blog, go to the pages tab and click on the “Add Blog” button, then click on the “edit page” button To add a blog, go to the pages tab and click on the “Add Blog” button, then click on the “edit page” button

9. Starting your first Blog (Video) Starting your first Blog (Video)Video Write a Blog Post Write a Blog Post To create a new post for your blog, use the New Post button at the top of the blog itself. To create a new post for your blog, use the New Post button at the top of the blog itself. Adding a Blog

10. Your blog post has a date, title and a content area. Your blog post has a date, title and a content area. The title should generally be short - no more than a sentence long or so. The title should generally be short - no more than a sentence long or so. The content area allows you to use any of the elements that you use with normal webpages. The content area allows you to use any of the elements that you use with normal webpages. Adding a Blog

11. Adding content to a blog post works the same way as adding content to a regular page - just drag elements into the post and edit them to add content. Adding content to a blog post works the same way as adding content to a regular page - just drag elements into the post and edit them to add content. Adding a Blog

12. Once you've added your content you can categorize the post - these categories will appear on your sidebar, making it easier for visitors to your blog to find posts that cover certain topics. Categories can be whatever you like and it isn't necessary to use them. Once you've added your content you can categorize the post - these categories will appear on your sidebar, making it easier for visitors to your blog to find posts that cover certain topics. Categories can be whatever you like and it isn't necessary to use them. Adding a Blog

13. Now you can Publish the post to your live site (which will make it instantly available) or Save to Drafts to edit / publish it later. Now you can Publish the post to your live site (which will make it instantly available) or Save to Drafts to edit / publish it later. Adding a Blog

14. If you save the post as a draft, it'll be accessible to you through a drafts area at the top of the blog page from within the editor (along with any other drafts you've saved). Just click the link to the post from this drafts area to edit it further and save / Publish. If you save the post as a draft, it'll be accessible to you through a drafts area at the top of the blog page from within the editor (along with any other drafts you've saved). Just click the link to the post from this drafts area to edit it further and save / Publish. Every new post you Publish will appear at the very top of the page, pushing older posts further down the page. After you've added seven or eight posts to the page, older posts will be moved off the main page to still accessible archive pages. Every new post you Publish will appear at the very top of the page, pushing older posts further down the page. After you've added seven or eight posts to the page, older posts will be moved off the main page to still accessible archive pages. Adding a Blog

15. The Blog Sidebar The Blog Sidebar Your blog includes a fully customizable sidebar. This sidebar includes four sections by default, which can be edited and deleted like any other element. Your blog includes a fully customizable sidebar. This sidebar includes four sections by default, which can be edited and deleted like any other element. But you can easily add more content by dragging elements to the sidebar. There is a "Blog Sidebar" category that is meant to be used only with the sidebar, but you're welcome to use elements from any of the categories. But you can easily add more content by dragging elements to the sidebar. There is a "Blog Sidebar" category that is meant to be used only with the sidebar, but you're welcome to use elements from any of the categories. Adding a Blog

16. Manage Blog Comments Manage Blog Comments We turn on comments by default for every blog post you create, and visitors to your blog can comment on any posts you've made unless you turned comments off under your Blog Settings. These comments appear underneath each individual post in the order in which they were added: oldest at the top, newest at the bottom. This order cannot currently be changed. We turn on comments by default for every blog post you create, and visitors to your blog can comment on any posts you've made unless you turned comments off under your Blog Settings. These comments appear underneath each individual post in the order in which they were added: oldest at the top, newest at the bottom. This order cannot currently be changed. Adding a Blog

17. Manage Blog Comments - cont Manage Blog Comments - cont You are notified of comments via the email address associated with your account (you can change this to a different address for the blog under settings). The comments can be read directly on your site or under the Blog Comments area for the blog in your account. You are notified of comments via the email address associated with your account (you can change this to a different address for the blog under settings). The comments can be read directly on your site or under the Blog Comments area for the blog in your account. You can access this Blog Comment section? Go to the main page of your account, click the More button to the right of the site and select Blog Comments. You can access this Blog Comment section? Go to the main page of your account, click the More button to the right of the site and select Blog Comments. Adding a Blog

18. Adding buying buttons Go to the Settings tab and select E-commerce Settings Go to the Settings tab and select E-commerce Settings Set up your paypal or Google account settings Set up your paypal or Google account settings Now drag one of the E-Commerce Revenue Elements to a page. Now drag one of the E-Commerce Revenue Elements to a page. There are 4 different types, try each one to see which one suits you There are 4 different types, try each one to see which one suits you Just click inside the block to edit text and parameters. Just click inside the block to edit text and parameters.

19. Adding buying buttons –cont There is a configuration menu to set some of the parameters of your element. There is a configuration menu to set some of the parameters of your element. You can replace the image You can replace the image Change which of the display styles you are using Change which of the display styles you are using Change the buying button style Change the buying button style Hide the image Hide the image Hide the description Hide the description Change the position Change the position

20. Sign up for a Google account Having a google account allows you to add your website easily to the google search engine Having a google account allows you to add your website easily to the google search engine It integrates with YouTube It integrates with YouTube You can have a Gmail account You can have a Gmail account You can you Google Analytics (advanced) You can you Google Analytics (advanced) You can use Google Webmaster Tools (advanced) You can use Google Webmaster Tools (advanced)

21. Go to the Google search engine page and in the right hand top corner is a sign in button Go to the Google search engine page and in the right hand top corner is a sign in button Click on this to and then click on the “sign up ” button Click on this to and then click on the “sign up ” button Sign up for a Google account

22. Sign up for a google account – cont Sign up for a google account – cont Fill in the form and click “Next Step” Fill in the form and click “Next Step”

23. Sign up for a Google account then it asks you if you want to add your photo (I never do but its up to you) and click “Next Step” then it asks you if you want to add your photo (I never do but its up to you) and click “Next Step” Now click “Get Started” Now click “Get Started”

24. Create your own Website creating and adding a video slideshow creating and adding a video slideshow In the Google search page top menu click on “More” and then “YouTube” In the Google search page top menu click on “More” and then “YouTube” This will bring you to the YouTube site This will bring you to the YouTube site Click on your name in the right hand corner Click on your name in the right hand corner Click on “Video Manager” Click on “Video Manager” Click on “Create Channel” Click on “Create Channel”

25. Create your own Website creating and adding a video slideshow creating and adding a video slideshow Set up your username (you can use your google one) Set up your username (you can use your google one) Un-tick the boxes below and click on Next Un-tick the boxes below and click on Next Now just click on “All Done” Now just click on “All Done”

26. Create your own Website creating and adding a video slideshow creating and adding a video slideshow Click on your name at the R/H top and Go to Video Manager Click on your name at the R/H top and Go to Video Manager In the L/H corner there is a button labelled “Upload”. Click on this and select In the L/H corner there is a button labelled “Upload”. Click on this and select “Creator tools” “Creator tools”

27. Create your own Website creating and adding a video slideshow creating and adding a video slideshow We are going to use “One true media” to create our video Slideshow. Scroll down until you come to it and click on “Create Video” We are going to use “One true media” to create our video Slideshow. Scroll down until you come to it and click on “Create Video” Scroll down to the bottom of the next page and click on “sign in with your Google account” Scroll down to the bottom of the next page and click on “sign in with your Google account”

28. Create your own Website creating and adding a video slideshow creating and adding a video slideshow Click on the button Click on the button Now Click on the large green button to upload your photos or Videos Now Click on the large green button to upload your photos or Videos Note you can only have 30 sec of free video, unless you pay Note you can only have 30 sec of free video, unless you pay When the photo’s have finished uploading click “Done” When the photo’s have finished uploading click “Done”

29. Create your own Website creating and adding a video slideshow creating and adding a video slideshow

30. Create your own Website creating and adding a video slideshow creating and adding a video slideshow Once you have finished creating and editing your video click “Publish to YouTube” Once you have finished creating and editing your video click “Publish to YouTube”

31. Create your own Website creating and adding a video slideshow creating and adding a video slideshow There is also a website called Kizoa that allows you to create a video slideshow. Go to http://www.kizoa.com/ There is also a website called Kizoa that allows you to create a video slideshow. Go to http://www.kizoa.com/http://www.kizoa.com/ You will need to sign up for a free account, but the it works very similar to One true media, but you can have longer shows. You will need to sign up for a free account, but the it works very similar to One true media, but you can have longer shows. When you have finished creating your video slideshow then click on the “Add to blog” button on the bottom of the screen, and it gives you the HTML code to embed on your website. When you have finished creating your video slideshow then click on the “Add to blog” button on the bottom of the screen, and it gives you the HTML code to embed on your website. Copy the code and just past it in a HTML element. Copy the code and just past it in a HTML element.

32. Create your own Website

33. Alternately there is a free MS programs called Photo Story Go to http://www.microsoft.com/download/en/details.aspx?id=11132 http://www.microsoft.com/download/en/details.aspx?id=11132 To download. You can then upload the video you have created to YouTube or Vimeo and embed it on your website.

34. Create Your Own Website Backing your site up Backing your site up Go to the settings tab Go to the settings tab Select Archive/Un publish Select Archive/Un publish Select Select

35. Build Your Own Website Backing your site up cont. Backing your site up cont. Click on Save Click on Save Your site will be saved on your hard drive in a Zip format. Your site will be saved on your hard drive in a Zip format.

36. Sign up to Google Apps Get email addresses – website statistics – calendar etc.

37. Sign up to Google Apps

40. Copy the HTML code

41. Sign up to Google Apps Click on “Advanced Settings”

42. Sign up to Google Apps Paste the HTML code into the Header Code box and click “Save Settings” Then “Publish” your website

43. Sign up to Google Apps Now click on “Verify”

44. Sign up to Google Apps Now click on Continue