How to Build Your Home Page using MsWord
Tutorial
Step 1: Create public_html directory
- Login to a PC in any computer lab
- Double click the telnet icon. A window will show up. Select connect. Drag the mouse down to remote system and release. A small window will show up. In the Host Name field, type wolf.eng.fsu.edu. Then press on connect button.
- Login to your UNIX account by entering your login id and password.
- After you login you will see wolf:/home/e(number)/your login ID>
- Type mkdir public_html then hit enter to create a new directory called public_html
- To see if you have created the directory type ls (list) you should see a directory name public_html
- Go to the Connect heading. Click and hold while you drag the mouse down to disconnect.
Step 2: Create index.html file
- On your PC double click on MS word icon. If the wizard appears, select start MsWord. If the User Name dialog box appears, select OK to start using MsWord.
- Type a welcoming statement such as :Welcome to (your_name) Homepage, Hello, etc. Center the text using the MsWord formatting tools.
- Save the document in your public_html directory. In order to do that while you still in the word do the following steps:
(a) Click on file menu and select save as HTML. In the dialog box that appears locate your home directory in the College system. Click on the arrow next to save in box. It should be in the F drive.
(b) Locate your public_html directory
(c) Name the file as index.html
(d) Make sure that HTML Document appears in the save as type box.
(e) Click on the save icon in the dialog box.
Step 3: View your web page
- You can preview your web page using MS word by selecting Web Page Preview from the File menu. MS word will open the browser for you to see your web page.
- View your web page using the browser.
- In the Netsite box on your Netscape browser type
http://www.eng.fsu.edu/~(your user ID). This is the URL address of your homepage.
Step 4: Modify your page: There are many features that you can add to your homepage. In this tutorial a few features will be introduced. The techniques used in these features can be applied for other features.
Changing Colors:
- Go back to your index.html file and highlight the text you like to change its color. Change the color to any color you may like using the icon which has the letter A underlined with a red line.
- Save the file by clicking on the file menu and drag the mouse to the save icon.
- Preview or review your web page as in step 3. You can use Alt+Tab to switch between MsWord and the browser.
Changing Font Style and/or Size
- Go back to your index.html file and highlight the text you want to reformat. Click on the Format heading and choose Font from the listed menu. A dialog box will appear . Choose the style you like, font size or color you wish to change to.
- Save the file by clicking on the file menu and drag the mouse to the save icon.
- Preview or review your web page as in step 3.
Adding your Email to the web page.
- Add a line that lead people to your email such as Please Email me at ( your user ID)@eng.fsu.edu
- An email link will be created to you.
- Save the file by clicking on the file menu and drag the mouse to the save icon.
Preview or review your web page as in step 3.
Creating a Link
- Add text that you want to be linked to another web page such as click here to see my class (when you click on it will go to IME web page).
- Highlight the text and click on the Insert menu. Choose Hyperlink icon. A dialog box will appear.
- Type the link address in the box labeled as link to file or URL
http://www.eng.fsu.edu/~haik/ime.dir and click on the OK button.
It is convenient to immediately view the changes to your web page using the browser commands. After you have saved your changes click on the button Reload on the browser toolbar. To reload correctly the Netscape cashing need to be turned off. To turn off the caching click on the Netscape Edit menu and choose Preferences. A box will show up. Choose advanced then choose Cache. Set both the Memory Cache and the Disk Cache sizes to zero and clear both caches then click OK.
Adding a Horizontal Line
- To insert a colored horizontal line click on Insert then choose Horizontal Line icon.
- Choose a line then save the file and reload you web page.
Adding an Image
- Choose Insert and then choose Picture from the menu. Another menu will show to give you option from where you can choose the image. For now choose from file.
- Choose an image from the given pictures then click on Insert.
- If your image doesn't show up when you view it using the browser then back to index.html file, click on the View menu and drag the mouse to HTML Source. Another window will appear that contains the HTML source for you file. The problem may occurs because MS saves the name of the images in lower case and creates a link with a capital first letter. Change the names of the images to lower case and save the file. You can view the image now.
- To position the picture in the right place. Highlight the image then go to the Format heading, drag the mouse to the Picture icon. A dialog box will appear. Select the position of the picture from the dialog box.
Adding Bulleted and Numbered Lists
- You can create lists by using the icons on the toolbar. To change the format of the bullets or numbers choose the Format heading then choose Bullets and Numbering. A box with option will appear choose and click Ok.
Creating Tables
- Select the table icon from the standard toolbar. Choose the size of table you want. The initial size is limited to 4x4. This can be adjusted by cut and past later on.
- To add columns, rows and borders choose the Table menu then select the icon you need.
Tip: In order to avoid misalignment between your source file in MsWord and the way the document appears in the browser, try to avoid tabs or empty spaces in your text. Use the alignment icons (left, center, right) in the formatting tool bar instead.