Download presentation
Presentation is loading. Please wait.
1
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
2
Creating an HTML Document
heading 1 image horizontal line paragraph list bold and italic text heading 3 It’s always a good idea to plan the appearance of your Web page before you start writing code.
3
Web Page Structures You should decide on your structure Linear:
Augmented linear: Hierarchical: Examining some of these structures can help you decide how to design your own system of Web pages.
4
Linear Augmented Linear
5
information about the play
Hierarchical information about the play the scenes information about the acts Combination of Linear & Hierarchical In a hierarchical structure, users can move easily from general to specific and back, but not from specific to specific.
6
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 This figure shows some examples of well-designed and poorly designed Web page backgrounds. You won’t know for certain whether a background image works well until you actually view it in a browser. Can use style sheets or place the background attribute in directly. <body background=“location” > Inside style tags: body {background:aqua} There are many sources of free backgrounds.
7
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. WebGround Texture Station Free Backgrounds Absolute Backgrounds Textures Archive URL Title You won’t know for certain whether a background image works well until you actually view it in a browser. Can you style sheets or place the background attribute in directly. <body background=“location” >
8
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1 -transitional.dtd"> <html xmlns=" xml:lang="en" 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> Execute file
Similar presentations
