Your Page and Review Objectives Recognize the various
Your Page and Review
Objectives • Recognize the various web structures and identify the characteristics of each – Linear – Augmented Linear – Hierarchical – Combination of Linear and Hierarchical – Unstructured • Recognize and identify the characteristics of good webpage backgrounds
Creating an HTML Document It’s always a good idea to plan the appearance of your Web page before you start writing code. heading 1 image paragraph horizontal line list heading 3 bold and italic text
Multipage Document with No Coherent Structure
Linear Structures
Augmented Linear Structure
Hierarchical Structure on Alta. Vista Web Page www. altavista. com
Hierarchical Structure
Combination of Linear and Hierarchical Structures information about the play information about the acts the scenes
Web Page Backgrounds This figure shows some examples of well -designed and poorly designed Web page backgrounds. Background overwhelms the foreground text Background shows distracting seams between image tiles Background doesn’t overwhelm the foreground text and seams are not evident
Background Image
Source of Web Backgrounds There are many collections of background images available on the Web. The only restriction is that you cannot sell or distribute the images in a commercial product. This figure shows a list of some of these collections. Title URL Absolute Backgrounds Textures Archive http: //www. grsites. com/textures/ Free Backgrounds http: //www. free-backgrounds. com/ Texture Station http: //www. nepthys. com/textures/ Web. Ground http: //www. ip. pt/webground/
<!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Transitional//EN" "DTD/xhtml 1 -transitional. dtd"> <html xmlns="http: //www. w 3. org/1999/xhtml" xml: lang="en"> <head> <title> Dr. Garrison's 101 page </title> </head> <body background = "smileyface. jpg"> <p>Can you read the text with this background? Suppose you wanted an image on the page? </p> </body> </html>
Review
- Slides: 14