Science JunctionTechnology Skills

Writing a Simple Web Page with a Text Editor


There are many ways to produce World Wide Web pages for use in the classroom. Netscape Navigator Gold and Netscape Communicator both have editors that can be used. Many other editors are available, such as BBEdit, FrontPage, and PageMill. Here we outline the steps for using a text editor. Writing Web pages this way gives the author great flexibility with machine platforms and allows understanding of the html coding process.

Basic html tags are provided at www.ncsu.edu/imse/lowres/2/coding.html.
Resources for writing web pages are available at www.ncsu.edu/imse/lowres/2/resources.html.

Step 1

Open a text editor (Mac - SimpleText, PC - Wordpad or Notepad under Accessories). Also open Netscape. You will have two applications open in two windows on the desktop (Mac - hold the mouse down in the upper right corner to switch between windows, PC - click on the Task Bar to switch.)

Step 2

In the text editor, begin and end the page with the tags. Under File in the Menu Bar, choose Save As. Type a name for your web page that ends with ".html" (example - scihouse.html. For PC, make sure the name has 8 letters or less and the extension should be ".htm".)

Step 3

The head and title tags enclose the title that will appear in the shaded bar at the top of the page. The body tags begin and end the main body of what will appear on the web page. Save your page often!

Step 4

The H1 tag should be used for the title that will appear at the top of the web page itself. Use the center tags to center it. Remember that good web pages also include the date they were last updated and information about the page designer and author.

Step 5

Save the text page. To view what you've written, change to the Netscape window. Under File, choose Open File (or Page) in Browser. From the window that appears, find the location of the text file you've been working on (saving your work on the Desktop until you are done can be helpful here).

Step 6

To continue working on the web page, change to the text editor window (e.g. SimpleText). Save often! Check how the page looks by changing to the browser window and clicking on the Reload button. If you do not Reload the file, it will look exactly as it did the last time you checked it.

purple bar

purbar.gif

Graphics usually are .gif or .jpg on the Web. When you download graphics to use be sure to keep these extensions even if you change the name. If you make your own graphics they need to be saved as one of these file types with the extension. Remember to follow the fair use copyright laws when using graphics from others.


e-mail the author
©1998 Lisa Leonor Grable for Science Junction, NC State University. All rights reserved.
URL: http://www.ncsu.edu/sciencejunction/route/technology/htmlcoding.html

Last updated 3/17/98.

Upgrade Route  | Science Junction  | NC State University |