Transcript Introduction to web design

INTRODUCTION TO WEB
DESIGN
Anna Gabali – 02/08/11
Lesson Objectives:
 Basic understanding of websites
 Basic 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
Task 1

Take a few second to tell us:
Who
you are
What you do
Do you use the Internet?
If yes tell which website you like and
why
If not tell us why
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
Task 2 –
Identify 3 different reasons why people or
businesses might want a website for :
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
 Why?
or www.barnightclub.com
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&f
eature=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)