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 Retired IT consultant The course is “Build your own Website” The course is “Build your own Website” We will learn how to build a basic website that you can use to sell from if required. We will learn how to build a basic website that you can use to sell from if required. Course website is Course website is Password is “learning4life” 6 weeks duration 6 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 Take the Register Sign the induction document Sign the induction document Give me your Addresses Give me your Addresses Working on-line Safely Working on-line Safely

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 include: It’s easy to do and can include: Basic webpages Basic webpages Contact pages Contact pages Maps Maps Picture galleries and slide shows Picture galleries and slide shows Music and videos Music and videos On-line shopping * On-line shopping * BLOG (online diary) BLOG (online diary) In fact most things that need to be on a website In fact most things that need to be on a website * To use the Weebly online shop you need one of their paid accounts, but we can create our own shop via PayPal Introduction

We are going to learn how to add each of the various elements on a website during the class. We are going to learn 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 We will review the last session at the start of each session We will review the last session at the start of each session So any problems/questions will be answered then So any problems/questions will be answered then I have also included a set of videos and links on the course website, that will take you through the process of building a website. I have also included a set of videos and links 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 on the elements you can put on your own website. This will allow you to re-enforce all the instruction on the elements you can put on your own website. Introduction

Most important - you will need to have your own idea of what type of website you want to build Most important - you will need to have your own idea of what type of website you want to build The look and feel of the website The look and feel of the website what content (text, pictures, video etc.) that you want to include. what content (text, pictures, video etc.) that you want to include. The goal for your website The goal for your website What your target audience is What your target audience is 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 Pages, layout, colours Pages, layout, colours 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 is available in electronic form on the course website The diary is available in electronic form on the course website I need you to fill it in after each session and upload it to me. I need you to fill it in after each session and upload 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, do not forget to upload it to me via the When finished save it on your memory stick, do not forget to upload it to me via the 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 Manage website with Google webmaster tools and Google analytics (optional - Add own domain to website) Learning Objectives

This is 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. This is 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, and consists of your domain or website name as a sub-domain of Weebly. The 1st one is a fee one you get from Weebly, and consists of your domain or website name as a sub-domain of Weebly. the 2 nd is one you can purchase for yourself. However to use it on your Weebly website you do need to move off the “free service” the 2 nd is one you can purchase for yourself. However to use it on your Weebly website you do need to move off the “free service” 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. You can also buy a domain from Weebly (limited) You can also buy a domain from Weebly (limited) Initially we are going to use a free domain from Weebly Initially we are going to use a free domain from Weebly 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. All you will need is a and and you will be have your own blank 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. Signing-up for your free Weebly, website creation, account could not be easier. All you will need is a address and password and you will be have your own blank 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

Add your name and address plus a password (remember it!!!!)

Signing Up With Weebly Select “Site”

Signing Up With Weebly Just click on the 1 st theme, we can change it later

Now we need to choose a domain name. Now we need to choose a domain name. Just think of any name, we can change this later on. Just think of any name, 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 Then hit continue Then hit continue Signing Up With Weebly

There is a brief video about Weebly but lets just click on the “Build” Button

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 A the moment the website is not searchable on the internet so no-one else can view your new site. You need to do this every time you make changes to your website A the moment the website is not searchable on the internet so no-one else can view your new site. To view your blank website click On the blue writing, do not click Anywhere else.

Click on the site planner box at the bottom of the toolbar After watching the introduction video click on next step

Now you go into the weebly site planner guide – this is probably the Hardest part in building your website.

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 Business Business 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 Mind-map it Mind-map it 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) Blog/News/Events/Diary This allows you to keep your site up to date and relevent

Homework Go through the Weebly site planning guide for the “Plan” section Go through the Weebly site planning guide for the “Plan” section Read documents on storyboarding and wireframe Read documents on storyboarding and wireframe Look at websites that are similar to the theme you want to build Look at websites that are similar to the theme you want to build create your own plan or storyboard design create your own plan or storyboard design Get your text and pictures ready Get your text and pictures ready A copy of this presentation and other documents and videos are available on the websites videos.html A copy of this presentation and other documents and videos are available on the websites videos.html videos.html videos.html Take a look at some sites built with Weebly Take a look at some sites built with Weebly