- Your web page will be an "HTML" document. You will use "tags" that are viewable
by web browsers. The following outlines the basic HTML document:
- All HTML documents must start with <HTML>, <HEAD>,
<TITLE> your title </TITLE>, </HEAD>, <BODY>
and end with </BODY>, </HTML>. For example:
<HTML>
<HEAD>
<TITLE>
Sample Web-page
</TITLE>
</HEAD>
<BODY>
This is my sample web page. I've been working very hard on it and I hope you like it!
</BODY>
</HTML>
- Copy the above format into your Word or WP document
- Insert other HTML codes into the <BODY> section of your document.
- Consult below for more details on HTML
- All HTML documents must start with <HTML>, <HEAD>,
<TITLE> your title </TITLE>, </HEAD>, <BODY>
and end with </BODY>, </HTML>. For example:
- Let's say you really liked the format of this web-page. It's a basic ordered list, with
some embedded unnumbered lists. Instead of having to figure out how its done, you can simply
borrow the HTML codes in this document for yourself. How do I do that?
- Go to View:Document Source (on the tool bar)
- The HTML codes will appear
- Copy (Ctrl+C) the codes.
- Paste (Ctrl+V) into a Word/Word Perfect Document
- Once you've borrowed the codes, substitute in your text. It's that easy!
- Now that you have a really cool set of codes in a Word or Word Perfect document, you
need to save it as an ASCII Text/Text Only document. How do I do that?
- Go to File:Save As...
- Towards the bottom you are given to save the document as a certain "type."
- Scroll down the list until you see Text Only, or ASCII Text.
- Select Text Only/ASCII Text
- If you are working on a Mac, name your file filename.html
- If you are working on a PC, name your file filename.htm. (PC's can only handle 3 letter file extensions
- It is important to name your file .html or .htm because Netscape looks for the 3 or 4 letter extension, and will not let you view your document without it.
- Once you have named your file, Save it. It's that easy!
- So, you're looking at a really cool graphic and want to borrow it. You have three
options
- Determine in which folder you are going to save your graphics (this will be important in a minute.) I suggest creating a folder in your "Web-site" directory called "graphics."
- If you are using a mouse with two buttons, "right" click the mouse over the graphic and select the option "save image as..."
- If you are using a mouse with one buttons, position the mouse over the graphic, "click" the button and hold it for approx. two seconds. A menu will appear. Select the option "save image as..."
- If you are unfortunate enough to be using the America On-Line web-browser with a single button mouse, click on the graphic and drag it to the desktop. The graphic will appear on your desktop as a file.
- Try saving this graphic:
- Were you given the option of where to save the graphic? (It should have been called "blobcube.gif"). Congratulations!
- So, you've done all of this work, saving HTML codes, substituting your own words,
borrowing graphics. Now you want to see your handy work without having to load it on to the
network. No problem. Just follow these easy steps and you too will be able to see your newly
created document in Netscape.
- Open Netscape. You do not have to have a modem connection to use Netscape as a viewer!!!
- Go to File:Open File (Ctrl+O)
- Select the file of your choice. Note: Only .htm or .html documents will be shown, making it easier to select your HTML documents.
- Hit "OK," and the document will appear on your screen.
- Your document should show up. If you have graphics (.gif or .jpeg) files in the same folder, then they should show up too (if you are using Netscape 3.0 or higher).
- This is one of the best ways to preview your document as you are constructing it, without posting it on to the web.
- Pictures/graphics
- Words
- Links