Written by A. Meehan Ó for PSY 380 Senior Seminar Fall 2002

How to Create Basic Web Pages Using Microsoft Word 2000

1. Important Things to Know and Do Before You Start

2. Beginning a New Web Page in Word 2000: Two Methods

3. Converting an Existing Word Document to a Web Document

5. Inserting Images and Objects into Web Pages

Important Things To KNOW AND DO BEFORE YOU START

Web pages created in Word look best in Internet Explorer. A few things may not show up properly under Netscape (e.g., fonts will revert to Arial). The basics (boldface, italics, centering, bullets, images, hyperlinks) appear just fine in both.

Make sure that ALL files related to a particular web page are saved to the same folder on your hard drive or zip drive (i.e., all related image files, text files, clip art files). Otherwise, your page will not function properly. Create a folder called My WebPages. Always work within that folder and save all your work there.

The web pages you create can be viewed in any browser by you or by anyone to whom you give a copy of your files. However, your pages will not be accessible via the Internet unless you have server space and post the pages on the Internet for the world to see.

MAKE A BACKUP OF YOUR FILES!

Beginning a New Web Page in Word 2000: Two Methods

Open Word, start a blank document in the usual way, then convert your Word document to a web page later (this is what I do 95% of the time). This works best for me because I always need my syllabi, handouts, and other course documents to be normal documents first and web pages second (if I need them as web pages at all). Plus, I can design the page the way I want and take advantage of my existing knowledge of Word. Word’s default menus are set up to enable the insertion of pictures, clip art, files, and hyperlinks. Word 2000 will also automatically insert hyperlinks if you type in a web address or email links if you type in an email address. ALTERNATIVELY, YOU CAN
Use one of the web page templates built into Word. To access these, open the File menu and select New. Then select the Tab labeled Web Pages and choose the WebPage Wizard or a specific web page template. Substitute your desired material for the default text, pictures, and links found in the template…. Personally, I think Word’s Web Page Wizard is not as easy for novices to use, but it’s OK if you have some experience with web design.

Converting an Existing Word Document to a Web Document

Web pages use the file type “htm” or “html.” Any existing Word document (*.doc) can be converted to a web page.

Open your existing Word document file.

Open the File menu and select Save as web page (if this appears ).

OR ELSE open the File menu and select Save as. When the dialog box appears, click on the down arrow to the right of the file type window. Switch the file type from Word document (*.doc) to web page (*.htm, *.html). Click the Save button.

After saving, Word will show you what the htm file looks like. You can edit the text as you normally would any Word document (delete characters, change to italics, etc.).

TIP 1: Excel files and PowerPoint files can be converted to web pages using the same process described above. For PowerPoint, your original file and your converted html file must be in the same folder for your PowerPoint presentation to work within a browser.

TIP 2: Web files can be shared with and viewed by anyone with a browser (including prospective employers or graduate schools).

CREATING HYPERLINKS OF VARIOUS TYPES

Creating External Hyperlinks to Jump to Existing Web Sites or Web Files

If you type a web address anywhere inside a document, Word 2000 will automatically convert this to a hyperlink (unless you changed Word’s default settings somehow). For example, http://www.kutztown.edu More often, you will want to turn a word or phrase into a hyperlink by using these steps:

First, highlight the text phrase you want to act as your hyperlink. Next, select the Insert menu. Choose Hyperlink. The box shown below opens for you to fill in.

Click on Existing File or Web Page in the “link to” column on the left side of the box. The text you highlighted to serve as your link should be displayed automatically (If you failed to highlight text you could just type your phrase here).

Next enter the web location you want the text phrase to link to, and then click OK …. What gets typed in this window has to be either a website address (see the box above) OR the name of another HTML file that already resides on your computer in your “My WebPages” folder. …Suppose you had existing files named page1.html and page2.html. You could link your two files together by entering the text illustrated in the box pictured below:

Creating Hyperlinks to Excel Charts, Graphs or Spreadsheets from Your Web Page

You may want to have hyperlinks to call up Excel charts, graphs or spreadsheets you previously created. For hyperlinks, you should just have one chart or one graph in each Excel file so that the link goes directly to that object and displays it properly.

First, you must convert your existing Excel file to a web page file (*.htm, *.html). Open your Excel file and go to the File menu.

