Turning your Essay into an Illustrated Webpage

Using Netscape Composer or Microsoft Word

To capture pictures off the web: try right clicking on the picture and save image as. If it saves as a .gif or .jpg you can place it in word. **If it is a .dll file, try the alt & print screen buttons to copy the browser window, then past it into Word or a graphics program.

To place images into the document: Open the text of your final essay in Microsoft Word. Place the cursor where you want to insert a map (picture) into your essay, click the insert menu and scroll down to picture --->from file. Browse around to find the picture you want, highlight it and then click insert. The picture should appear in the document. Repeat until you have placed all the maps you want.

When the essay is complete, Select save as and create a new folder called "your last name" where you will save your final illustrated essay as a webage. **Name the final essay "my_essay" and be sure to choose the option to save as a webpage. Word automatically converts the document into a webpage called "my_essay.htm" and also creates a new folder called "my_essay_files" with new copies of all the maps and pictures.

Copy all the contents of the folder called "your last name" to 2 floppies. (do not copy your illustrated essay in Word format because the file size may be huge!)

Hints:

**To avoid problems, give your webpage document a short name (8 characters or less).

The webpage document "my_essay.htm" must remain in the same folder as the images folder called "my_essay_files" in order to work.

Use the help menus to get more detailed instructions about placing pictures and saving as html.

by Chuck Ziehr

Setup for assignment I - webpage layout

Maps and images will be saved into one folder, and will be used to illustrate a report saved as an html document (remember to always save everything in the same folder).

Place pictures and text in one scrolling document describing your research. Include analysis, research questions, critiques of the data categories or levels of resolution, and a summary of what you learned.

Starting a new webpage (html file)

1. Start Netscape Communicator.
2. Click on the File -- New -- Blank Page.  This provides a blank white page like beginning a document using wordprocessing software.  Note on the title bar at the top of the screen that you are now in Netscape Composer and that you have started a file that is currently "Untitled."  Anything that you type onto this page will be saved in HTML format (Hyper Text Markup Language) by Composer, but it will be displayed on the screen in "normal" format (with only a few exceptions).  Composer is primarily a WYSIWYG ("what you see is what you get) authoring program.
3. When finished (or periodically when constructing a long page) Save the file clicking the Save button or by clicking the File -- Save commands.  This will display a dialog box that will allow you to give the file a filename and to select a destination for your file (a floppy disk or your hard drive).  Be sure to save the html document (webpage file) in the same folder as the maps (.gif images).
4. Once you've saved your file you can see what it will look like when viewed on the WWW via the Netscape browser by clicking on the "Preview" button or by clicking the commands:  File -- Browse Page. Choose edit file to bring it back into composer.

Inserting an image (graphic)

1. If you want to include a picture or map (any image graphic) in your page, put the cursor at the place you want the image.
2. Press the "Image" button or click the Insert -- Image commands.
3. An "Image Properties" dialog box will pop up.  Enter the URL or local filename in the "Image location" box. You can also click the Browse Buttonand navigate to the filename in the folder where you saved the maps. Be sure to save the html document in the same folder as the maps.
4. If you want to access the image from a remote location,  you would enter this URL in the "Image location" box:  http://www.nsuok.edu/images/homepageimage.jpg.  It would insert the image that follows.
5. If you want to continue to access the image from a remote location (as in the NET building example above), be sure to check the "Leave image at the original location" box in the "Image location" box.  Otherwise Composer will make a copy of the image file and store it at the same location as your webpage.
6. You can experiment with the other options in the "Image Properties" dialog box to set such features as text alignment relative to the image, image dimensions, and spacing around the image.  You can even make the image to be the button to reach another link. Use tables to align pictures.
7. The "image location" can be a complete URL or simply a filename (if the image is stored in the same location as your webpage file).