1. Build Your Own Website Introduction Introduction Phil Stone Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community Learning Course is “Build your own Website” Course is “Build your own Website” Course website is webcourse.weebly.com Course website is webcourse.weebly.com webcourse.weebly.com 7 weeks duration 7 weeks duration House Keeping and Rules House Keeping and Rules Toilets Toilets Emergency exits Emergency exits Contact Number (07792944298) Contact Number (07792944298) Phones set to silent Phones set to silent Be courteous and respect each other Be courteous and respect each other

2. Build Your Own Website Introduction IntroductionRegister Sign the induction document Working on-line Safely http://www.google.co.uk/goodtoknow/online-safety/http://www.google.co.uk/goodtoknow/online-safety/, http://www.google.co.uk/goodtoknow/online-safety/ http://www.bbc.co.uk/webwise/topics/safety-and-privacy/ http://www.dudley.gov.uk/leisure-and-culture/libraries/children-and- young-people/online-safety / http://www.dudley.gov.uk/leisure-and-culture/libraries/children-and- young-people/online-safety /

3. Build Your Own Website Introduction Introduction We are going to learn to build your own website with an on- line application called “Weebly”. We are going to learn to build your own website with an on- line application called “Weebly”. This is a drag and drop website builder that is free for basic websites. This is a drag and drop website builder that is free for basic websites. It’s easy to do and can even include its own blog. It’s easy to do and can even include its own blog. We are going to go through how to add each element of a website during the class. We are going to go through how to add each element of a website during the class. I have also included a set of videos on the course website, that will take you through the process of building a website. I have also included a set of videos on the course website, that will take you through the process of building a website. You can access these videos anytime and carry on with this at home. You can access these videos anytime and carry on with this at home. This will allow you to re-enforce all the instruction the things you can do with your very own Weebly website. This will allow you to re-enforce all the instruction the things you can do with your very own Weebly website.

4. Build Your Own Website You will need to have your own idea of what type of website you want to build, and what content (text, pictures, video etc.) that you want to include. You will need to have your own idea of what type of website you want to build, and what content (text, pictures, video etc.) that you want to include. Over the next few weeks look at lots of websites and gather as much information as you can. Over the next few weeks look at lots of websites and gather as much information as you can. You will need to have a USB memory stick to copy this information to. You will need to have a USB memory stick to copy this information to. All the topics we go through during class will be available on the course website All the topics we go through during class will be available on the course website

5. Build Your Own Website Week 1 Week 1 Initial assessment and Learners Diary Initial assessment and Learners Diary The course learning objectives The course learning objectives Introduction to Weebly Introduction to Weebly About Domain names About Domain names Create a Weebly account Create a Weebly account Designing a website Designing a website What pages What pages What layout What layout Create a storybook Create a storybook

6. Build Your Own Website Learners diary Learners diary Initial assessment record Initial assessment record Record your learning experiences Record your learning experiences Outlines the agreed learning objectives of the course Outlines the agreed learning objectives of the course I have provided some group objective I have provided some group objective I will discuss with each one of you if you have any personal learning objectives I will discuss with each one of you if you have any personal learning objectives The diary will be available in electronic form on the course website The diary will be available in electronic form on the course website http://webcourse.weebly.com/documents.html http://webcourse.weebly.com/documents.html http://webcourse.weebly.com/documents.html Lets have a look at it now and fill in the details and take the self assessment. Lets have a look at it now and fill in the details and take the self assessment. When finished save it on your memory stick. When finished save it on your memory stick.

7. Build Your Own Website Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. Design your website using a storybook 3. Add basic elements to your website (text, pictures, multiple columns, links and pages) 4. Add intermediate elements to your website (photo gallery, photo slideshow, files, maps, blogs ) 5. Add advanced elements to your website (video, selling mechanisms, HTML code, own domain & email) 6. Add website to the google search engine and configure keywords and descriptions

8. Build Your Own Website We are going to watch a video is an introduction to the Weebly design tool. This gives a brief overview of the Weebly application. Weebly Introduction We are going to watch a video is an introduction to the Weebly design tool. This gives a brief overview of the Weebly application. Weebly IntroductionWeebly IntroductionWeebly Introduction Domain names – these are the name that your site will be called on the internet (URL) and will consist of two or three elements. Domain names – these are the name that your site will be called on the internet (URL) and will consist of two or three elements. eg: mydomainname.weebly.com or mydomainname.co.uk eg: mydomainname.weebly.com or mydomainname.co.uk The 1st one is a fee one you get from weebly, the 2 nd is one you can purchase for yourself. The 1st one is a fee one you get from weebly, the 2 nd is one you can purchase for yourself. Take a look at www.123reg.co.uk to see what names are available and their cost. Take a look at www.123reg.co.uk to see what names are available and their cost.www.123reg.co.uk

