- Page Clones

Page Clones

Constructing Secondary Pages

If you are confident that your original page is error-free, we can start creating placeholders for other pages. Simply start by creating two additional pages --- named about.html and contact.html --- in the same directory as index.html.

At this point, we can conclude that each hyperlink has a concrete destination now. It is time for us to return to index.html and replace the hashtag placeholders:

We can now expect those hyperlinks to function correctly, only to lead us to empty placeholder pages. We can easily address this by cloning the entire contents of index.html into other pages, and as these pages inherit all the components from the original index.html file, we can expect them to look identical:

You can, however, choose to create a new or additional CSS file to hook up to these pages. Note that the contact.html file now hosts a slightly different content.

Screencast Recording