Creating Simple Web Pages Using Word 2000
by Dennis E. Buccola
One easy way to create Web Pages is to use Microsoft Word 2000. From this tutorial you will learn the following basic skills:
· How to create a folder to save your WebPages
· How to add, edit and format Text to add variety to your page
· How to add and format Graphics of your choice
· How to add change the background color or add an image as a background
· How to add Horizontal Lines
· How to add a table
· How to add and format Links on your page
· Creating Anchors and Bookmarks
· Inserting an e-mail address.
IMPORTANT: As with all software used to develop a Web Page, you must save all your files, graphics, sounds etc. in one folder. So our first step is to create your folder. For me, it is easier to create the folder so it is located on the desktop. Do the following:
1. Right Click on the Desktop and choose New, then choose New Folder. Give your folder a name so you will know where all your files will be stored.
Now we have to modify the folder settings found in Office 2000 so that an additional folder is not created in the Web site folder you created. Do the following steps:
|
Under the Tools menu, Select Options |
|
|
Click on the General tab |
|
|
Choose Web Options |
|
|
Under Files tab remove the checkmark by Organizing Supporting Files in a Folder.
|
|
|
Click OK to save your changes. |
|
Be sure to SAVE your Word document in Web format by doing the following:
1. Under File, select Save As
2. Give your File a Name: Make it short and DO NOT INCLUDE any spaces. It should end with .html or .htm. Your first file should be named index.htm If you do not do this, Web browsers will not be able to find your page.
3. Where is says Save as Type: Select WebPages
4. Click on Save
5. Make sure you save it in the file you created on your desktop.
Adding Text
To create about any simple text on the surface of a page, simply use Word as a word processor to place the text in the desired place on the page. After you have your text typed in, it is simple to modify it to be any color, and font desired. It should be noted that if you choose a font that the person viewing does not have installed on their computer, their computer will use the default Normal (Times) font.
Changing color:
1. Highlight the text using the mouse cursor
2. Right click over the text and a menu box of selections will appear. Almost anything needed to do modifications of the text is done from this screen. Such things as font style and size.
3. Select Font
4. Then select the desired color from the pull down window.
Adding Graphics
Pictures: The two major purposes for inserting a picture: as a picture, or making it a background for your page. A picture will appear at the top of the screen and will take up space. Not text can be displayed over the picture that you inserted. A background is VERY large, and will take up the entire screen, thus making a background. When a picture is used as a background, you will be able to type over the picture, making it appear as if the picture was behind the text. GIF or JPEG graphics should be used on your WebPage. Use graphics sparingly, as extra graphics will slow down page downloading.
How to Add a Picture when saved as a GIF or JPEG.
1. Click Insert
2. Click Picture
3. Choose From File (find the file you want by using pull-down window at the top-left of the window that appears)
4. Find the picture: Click Insert
Editing and Resizing an Image
After you have inserted your image, chances are you may want to do some editing and resizing of the graphic. Use the following instructions:
1. Click on the image to view the Picture Toolbar. You may also right click and image and choose Show Picture Toolbar.
By moving your mouse slowly over each of the icons located on the toolbar, an explanation will come up telling you what each of the icons do.
Alignment: choose from the different alignment options. No Wrapping, Left Wrapping, Right Wrapping to set the alignment of text to a graphic.
Format Picture: Click on the Format Picture icon to set the Alignment and Horizontal and Vertical Spacing around an image.
Use the Alternate Label text to add text that will be seen by viewers who do not load images in the browser window.
A picture may be resized by left clicking on it. Handle bars will appear around the picture. Do the following to resize a picture:
1. Drag in or out on the right side to change the width.
2. Drag in or out on the bottom side to change the height.
3. Drag in or out on the far-right corner to change both dimensions.
4. Hold down the Shift key and click and drag a handle to proportionally resize the image.
Backgrounds
A background can be a solid color, a simple pattern, or something more complex like a picture. Solid colors are simpler. No matter if you decide to use a solid color or a picture, the first three steps are identical. Follow these steps.
1. Click on Format
2. Select Background (at this point, a solid color will be obvious. Just click on the color you desire)
3. Fill Effects: Here is is where you can create a simple pattern, by using Texture, Pattern or Gradient.
To use a picture as your background, do the first three steps as listed above. After choosing the Fill Effects, you should do the following:
1. Select Picture
2. Find the image you want to use to place behind the text
3. Click on Insert- The picture will fill the whole page and become your background. You then can type over the picture.
Themes
You may also use one of the Themes that comes with Office 2000 as your background. It not only gives you the background, but will use some fancy bullets and fancy lines to liven up your WebPage. To use a theme, do the following:
1. Under Format, choose Themes. A box will appear. On the left side panel is a list of themes. When you choose a theme, a sample of the theme will appear on the right side.
2. When you find the Theme you want, click OK.
Adding Horizontal Lines
Horizontal Lines can be use to divide your page into sections or for decorative purposes. Select Horizontal Line from the Insert menu to add a decorative graphic line. When you add a horizontal line, it looks better if it is centered on the page as shown below.
Inserting a Table
A table is made up of rows and columns of cells into which you can insert text and graphics. Inserting a table is very easy. Under Table, choose Insert, then choose Table. A menu will come up where you can select the number of rows and columns you want included in your table. When you are ready to insert text or graphics in your table, just click in each individual cell.
Creating Local Links
Creating a link is an effective way to link text, graphics, or objects to resources in or outside of your Web. When a person clicks on the hyperlink, it will take the user's browser to another page of the website, be it a file, email address, or even simply to move the user around the same page. If done correctly, your Hyperlink should be in blue and underlined. If you have several pages in your Web, you can create Local Links (a link to another Web Page within your Web site) by doing the following:
1. Select the text or graphic you want to link. Then click on the Insert Hyperlink tool or select Hyperlink from the Insert menu.
2. From the Insert Hyperlink dialog, click on the Browse button and locate the Web file(.htm) that you want to link to. The local Web page name appears in the Link to File or URL text box.
To add a Hyperlink, you can also click on the Add Hyperlink icon found on the tool bar.
Creating External Links
An external link is a link to another Web Page outside your Web site. There are two ways to do this. One way to create an external link is to do the following:
1. Select text or graphic you want to link to, then under Insert, choose Hyperlink.
2. From the Insert Hyperlink dialog, Type in the URL that you want the link to go to in the Link to File or URL text block. For instance: http://www.google.com/ This way is a bit more time consuming and sometimes frustrating. If you type in one wrong letter, or put in an extra period, the link will not work.
The second way to create an external link is easier. Do the following:
1. Open up your Internet Explorer and find the Web Page you want to link to.
2. Minimize the Browser.
3. On your Web Page, select the text or graphic you want to link to.
4. Under Insert, select Hyperlink
5. When the box comes up, click on Browsed Pages. The first page you should see is the one you just looked at in your Browser.
Click on the page and then click OK, your link will automatically be done for you. You will not have to type in the URL. Follow each one of these steps for each outside link you want to include in your Web.
To add a hyperlink, you can also click on the Add Hyperlink icon found in the tools bar.
Creating an Anchor or Bookmark
An anchor or Bookmark is a link to text or a graphic on the same page, or a specific area on another page. To create and Anchor or Bookmark, follow this procedure:
1. Select the text or graphic you want to use as a Bookmark.
2. Under Insert, select Bookmark
3. Name the Bookmark (avoid spaces and long names) click Add.
4. To create a link to the Bookmark, under Insert, select Hyperlink, and click on Bookmark.
Your bookmarks should come up on the screen. Click on the desired Bookmark and then click OK.
Creating an E-Mail Link
This is an e-mail link from your Web Page to an E-mail program. If you want to put your e-mail address on your Web site, it will allow the reader to click on your email address and it will automatically open their e-mail program, allowing them to send you an e-mail. To insert an e-mail address, do the following:
1. Type the text you want to use as an e-mail link.
2. Under Insert, select Hyperlink.
3. Select E-Mail Address.
4. Type in your e-mail
address and click on OK. It should show up as a link on your Web Page, in blue
and underlined. mailto:dbuccola@insightbb.com
I hope you find this tutorial beneficial. There are several other things that can be done using Word 2000 when it comes to making Web Pages. To explore some of these things, under Help, click on Microsoft Word Help. Type in Web Pages. You will find the Help Pages that will assist you if you have any questions. Word 2000 also has a Web Page Wizard. To access the Wizard, go to File, select New, select Web Pages. You will find the Wizard there. It will design the page for you and all you have to do is insert your information in place of what is there.