9. Build Your Own Website Domain Names Service this is the service that runs the translation of your Domain Name to is Internet Protocol (IP) address so that people can access websites. Domain Names Service this is the service that runs the translation of your Domain Name to is Internet Protocol (IP) address so that people can access websites. Domain Name Servers - are the physical systems that run this service. Domain Name Servers - are the physical systems that run this service. If you opt for a free domain (xxx.weebly.com) you do not have to worry about this as it is taken care of by Weebly If you opt for a free domain (xxx.weebly.com) you do not have to worry about this as it is taken care of by Weebly If you want to purchase your own Domain Name then you will need to change some parameters on the domain name servers provided by the company where you purchase your domain name. If you want to purchase your own Domain Name then you will need to change some parameters on the domain name servers provided by the company where you purchase your domain name. There are help files on the Weebly site that will assist you to do this, plus a document on the course website There are help files on the Weebly site that will assist you to do this, plus a document on the course website I will also assist anyone who wants help to do this. I will also assist anyone who wants help to do this. Initially we are going to use a free domain from Weebly Initially we are going to use a free domain from Weebly

10. Build Your Own Website Signing Up With Weebly Signing Up With Weebly Signing-up for your free Weebly, website creation, account could not be easier. Signing-up for your free Weebly, website creation, account could not be easier. All you will need is a username, password and email address and you will be have your own website. Note: the email account you use must be available (web based) and your own account. Do not use a work account. All you will need is a username, password and email address and you will be have your own website. Note: the email account you use must be available (web based) and your own account. Do not use a work account. Go to www.weebly.com Go to www.weebly.comwww.weebly.com

11. Build Your Own Website

13. Signing Up With Weebly – cont. Signing Up With Weebly – cont.

14. Build Your Own Website Signing Up With Weebly – cont. Signing Up With Weebly – cont.

15. Build Your Own Website Publishing Your Website Publishing Your Website Now it’s time to put your site up on the Internet and you can do that by just clicking on the button Now it’s time to put your site up on the Internet and you can do that by just clicking on the button You need to do this every time you make changes to your website You need to do this every time you make changes to your website To view your blank website click on the blue writing To view your blank website click on the blue writing

16. Build Your Own Website What type of website do you want? What type of website do you want? Personal Personal Club, hobby or informational Club, hobby or informational Sales – direct or indirect Sales – direct or indirect Who is your target audience Who is your target audience Friends and Family Friends and Family Colleagues Colleagues General public General public What should it look like? What should it look like? How many pages How many pages Colour and Style Colour and Style

17. Build Your Own Website Designing my Website Designing my Website Create a plan or sitemap of your website Create a plan or sitemap of your website Take a look at websites that have the same theme as yours Take a look at websites that have the same theme as yours Collate all the pictures and write the text Collate all the pictures and write the text Choose a template for your website Choose a template for your website Create the pages in a storybook Create the pages in a storybook sketch it roughly sketch it roughly Create it in a document or graphics program Create it in a document or graphics program On the course website there are documents that describe how to create a storybook. On the course website there are documents that describe how to create a storybook.

18. Build Your Own Website What pages should I include? What pages should I include? Home page Home page Think of this page as the "cover to your book" inviting viewers to enter your site. Your goal should be to make it colourful and eye catching. Your company logo, name and a brief description of your company may go here. Think of this page as the "cover to your book" inviting viewers to enter your site. Your goal should be to make it colourful and eye catching. Your company logo, name and a brief description of your company may go here. About Us About Us Think of this page as chapter "one" of your "book". Your company profile or a more in-depth description of your company is described here. Think of this page as chapter "one" of your "book". Your company profile or a more in-depth description of your company is described here. Content, Products or services offered Content, Products or services offered Chapter "two" page of your web site. Additional pages can spring off of this page to describe your offerings in more depth. Chapter "two" page of your web site. Additional pages can spring off of this page to describe your offerings in more depth. Contact Us Contact Us Chapter “three" of your site. An information request form page, could also include an address, directions and phone number. (depending on site) Chapter “three" of your site. An information request form page, could also include an address, directions and phone number. (depending on site)

19. Review of last Session Homework – Homework – Read documents on storyboarding and wireframe Read documents on storyboarding and wireframe create your own storyboard design create your own storyboard design Get some text and pictures ready Get some text and pictures ready Take a look at some sites built with Weebly http://featured.weebly.com Take a look at some sites built with Weebly http://featured.weebly.com http://featured.weebly.com

20. Build Your Own Website The Elements Tab The Elements Tab This video is going to show you how to add page elements to your website. You can add text, headers, photos, videos, HTML, maps and more. This video is going to show you how to add page elements to your website. You can add text, headers, photos, videos, HTML, maps and more. The Elements Tab The Elements Tab

21. Build Your Own Website 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. You just drag and drop the elements onto your webpages You just drag and drop the elements onto your webpages

22. Build Your Own Website 5. Creating New Web pages 5. Creating New Web pages Creating new web pages in Weebly is simple. You can create as many pages as you want and either show or hide them in the navigation. Learn how it’s done in this video. Creating new web pages in Weebly is simple. You can create as many pages as you want and either show or hide them in the navigation. Learn how it’s done in this video. Creating new pages Creating new pages

23. Build Your Own Website 6. The Weebly Settings Tab 6. The Weebly Settings Tab How are your friends and customers going to find your new website? All they have to do is type the domain name you selected when you created your Weebly website. How are your friends and customers going to find your new website? All they have to do is type the domain name you selected when you created your Weebly website. This video going to show you how to create a domain name that’s easy to find, both with and without the Weebly extension. This video going to show you how to create a domain name that’s easy to find, both with and without the Weebly extension. The Settings tab The Settings tab