Brooks Home | Government and History Home | FSU Home | Search FSU
Site BannerJohn I. Brooks III
Creating Web Pages

Home ] Up ] File Management ] [ Creating Web Pages ] Editing Web Pages ] Web Wizard ] Web Evaluation Criteria ] Web Site Rubric ] 

If you have copied files to a floppy disk and created folders, you are now ready to create a web page.

Creating a web page | Linking pages | Bookmarks

Creating a web page

  1. Open the LastNamePaper folder and double-click on the file containing your paper.
  2. In the "File" menu, click "Save As".
  3. In the "Save in" box, find the folder "LastNameWeb" and double-click it.
  4. In the "File name" box, type "index.htm". This file is going to be your home page, and home pages should always be named index or default. Web browsers recognize these names as home pages and automatically go to that page in a folder.
  5. Click in "Save as type" and scroll until you see "Web Page" (or HTML). Select "Web Page".
  6. Click "Save".

Congratulations! You have just converted your paper to a web page and saved it in the Web folder.  Your paper can now be uploaded to a web server and displayed on a web browser.  To convince yourself of the latter, open your page in a web browser.

  1. Close your word-processing program and any open files in it.
  2. Open a window displaying the contents of your floppy drive.
  3. Double-click on the folder "LastNameWeb".
  4. Double-click on "index".

If you have saved the file properly as a web page, Netscape or Internet Explorer (depending on which is installed as default in your computer) will open and display your paper in a browser window.

Creating more web pages

A minimum requirement for the web project assignment is to create three pages and link them.  The first step is to create two more pages.  We will create the pages "paper" and "bib".  One will contain the body of your paper, the other your bibliography.  How you do this will depend on whether you have the information in one file or more than one file.

Case 1--One file. In this case, you will copy the file twice, changing file names and contents as needed.

  1. Open Microsoft Word.
  2. On the "File" menu, click "Open". In the "Look in" box, find the folder "LastNameWeb".  Click it, then double-click the file "index".
  3. On the "File" menu, click "Save As".  Make sure the "Save in" box shows "LastNameWeb", because you want to save the new file in the same folder as "index."
  4. In the "File name" box, type "paper.htm".
  5. Make sure the "Save as type" box reads "Web Page" (or HTML), then click Save.
  6. Repeat steps 3-5, except that in the "File name" box, type "bib.htm", then click Save.
  7. Delete everything in "bib.htm" except the bibliography, then Save and Close.
  8. Open "paper.htm".  Delete the title page information and the bibliography, then Save and Close.
  9. Open "index.htm". Delete everything except the title page information, then Save and Close.

Case 2--More than one file.  In this case, you will turn the existing bibliography and/or title page files into web pages.

  1. Change the name of the paper file from "index.htm" to "paper.htm". In Windows, right-click on the file, then left-click "Rename".
  2. Open the "LastNamePaper" folder, then double-click on the file containing your title page.
  3. On the "File" menu, click "Save As".
  4. In the "Save in" box, find the "LastNameWeb" folder and click it.
  5. In the "File name" box, type "index.htm".
  6. In the "Save as type" box, click "Web Page" or "HTML".
  7. Click "Save".
  8. Repeat steps 2-7 with the bibliography file. Save it as a web page with the file name "bib.htm".

Linking pages.  For this assignment, you must also link the web pages.

1. Link "index" to "paper".

  1. Open your word processor.
  2. Open the "index" page.
  3. Type "This is a link to the paper." 
  4. Highlight the sentence you just typed.
  5. Go to the "Insert" menu and click on "Hyperlink".
  6. Click Browse for File.
  7. Click on "paper", then "OK".
  8. Click "OK" on the "Insert Hyperlink" dialog box.
  9. Click "File", then "Save".

2. Link "paper" to "index".

  1. Open "paper".
  2. Type "This is a link to the home page." 
  3. Highlight the sentence you just typed.
  4. Go to the "Insert" menu and click on "Hyperlink".
  5. Click "Browse for File".
  6. Click on "index", then "OK".
  7. Click "OK" on the "Insert Hyperlink" dialog box.
  8. Click "File", then "Save".

3. Test your links.

  1. Click on the hyperlink you have created. Index should appear.
  2. Click on the hyperlink in index. "paper" should appear.

4. Repeat for "bib"

Congratulations! You now have a fully functioning web site with multiple pages and links between them.

Creating a hyperlink to a site on the World Wide Web.

  1. Open Word, then the page in which you want to place the hyperlink.
  2. Leaving Word open, connect to the Internet and open your web browser.
  3. Find a site you would like to link to your web page.
  4. Copy the URL (web address) in the Address box.
  5. Return to Word and type in some text you want to make a hyperlink.
  6. Highlight the text and Click on Insert, then Hyperlink.
  7. In the box Type the file or Web Page name, paste the address you copied from the web browser and click OK
  8. Save.

Bookmarks

Bookmarks are hyperlinks WITHIN a web page. They take you from one part of a page to another. Bookmarks can be useful for long pages with several headings, or to go to a footnote and back. Creating a bookmark is a two-step process.

  1. Insert bookmark. 
    1. Place the cursor on the page where you want the bookmark to go--the destination. Hint: You may want to highlight a distinctive word from the heading or text. You'll see why in the next step.
    2. Click Insert-->Bookmark.  If you highlighted text, it will appear automatically as the Bookmark Name; otherwise, give it a distinctive, one-word name. Click OK.
  2. Create hyperlink.
    1. Go to where you want the hyperlink to be--e.g., at the top of the page. Type the text you want for the hyperlink and highlight it.
    2. Click Insert-->Hyperlink.  In the Optional area, click the Bookmark drop-down box and find the name of the Bookmark you created. Click on it, then click OK.
 

Created by John I. Brooks III. Last updated 01/01/04.
Return to
Teaching | Advising | Service | Research | Links | Background | Communication | Home