Creating a Website Using Microsoft Word

Setting Up the Word Document

/

  • Open a blank Word document.

  • Set margins to narrow under Page Layout.

  • Set line spacing to single:

    • Press Ctrl + A to select all.

    • Open paragraph settings.

    • Set line spacing to single.

    • Set 'after' spacing to zero.

    • Check "Don't add space between paragraphs of the same style."

Website Organization Using Tables

  • Plan website layout with a sketch.

  • Insert a table (Insert > Table).

  • For tables larger than 5x5, use the "Insert Table" option to specify rows and columns.

Designing the Website

  • First Row: Website Name

    • Leave the first cell blank.

    • Merge the remaining cells in the first row.

    • Type the website name (e.g., "Hotel Seaside").

    • Center align the text.

    • Set font size to 72 and font style to Edwardian Script.

  • Second Row: Navigation Links

    • Enter links: "Home," "Facilities," "All-Inclusive Details," "Restaurant and Bar," "Contact Us."

  • Third Row: Image

    • Merge all cells in the third row.

    • Insert a landscape picture (Insert > Picture).

    • Adjust picture size from the corner to maintain proportions.

  • Formatting

    • Center align the text in the second row.

    • Format the website name: blue font color and black background (Design > Shading).

    • Format navigation links: white font color and blue background.

    • Bold the navigation links and set font size to 14.

    • Center align the text within the cells (Design > Alignment > Align Center).

  • Fourth Row: Hotel Details

    • Merge the entire row.

    • Add hotel details (copy-pasted, but ensure original data for real websites).

    • Insert a logo.

    • Crop the logo to remove excess space (double-click > Crop).

  • Fifth Row: Call to Action

    • Merge the entire row.

    • Center align the text.

    • Add a "Book Now" button in red, font size 18, and bold it.

    • Right-align "Back to Top" for easy navigation.

    • Change font style to Times New Roman for hotel details and Book Now.

Creating Hyperlinks

  • To link to a separate web page:

    • Highlight the text.

    • Right-click and select "Hyperlink."

    • Select "Existing File or Web Page."

    • Browse for the file and click "OK."

  • To hyperlink "Back to Top":

    • Highlight the text.

    • Right-click and select "Hyperlink."

    • Select "Place in this Document."

    • Choose "Top of Document" and click "OK."

  • To link to an external website:

    • Highlight the text.

    • Right-click and select "Hyperlink."

    • Select "Existing File or Web Page."

    • Paste the website URL in the address box and click "OK."

  • To link to open a file (e.g., registration form):

    • Type the link text (e.g., "Student Registration Form").

    • Highlight the text.

    • Right-click and select "Hyperlink."

    • Select "Existing File or Web Page."

    • Browse and select the file, then click "OK."

Removing Table Borders

  • Click on the table resize icon.

  • Go to "Design" and then "Borders."

  • Select "No Border."

Saving the Web Page

  • Two options:

    • Save as a regular Word document and then save again as a web page.

    • Save directly as a web page (select "Web Page" as the Save as type).

  • Saving as a web page:

    • To edit later, right-click the file and select "Open with Microsoft Word."

Testing the Web Page

  • A folder will be created with the web page name and a "files" subfolder.

  • Open the web page by double-clicking the HTML file.

  • Verify that hyperlinks work as expected.

  • Ensure linked files are in the same folder to function correctly.