Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 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

2 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

3 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

4 Review of last Session Adding a Blog 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

5 Create your own Website 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.

6 Review of last Session Your blog post has a title and a content area. Your blog post has a 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 includes a basic paragraph element which you can either edit or delete. The content area includes a basic paragraph element which you can either edit or delete.

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

8 Review of last Session 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.

9 Review of last Session 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.

10 Review of last Session 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.

11 Review of last Session 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.

12 Review of last Session 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.

13 Review of last Session Manage Blog Comments - cont Manage Blog Comments - cont We notify you of these 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. We notify you of these 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.

14 Create your own Website Adding buying buttons 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.

15 Create your own Website Adding buying buttons –cont 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

16 Create your own Website Sign up for a google account 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 you Google Analytics (advanced) You can you Google Analytics (advanced) You can use Google Webmaster Tools (advanced) You can use Google Webmaster Tools (advanced)

17 Create your own Website Sign up for a google account Sign up for a google account 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 “sign up for a new Google Account” Click on this to and then click on “sign up for a new Google Account”

18 Create your own Website 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”

19 Create your own Website Sign up for a google account – cont Sign up for a google account – cont 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”

20 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”

21 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”

22 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”

23 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”

24 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”

25 Create your own Website creating and adding a video slideshow creating and adding a video slideshow

26 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”

27 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.

28 Create your own Website

29 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.

30 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

31 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.


Download ppt "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."

Similar presentations


Ads by Google