Build Your Own WebsiteBuild Your Own Website IntroductionIntroduction

Phil Stone Phil Stone ICT tutor for Dudley Adult Community LearningICT tutor for Dudley Adult Community Learning Course is “Build your own Website”Course is “Build your own Website” Course website is Course website is webcourse.weebly.com 7 weeks duration7 weeks duration

House Keeping and RulesHouse Keeping and Rules ToiletsToilets Emergency exits Emergency exits Contact Number (07792944298)Contact Number (07792944298) Phones set to silentPhones set to silent Be courteous and respect each otherBe courteous and respect each other

Build Your Own WebsiteBuild Your Own Website IntroductionIntroduction

RegisterRegisterSign the induction documentSign the induction documentWorking on-line SafelyWorking on-line Safely

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/http://www.dudley.gov.uk/leisure-and-culture/libraries/children-and-young-people/online-safetychildren-and-young-people/online-safety/ /

Build Your Own WebsiteBuild Your Own Website IntroductionIntroduction

We are going to learn to build your own website We are going to learn to build your own website with an on-line application called “Weebly”. with an on-line application called “Weebly”.

This is a drag and drop website builder that is free This is a drag and drop website builder that is free for basic websites. 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 We are going to go through how to add each

element of a website during the class. element of a website during the class. I have also included a set of videos on the course I have also included a set of videos on the course

website, that will take you through the process of website, that will take you through the process of building a websitebuilding a website..

You can access these videos anytime and carry on You can access these videos anytime and carry on with this at home.with this at home.

This will allow you to re-enforce all the This will allow you to re-enforce all the instruction the things you can do with your very instruction the things you can do with your very own Weebly website.own Weebly website.

Build Your Own WebsiteBuild Your Own Website You will need to have your own idea of You will need to have your own idea of

what type of website you want to build, what type of website you want to build, and what content (text, pictures, video and what content (text, pictures, video etc.) that you want to include.etc.) that you want to include.

Over the next few weeks look at lots of Over the next few weeks look at lots of websites and gather as much information websites and gather as much information as you can. as you can.

You will need to have a USB memory stick You will need to have a USB memory stick to copy this information to.to copy this information to.

All the topics we go through during class All the topics we go through during class will be available on the course websitewill be available on the course website

Build Your Own WebsiteBuild Your Own Website Week 1 Week 1 Initial assessment and Learners DiaryInitial assessment and Learners Diary The course learning objectives The course learning objectives Introduction to WeeblyIntroduction to Weebly About Domain namesAbout Domain names Create a Weebly accountCreate a Weebly account Designing a websiteDesigning a website

What pagesWhat pages What layoutWhat layout Create a storybookCreate a storybook

Build Your Own WebsiteBuild Your Own Website Learners diaryLearners diary

Initial assessment recordInitial assessment record Record your learning experiences Record your learning experiences Outlines the agreed learning objectives of the courseOutlines the agreed learning objectives of the course

I have provided some group objectiveI have provided some group objective I will discuss with each one of you if you have any I will discuss with each one of you if you have any

personal learning objectivespersonal learning objectives The diary will be available in electronic form on the The diary will be available in electronic form on the

course website course website http://webcourse.weebly.com/documents.html http://webcourse.weebly.com/documents.html

Lets have a look at it now and fill in the Lets have a look at it now and fill in the details and take the self assessment. details and take the self assessment.

When finished save it on your memory stick.When finished save it on your memory stick.

Build Your Own WebsiteBuild Your Own WebsiteLearning ObjectivesLearning Objectives1.1. Create an on-line account with weebly.com Create an on-line account with weebly.com

along with a blank website along with a blank website 2.2. Design your website using a storybookDesign your website using a storybook3.3. Add basic elements to your website Add basic elements to your website

(text, pictures, multiple columns, links and pages)(text, pictures, multiple columns, links and pages)4.4. Add intermediate elements to your website Add intermediate elements to your website

(photo gallery, photo slideshow, files, maps, blogs )(photo gallery, photo slideshow, files, maps, blogs )5.5. Add advanced elements to your website Add advanced elements to your website

(video, selling mechanisms, HTML code, own (video, selling mechanisms, HTML code, own domain & email)domain & email)

6.6. Add website to the google search engine and Add website to the google search engine and configure keywords and descriptionsconfigure keywords and descriptions

Build Your Own WebsiteBuild Your Own Website We are going to watch a video is an introduction to the We are going to watch a video is an introduction to the

Weebly design tool. This gives a brief overview of the Weebly design tool. This gives a brief overview of the Weebly application.Weebly application. Weebly IntroductionWeebly Introduction

