|
|
Web pages are writen in HyperText Markup Language, with each element defined by
tags enclosed in angle brackets. Tags are written in matched pairs that begin
and end the element, with other elements nested inside. Each page is comprised of
two parts: the header, which informs the browser about the document, and the body,
which is displayed in the browser window.
Steps for Successful Design
- Plan the goals and intended audience of the site
- Sketch site and page layout on paper
- Write code
- Validate
code & check links
- Maintain page & update
|
Design Tips
- Make page content accessible to all users
- Balance organization with visual appeal
- Maintain simplicity and consistency
- Get a second opinion
|
The following table shows which elements are meant to organize content and which
ones are meant to add style.
| Organize Content |
Add Style |
| H1, H2, H3, H4, H5, H6 |
B, I, U, TT |
| CITE, BLOCKQUOTE, ADDRESS |
FONT SIZE |
| EM, STRONG |
FONT COLOR |
| OL, UL, DL |
P ALIGN |
| TABLE, TR, TD |
BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN |
Helpful HTML Resouces
- CRWU’s
Introduction to HTML
- This is a great beginning tutorial which covers all the basics in
HTML including tags, text structure, lists, anchors, and images. It
also includes an HTML lab to test out your own markup.
- W3Schools
- A collection of free tutorials and tools from basic HTML and XHTML to
advanced XML, SQL, Database, Multimedia and WAP
-
HTML Teaching Tool
- A comprehensive HTML guide from Webmonkey. Each page includes a
description of the web element, examples, and a practice session for you
to enter your own code.
|