Web Design Lessons - OWDC Web Design Lessons Database

WEB DESIGN LESSONS @ OWDC

OWDC web design lessons database consists of 2 stages with a total of 12 web design lessons and 21 sub-lessons at this time. Feel free to browse through the database and learn to your heart's content!

STAGE #1 | The Basics of Web Design

Web Design Lesson 1-00
A Little Bit of History: A short explaination of how the web came to be

Web Design Lesson 1-01
Introduction To HTML: Introduction to the language that web pages *speak*

Web Design Lesson 1-02
Fundamental HTML Tags: Your first HTML tags: <html>,<head> and <body>

Web Design Lesson 1-03
Basic Text Formatting: Formatting your text with HTML

Web Design Lesson 1-03-01
- Boldening, italicising & underlining text
Web Design Lesson 1-03-02
- Adding line breaks, paragraphs & headings
Web Design Lesson 1-03-03
- Creating ordered & unordered lists
Web Design Lesson 1-03-04
- Changing text size, text color & font face

Web Design Lesson 1-04
Web Colors Unleashed: All there is to know about web colors

Web Design Lesson 1-04-01
- Introduction to color hex codes
Web Design Lesson 1-04-02
- Web safe colors explored
Web Design Lesson 1-04-03
- Web safe color palette

Web Design Lesson 1-05
HTML Tables: Delving deep into the <table> tag

Web Design Lesson 1-05-01
- Building simple tables
Web Design Lesson 1-05-02
- Cellpadding & cellspacing
Web Design Lesson 1-05-03
- Defining table width & height
Web Design Lesson 1-05-04
- Merging table cells
Web Design Lesson 1-05-05
- Creating site layout by using tables

Web Design Lesson 1-06
Background Alteration: Changing background colors and adding background images

Web Design Lesson 1-06-01
- Changing background colors
Web Design Lesson 1-06-02
- Adding background images
Web Design Lesson 1-06-03
- Background - foreground conflicts

Web Design Lesson 1-07
Images: Spicing up your web pages with web graphics

Web Design Lesson 1-07-01
- Inserting images into your web pages
Web Design Lesson 1-07-02
- Adding alternative text to your images
Web Design Lesson 1-07-03
- Sizing images & adding image borders
Web Design Lesson 1-07-04
- GIF vs JPEG
Web Design Lesson 1-07-05
- The PNG format
Web Design Lesson 1-07-06
- Using spacer images

Web Design Lesson 1-08
Hyperlinking: Linking to other web pages

Web Design Lesson 1-09
Aligning Your Content: How to align your content

Web Design Lesson 1-10
HTML Forms: How to integrate HTML forms into your web pages

Web Design Lesson 1-11
The Head Section: Learn what the "head" section of an HTML document is used for!

STAGE #2 | Advanced Web Design Techniques

Web Design Lesson 2-00
Website Layout Tips: What to do and what not to do when designing your website

Coming Soon:
Search Engine Optimization
Basic CSS Techniques

WEB DESIGN LESSONS!