Computers in the Classroom

Judy Arzt, Ph.D., Saint Joseph College, CT

 

Web Site Development Tips

 

 

Faculty Page

 

Syllabus

 

Assignments

 

Schedule

 

Samples

 

Web site assignment

 

 

 

 

Web Site Development Tips

Steps for Copying Word Files into Word Web

These directions assume you have created a website folder with existing file templates and need to copy your Word files into existing template files.

  1. Open your fully edited and formatted file in Microsoft Word.
  2. Select all of the file using ONE of the following methods:

  Scroll through the file to highlight all of it.

  Go to the Edit menu and select "Select All."

  Hold ctrl key and press the "A" key (i.e., Ctrl-A).

  1. Copy the file into the computer's memory (clipboard) using one of the following methods:

  Go to the Edit menu and select, "Copy."

  Hit the Copy picture icon (two papers side by side)

  Hold ctrl key and press the "C" key (i.e., Ctrl-C).

  Use the right mouse method by clicking on the right side of the mouse and selecting "Copy."

  1. Now open in your website folder the template file you have created as a htm file that is waiting for the text to be copied into an existing cell or cells.  
  2. Find the cell where the text needs to be copied and use the Paste command to copy it into the cell or cells. You can do the copying in one of the following ways:

  Go to the Edit menu and select, "Paste"

  Hit the Paste picture icon (the clipboard).

  Hold ctrl key and press the "V" key (i.e., Ctrl-V).

  Use the right mouse method and select "Paste."

  1. You have now successfully copied the file from Microsoft Word into an existing Microsoft Word Web file. Please do not confuse the saving files as Word documents and Word htm files. Although the screen displays might be similar, there are critical differences. (Your web pages must be saved as htm (or html) files!
  2. You can now begin to format, edit, and enhance the file you copied.  Some reminders:

 Don’t clutter your page

 Don’t overdo pictures

 Images consume file space and increase downloading time for viewers

Saving Web Word Files

Save all of your web pages for your website into the same folder. Do not create subfolders in the website foler.

REMEMBER:

*       To check to be sure that the “save in” box shows that the file will be saved in your website folder.  If you forget to place your file in this folder, the file will not be a part of your website.

*       Be sure that the “save as type” box shows that the file is being saved as a web page (htm or html) and not as a word document.  (If you STOP AND CORRECT ANY PROBLEM NOW!)

*       Do not use any spaces when typing in filenames.

Naming Your Home Page

Be sure the first page of your site has the file name index. (This is the file that some people refer to as a homepage.)  The index file is the first file that loads when a user goes to your site, and this file name must be used to get your site operational as a web site.  If you do not save the homepage with the filename of index, the website will not be accessible on the Internet!  Also, be sure that when you create your index page, you tell Word that you will be creating a webpage, not a word document.

Saving Often

Remember the importance of saving your files often, about every 10 minutes. If you start on a new file or open an existing file, when you want to save the file, you will have to use Save As to ensure the file is being saved in the correct place, in your website, and as a htm (or html) file.

 

Notes on Scanning Photographs and Picture

When you scan pictures, you need to save them in a specific way to ease using them in your web pages. For resolution, use 72 dots per inch (DPI). For file type, select jpg. If you scan your pictures on one of the computers hooked to the college network, save your pictures in a separate folder; do not save them in the folder with your Website files. You can create a folder on your drive for saving all of your pictures, perhaps naming the folder Pictures.  When you name the file with the pictures, do not include any spaces in the file name and be sure that jpg is the extension. You will then open Word Web, go to the file where you want to insert the picture, place with the cursor where you want to insert a picture, and use the Insert menu to insert the picture. You will locate the picture in the place where you saved it, select the filename for the picture, and then tell Word to insert. You can size and reposition the picture once it is inserted into the file. Important: Be sure you place pictures into a cell! Do not insert them just anywhere. If you do, the picture will be misaligned when viewed on a variety of monitors.

Inserting Hyperlinks

To insert links, follow these steps.

  1. Highlight the text that will be a hyperlink. Go to the Insert menu and select Insert Hyperlink, or use the Hyperlink icon button, which looks like a globe with a chain link.
  2. You now need to find the file to link to.  Be sure that you switch to the correct drive and find the file and are looking in your Website folder!  Check your hyperlink to make sure it links to the correct document. Caution: Do not link the file to a picture file! Be sure your links go to htm files only that are contained within your website folder.

Other information

 Once a file is saved, you can preview it to see how it looks on the Internet.   Remember that the settings of an individual monitor affect how web pages look. Thus, how your web pages look on your monitor when you create your files is not how it might look on the Internet viewed on another monitor. Keep this concept in mind, so you do not get frustrated when your site does not appear exactly as you would like it. For this reason you should keep your first forays into creating web pages simple. That is, don't try to incorporate many tricks that are time consuming; you might be frustrated if your site does not look the way it did when you created it. Also, be sure to use tables and cells to help ensure formatting.

  Options to improve your project:

    • Add horizontal dividers at the end of your files, and below this line, add hyperlinks to take the viewer back to your homepage or other parts of your site. (Use the divider line key above the enter key and next to backspace key--requires using shift key-- to separate hyperlinks placed at the bottom of your file.)
    • To help you keep track of when you last revised a file, it is a good idea to get in the habit of typing: Last revised with the date at the very end of your files. (See the end of this file for an example.)

 

 

Last revised J. Arzt, 5/5/08

© J. Arzt, 2008