INTRODUCTION TO WEB DESIGNAnna Gabali – 02/08/11

Lesson Objectives:Basic understanding of websitesBasic understanding of what is

needed to get a business online

By the end of this session:

•Grasp the purpose of websites (business etc...) •Grasp what is needed to have a website online•Understand the learning process in web design

This session will last 10 minutes Health & Safety: make sure your

bags are out of the way and not on the floor,

Make sure you mobile phones are switch off

In case of a fire alarm make sure you follow your tutor instructions.

Before we start Take a few second to tell us:

Who you areWhat you doDo you use the Internet?If yes tell which website you like and why

If not tell us why

Task 1

What is a Website? a website is a collection of documents known as web pages that contain:

images, words, digital media, Interactive forms

The main page in a website is called a homepage, and other pages in a website are called subpages.

Pages are connected by hyperlinks, which are spots on a page (usually text or images) that, when clicked, take the user to different location on the site.

Answer the following

Identify 3 different reasons why people or businesses might want a website for :

Task 2 –

Common reasons for having a web site

Personal For sharing, portfolio www.gabali.co.uk

Business For catalogue, information, recruiting staff

E-Commerce For selling goods and services www.amazon.co.uk

Educational Training and education www.lynda.com

News and Entertainment

News and entertainment www.bbc.co.uk

Social Socialising www.facebook.com

Service www.google.com

What You Need to Get Online

Group exercise Task 3

Scenario 1 -Miss Balajo, your best friend, an artist need an online presence what do you think would be the best web site for her portfolio – E-Business – News Site Why?

Scenario 2- JoJo bar/night club is planning for a website what would be the best domain name for their online presence; www.jojobar.com or www.barnightclub.com Why?

What do you need to design a website? Skills in different software packages Skills in coding Understanding of IT, Internet and World

Wide Web technology Research and Planning skills Good communication skills if you work for

yourself as web designer or within a team Willingness to learn new trends, skills,

software

What do you equip yourself with to start? A Good computer Internet connection A way to get your site online (hosting

company or your own server) Text editing software would be enough

(for coding only) Graphics & wed design software package Different browser software to test your

designs

Conclusion

They are many reasons why you could have a website

To get your business online you need A domain name A web hosting company SSL certificate – online security for data

transmissio A designed website with content (e-

commerce, portfolio) Search engine optimization

Next step to this lesson

What is a website made of? Planning a website Design a website (using both CMS wordpress-

Dreamweaver) With CMS you will learn how to use Content Management Systems

(template based) With Dreamweaver you will learn to build your site from scratch

Homework for next session

Task 1 Research types of websites Task 2 Read the Learner Assessment

book Task 3 Look at wordrpess.com

Resources

http://www.youtube.com/watch?v=frUcZx3YQ9o&feature=related How do you choose a domain name

http://www.youtube.com/user/solutionsarepower#p/u/21/8nFao4s4Mp0 On line learning

http://www.wordpress.com (introduction to wordpress)