1. Web Authoring
Topic 10 –
Web Design Basics
(Part 2)

2. Objectives
Students should able to:
1. Explain the use of colour schemes in
web pages
- Colour wheel
2. Apply web design basics for web
sites

3. Web Design Basics
Here’s the list:
1. Elements of Good Design
2. Fonts and Typography
3. How to Use Colour
4. Graphics and Images
5. Web Layout Basics
6. Tackling Web Navigation
7. Accessibility and Usability
8. Web Design Software
http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm

4. Web Design Basics
Elements of Good Design:
Good Web design is the same as good design.
If you understand the elements that make up
good design, you will have a Web page that
works well.

5. Web Design Basics
Fonts and Typography:
Fonts are the way your text looks on a Web
page. Most Web pages have large amounts of
text.
You need to think about how the text looks on
a micro-level (the font types, what font
family, etc.) as well as the macro-level
(positioning blocks of text and adjusting the
size and shape of the text).

6. Web Design Basics
How to Use Colour:
Colour is everywhere. It is how we see things.
Colour has meaning beyond just "red" or "blue"
and colour is an important design element.

7. Web Design Basics
Graphics and Images:
Graphics are the fun part of most Web pages.
As the saying goes "a picture is worth 1,000
words" and that's also true in Web design.
Learn how to get the most out of your Web
images.

8. Web Design Basics
Web Layout Basics:
Layout is the organization of elements on a
Web page.
First you need to start with basic design
principles.
Then, you can move through how to place
elements on your Web page.

9. Web Design Basics
Tackling Web Navigation:
Navigation is how your customers get around
from one page to another on a Web site.
Navigation provides movement and gives your
customers the chance to find other elements
of your site.
You need to make sure that the structure of
your Web site makes sense.

10. Web Design Basics
Accessibility and Usability:
Accessibility and usability are often seen as a
detriment to Web design, but a good designer
focuses on making their site useful to as many
people as possible.

11. Web Design Basics
Web Design Software:
Most Web designers prefer to work in WYSIWYG
or "What You See Is What You Get" editors
because they provide a visual interface to the
design.
There are other tools you will need to build Web
pages beyond just the Web editor.
http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm