Server - Contents

Basic 3-Page Site, using w3.js

Prequisite: the Basic Website - One page website.

The task of connecting several webpages into a coherent website can be solved using W3Schools' w3.js, with it's 'include' functionality.

The 'include' functionality enables each webpage to be modularly structured into three sections:

  1. Navigation: described within nav.html
  2. Content: of each particular page
  3. Footer: described within footer.html

Any change in the nav.html and footer.html files will be reflected in all the pages, greatly simplifying the editing and expansion of such structured websites. Any new addition page, one can simply copy and rename the index page, then replace the content. To expose the page, update the nav.html file.

Based simply on html and javascript, the rollout of the website requires no special environment during its development or when configured to a webserver.

A simple 3-page website, an example based on this structure can be downloaded here (8kb) . Unzip it in the htdocs folder to run it.

Note: this structure is useful for relatively simple websites. For more advanced website design and depth, consider the Flask environment.