Select Save as web page (if this appears ) OR ELSE open the File menu and select Save as. When the dialog box appears, click on the down arrow to the right of the file type window. Switch the file type from Excel document (*.xls) to web page (*.htm, *.html). Click the Save button.

After saving, close the newly created Excel.htm file.

Follow the procedure described above under “Creating Hyperlinks to Existing Web Sites or Web Files.”

Creating Hyperlinks to Email Addresses

If you type an email address anywhere inside the document, Word 2000 will automatically convert your typing to an email hyperlink. For example, meehan@kutztown.edu

OR, if you want a phrase like “Contact me” to be your link, you can highlight this text, then go to the Insert menu and choose Hyperlink.

When the dialog box appears, click on E-mail address in the “link to” column on the left. Fill in the desired phrase and email address, click OK, and the hyperlink will be created. (NOTE: The email address you type will be converted to the phrase “mailto:whateveremailaddresstypedin.”

Creating Internal Hyperlinks to Move within an Individual Web Page

Internal hyperlinks are for jumping around within the SAME document or page, not for jumping to other web sites or to other web pages you have created. Internal hyperlinks are more complicated to create than external hyperlinks. Two processes are involved. You must place a “bookmark” within your document as an anchor and then create a hyperlink to the bookmarked location within your document.

Move the cursor to the document location where you want to be able to jump to. From the Insert menu, click Bookmark then type in a Bookmark name (which must begin with a letter and cannot have any spaces in it). Click Add.

Move to the place in your document that you want to jump from (just as you would for an external hyperlink) and highlight this text.

Select the Insert menu. Choose Hyperlink.

When the box opens, from the “link to” column on the left, select Place in this Document and you should see a box like the one shown below.

The text you highlighted will appear in a box like the one shown below. (If you failed to highlight text you could just type your phrase here). Your inserted bookmarks may not be listed. Double-click on Bookmarks to see a list of your previously created bookmarks.

Select the appropriate bookmark name, click OK, and the internal link is created.

INSERTING IMAGES AND OBJECTS INTO WEB PAGES

Inserting Excel Spreadsheets or Charts Directly into Your Web Page

You may have previously created an Excel chart or graph or spreadsheet file. You may want an Excel chart, for example, to appear directly within your web document.

From the Insert menu, select Object.

Select the Create from File Tab.

Browse to select the filename you need and then click OK.

NOTE: You can also create a new Excel chart or graph or spreadsheet. From the Insert Menu select Object, then Create from New tab. Choose to open Excel and now create the object.

Inserting Pictures and Clip Art

NOTE: Images on the Web are usually in “jpg” or “gif” file format.

Go to the Insert menu and choose Picture. Then choose File if you have an existing picture file or else choose Clip Art and browse Microsoft Office’s selection of clip art (You’ll need your Office CD-ROM to insert some of the clip art as only a subset of images are stored on the hard drive in a typical Office 2000 software installation).

Inserting Web Buttons/Backgrounds/Icons/Dividers/Shapes/Symbols/Etc.

NOTE: Images on the Web are usually in “jpg” or “gif” file format.

Go to the Insert menu and choose Picture. Then choose Clip Art and you’ll find categories for web buttons, icons, etc. Browse Microsoft Office’s selection of clip art. (You’ll need your Office CD-ROM to insert some of the clip art, as only a subset of images are stored on the hard drive in a typical Office 2000 software installation).

Copying and Pasting Pictures Found on Other Web Pages

As long as you are not violating copyright law, you can copy pictures found on the Web.

Right-click on the image you want to copy from an existing web page.

Choose Copy.

Move your cursor to the location in your document where you want the image to appear.

Right-click and select Paste to insert the image.

Downloading and Saving Images Found on Other Web Pages

As long as you are not violating copyright law, you can download pictures found on the Web and save them on your computer.

Right-click on the image you want from an existing web page.

Choose Save Picture As.

Give the file a name and save it as jpg format.

RESIZING IMAGES AND OBJECTS

There are multiple ways to do this. The easiest is to use the same “Drag and Drop” method you would use to resize anything else in Windows.

Single-click on the image to make the picture’s frame appear. (Double-click calls up options where you can change the picture layout, including size).

Place the cursor on one of the CORNERS of the image frame. The cursor should change shape to look like a double-sided arrow.

Hold the right mouse button down and drag the box to make it bigger or smaller. Release the mouse button when the picture frame is the desired size.