Web Authoring

Topic 10 –Web Design Basics

(Part 2)

Objectives

1. Explain the use of colour schemes in web pages- Colour wheel

 2. Apply web design basics for web sites

Students should able to:

Web Design Basics

Here’s the list:

1. Elements of Good Design2. Fonts and Typography3. How to Use Colour4. Graphics and Images5. Web Layout Basics6. Tackling Web Navigation7. Accessibility and Usability8. Web Design Software

http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm

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.

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).

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.

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.

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.

Web Design Basics

Tackling Web Navigation:Navigation is how your customers get around from one page to another on a Web site.

You need to make sure that the structure of your Web site makes sense.

Navigation provides movement and gives your customers the chance to find other elements of your site.

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.

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