Build Your Own Website Introductions Introductions Tutors name …..Phil Stone Tutors name …..Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community Learning Retired IT consultant for Cap Gemini Retired IT consultant for Cap Gemini The course is “Build your own Website” The course is “Build your own Website” We will learn how to build a basic website We will learn how to build a basic website Course website is webcourse.weebly.com Course website is webcourse.weebly.com webcourse.weebly.com 7 weeks duration 7 weeks duration Logon – username = l4luser02 – l4luser16 Logon – username = l4luser02 – l4luser16 Password = Startnow1 Password = Startnow1

Build Your Own Website House Keeping and Rules House Keeping and Rules Toilets Toilets Emergency exits Emergency exits My contact number is My contact number is Phones set to silent Phones set to silent Be courteous and respect each other Be courteous and respect each other

Build Your Own Website Introduction Introduction Take the Register Sign the induction document Working on-line Safely young-people/online-safety / young-people/online-safety / Fill in the Learners Diary Give me your Addresses

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 of the various elements on a website during the class. We are going to go through how to add each of the various elements on a website during the class. You will need to carry on with your website in your own time You will need to carry on with your website in your own time 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. Introduction

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 Introduction

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 Week 1

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 you if you have any personal learning objectives I will discuss with 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 I need you to fill it in after each session and it to me. I need you to fill it in after each session and it to me. 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. Learners diary

1. 1. Create an on-line account with weebly.com and create a blank website Understand the Weebly dashboard and menus and change and configure Weebly templates Add basic elements to your website (text, pictures, multiple columns, links and pages) Add intermediate elements to your website (photo gallery, slide-shows, files, video, maps,) Add advanced elements to your website ( Blogs, video slide shows, selling mechanisms, HTML) Add website to the Google search engine and configure Search Engine Optimisation (SEO) keywords and descriptions Add own domain to website and manage website with Google webmaster tools and Google analytics Learning Objectives

Domain names – these are the name (sometimes called your address or URL) that your site will be called on the internet and will consist of two or three elements. Domain names – these are the name (sometimes called your address or URL) that your site will be called on the internet 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 1st one is a fee one you get from Weebly, the 2 nd is one you can purchase for yourself. the 2 nd is one you can purchase for yourself. Take a look at to see what names are available and their cost. Take a look at to see what names are available and their cost. Domain Names

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 Domain Names

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 address and you will be have your own website. Note: the account you use must be available on the internet (web based client) and your own account. Do not use a work account. All you will need is a username, password and address and you will be have your own website. Note: the account you use must be available on the internet (web based client) and your own account. Do not use a work account. Go to Go to Signing Up With Weebly

You will need to enter a title for your website, do not worry too much about this as We can change this later on. Signing Up With Weebly

Now we need top choose a domain name. Again we can change this later on. Now we need top choose a domain name. Again we can change this later on. Select the top box and enter your chosen name. Select the top box and enter your chosen name. If its not available choose a different one If its not available choose a different one Signing Up With Weebly

You now have a blank website Signing Up With Weebly

Publishing Your Website Your blank website is not on the internet at the moment, it is just located on the Weebly Application server and is only visible to you. Your blank website is not on the internet at the moment, it is just located on the Weebly Application server and is only visible to you. To put your site up on the Internet so that you can access it from a browser anywhere just click on the button To put your site up on the Internet so that you can access it from a browser anywhere just click 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, do not click Anywhere else.

Planning your 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 Pictures Pictures Multi-media Multi-media

Planning your website Designing Your Website Designing 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. 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 (you can down load a website to look at it offline) Take a look at websites that have the same theme as yours (you can down load a website to look at it offline) 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

Planning your 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 me/Us (Bio) About me/Us (Bio) 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 Me/Us Contact Me/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)

Homework Read documents on storyboarding and wireframe Read documents on storyboarding and wireframe create your own plan or storyboard design create your own plan or storyboard design Get some text and pictures ready Get some text and pictures ready A copy of this presentation and other documents and videos are available on the website A copy of this presentation and other documents and videos are available on the website Take a look at some sites built with Weebly Take a look at some sites built with Weebly