Domain names – these are the name that your site will be Domain names – these are the name that your site will be called on the internet (URL) and will consist of two or three called on the internet (URL) and will consist of two or three elements.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 2The 1st one is a fee one you get from weebly, the 2ndnd is one is one you can purchase for yourself. you can purchase for yourself.

Take a look at www.123reg.co.uk to see what names are Take a look at www.123reg.co.uk to see what names are available and their cost. available and their cost.

Build Your Own WebsiteBuild Your Own Website Domain Names Service Domain Names Service this is the service that this is the service that

runs the translation of your Domain Name to is Internet runs the translation of your Domain Name to is Internet Protocol (IP) address so that people can access Protocol (IP) address so that people can access websites.websites.

Domain Name ServersDomain Name Servers - are the physical systems - are the physical systems that run this service.that run this service.

If you opt for a free domain (xxx.weebly.com) you do not have to 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 Weeblyworry about this as it is taken care of by Weebly

If you want to purchase your own Domain Name then you will If you want to purchase your own Domain Name then you will need to change some parameters on the domain name servers need to change some parameters on the domain name servers provided by the company where you purchase your domain provided by the company where you purchase your domain name.name.

There are help files on the Weebly site that will assist you to do There are help files on the Weebly site that will assist you to do this, plus a document on the course websitethis, 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 Initially we are going to use a free domain from WeeblyWeebly

Build Your Own WebsiteBuild Your Own Website Signing Up With WeeblySigning Up With Weebly

Signing-up for your free Weebly, website Signing-up for your free Weebly, website creation, account could not be easier. creation, account could not be easier.

All you will need is a username, password and All you will need is a username, password and email address and you will be have your own email address and you will be have your own website. website.

Note: the email account you use must be available Note: the email account you use must be available (web based) and your own account. Do not use a (web based) and your own account. Do not use a work accountwork account..

Go to www.weebly.com Go to www.weebly.com

Build Your Own WebsiteBuild Your Own Website

Build Your Own WebsiteBuild Your Own Website

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

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

Build Your Own WebsiteBuild Your Own Website Publishing Your WebsitePublishing Your Website

Now it’s time to put your site up on the Now it’s time to put your site up on the Internet and you can do that by just Internet and you can do that by just clicking on the button clicking on the button

You need to do this every time you You need to do this every time you make changes to your websitemake changes to your website

To view your blank To view your blank website click on the website click on the blue writingblue writing

Build Your Own WebsiteBuild Your Own Website What type of website do you want?What type of website do you want?

PersonalPersonal Club, hobby or informationalClub, hobby or informational Sales – direct or indirectSales – direct or indirect

Who is your target audienceWho is your target audience Friends and FamilyFriends and Family Colleagues Colleagues General publicGeneral public

What should it look like?What should it look like? How many pagesHow many pages ColourColour and Style and Style

Build Your Own WebsiteBuild Your Own Website Designing my WebsiteDesigning my Website

Create a plan or sitemap of your websiteCreate a plan or sitemap of your website Take a look at websites that have the same Take a look at websites that have the same

theme as yourstheme 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 storybookCreate the pages in a storybook

sketch it roughlysketch it roughly Create it in a document or graphics programCreate it in a document or graphics program On the course website there are documents that On the course website there are documents that

describe how to create a storybook.describe how to create a storybook.

Build Your Own WebsiteBuild 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 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 site. Your goal should be to make it colourful and eye catching. Your company logo, name and a brief description of your company may Your company logo, name and a brief description of your company may go here.go here.

About UsAbout Us Think of this page as chapter "one" of your "book". Your company Think of this page as chapter "one" of your "book". Your company

profile or a more in-depth description of your company is described profile or a more in-depth description of your company is described here. here.

Content, Products or services offeredContent, Products or services offered Chapter "two" page of your web site. Additional pages can spring off Chapter "two" page of your web site. Additional pages can spring off

of this page to describe your offerings in more depth.of this page to describe your offerings in more depth. Contact UsContact Us

Chapter “three" of your site. An information request form page, could Chapter “three" of your site. An information request form page, could also include an address, directions and phone number. (depending on also include an address, directions and phone number. (depending on site)site)

Review of last SessionReview of last Session Homework – Homework –

Read documents on storyboarding and Read documents on storyboarding and wireframewireframe

create your own storyboard designcreate your own storyboard design Get some text and pictures readyGet some text and pictures ready

Take a look at some sites built with Take a look at some sites built with Weebly http://featured.weebly.comWeebly http://featured.weebly.com