|
||
|
|
|
|
||
|
Creating A Web PagePreliminariesWeb pages are text files that include special formatting and refer to image files. So, to create a Web page all you need is a text editor, (like Microsoft's Note Pad or Apple's TextEdit.) When you save the file just make sure the file ends in ".html" (instead of ".txt".) The rest is just details that we will get into below. Basic Structure Example<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Brackets and ClosingsHTML needs to separate the encoding text (tag) from the displayed text. The less-than sign ("<") is used as a left bracket. The greater-than sign (">") is used as a right bracket. You can see this in the Basic Structure Example above. Closing the tag is done by repeating the tag but with a forward-slash ("/"). White SpaceA space, a tab, and a carriage return is all the same in HTML -- a single blank space or white space. Multiple spaces will just get you a single space. Also "text wrapping" at the end of a line will be completely unpredictable from within your text editor. Basic TagsHTML - the whole document's all encompassing container. AttributesMany tags stand alone, just as they are in the Basic Structures Example above. Other tags need additional information to be meaningful. For instance the IMG tag needs the file name for the image. Another example is the anchor tag that needs the Web address to be linked. These additional descriptors are know as attributes and always appear within the tag's brackets. IMG Example:
Anchor Example:
All The TagsHTML Elements is a Web page showing all the HTML 4.0 tags and if they work in the popular browsers. Color and StyleModern HTML coding uses Cascading Style Sheets to set backgrounds, text color, and other style aspects in Web pages. Cascading Style Sheets are outside this document's scope. Any good HTML reference can teach you style sheets. Spelling and Grammar(1) Please avail yourself of any good dictionary, though I prefer Webster's Unabridged Dictionary of the English Language. (2) Use the active voice to reduce sentence size and get to the point.
(3) You should always avoid multiple excamation points (!). Image Notes(1) Use the Portable Network Graphics (PNG) format for low color line-art and use the JPEG format for photographs. (2) Consider, as a rule of thumb, that your image will take one second per kilobyte for your audience to download on a 56K dial-up line; even though it shouldn't really take that long. Further Reference
Free Images & Graphics Applications
|
 |
||
 |
|
 |
 |
||
