Resources :: Web Design Tutorial
How to Create a Website in Word 2003
Although Microsoft Word is primarily used to create and modify printed materials, you can also use it to design a web site. You can include hyperlinks, images and footers on your page. Any images you use should be saved in a specific folder where your web page can access them.
You can start with a regular Word document and convert the document into a web page to save time.
Directions
- Select "File" and "New" from the Word toolbar. Go to the "New Document" task pane on the right and choose "On my computer..." from "Templates." The "Templates" dialog box will open.
- Select "Web Page" from the "General" tab. Then choose "Document" for "Create New" (at the bottom of the window) and press "OK." A blank web page will load in Word.
- Add a banner to the top of your web page by clicking on "Insert," "Picture" and "From File" in the toolbar. Then find and double-click the image you want to use as a web banner. It will be added to your page. Center it across the top of your page by clicking the "Center" button in the "Formatting" toolbar.
- Select "Table," "Insert" and "Insert Table" from the toolbar to insert a table. Choose "2" for the number of columns and "1" for the number of rows, then press "OK."
Right-click on the table and choose "Cell Alignment" from the pop-up. Pick the top, left icon. Then center the table on the web page. - Place your mouse over the middle bar separating both cells until it turns into a double line. Then drag the line to the left until the first column is about one fourth the size of the right column.
- Place your cursor in the first column and type in the navigational links you want your web site to include, such as:
[Home]
[About]
[Services]
[Contact]
You will add hyperlinks to these links later on. - Go to the right column and enter your company name (ex., "Welcome to XYZ Company") and any contents that are specific to the home page.
- Place your cursor beneath the table and create your footer by typing the links for your web page on the same line, in the form:
Home | About | Services | Contact
Then double-space and type in the copyright details for your web site, the year and company name, as follows:
Copyright 2008, Company Name - All Rights Reserved.
Center the contents of your footer. - Select "File" and "Save As" from the toolbar. Click the "Change Title" button to change the title for the web page. Type in your page title and press "OK." The page title will appear above the address bar of your web browser.
Name your home page, "index.htm." Choose "Web Page, Filtered" for the file type and click on "Save."
Click on "Yes" when Word informs you that Office-specific tags will be removed. - Add hyperlinks to your web pages in the navigation and footer. To start, select the "Home" text and click on "Insert" and "Hyperlink." The "Insert Hyperlink" dialog box will open.
Type "index.htm" into the "Address" text field and press "OK." - Select the "About" text and hyperlink it. Then type "about.htm" into the "Address" text field and press "OK." Do the same for the "Services" and "Contact" links.
- Re-save the home page with the changes.
- Use the home page file to create the "About" page for your website. To do this, select "File" and "Save As" from the toolbar. Click on the "Change Title" button and modify it. Then rename the web file, "about.htm" and click on "Save."
Replace the contents on the right column with the information you want the "About" page to contain. Then re-save the file.
- Create the "Services" and "Contact" pages by following the directions in the previous step.
Word will automatically save your image files in a folder (ex., "index_files") for your website in the directory where the main web page is saved. - Publish the HTML and any image files or folders to the web server.
If you've found this web design tutorial informative or helpful, please spread the word by linking to Dollar Templates and Fonts. Thank you.
Return to Resources