Expression Web/HB Tours Site/Create Pages

For this exercise, we are going to duplicate generic.html and create the individual pages of the web site (as shown in Figure 1). {{vmv:Box|Objective|3|| By the end of this page you should be able to:
 * Copy a generic page in Expression Web to create individual pages.

Pre-knowledge
}}
 * Basic site


 * 1) Using the Tab, right click on generic.html (if it is open make sure it has been saved)
 * 2) *Select
 * 3) *Right click in the blank area below the files and select (Alternatively, you can use [Ctrl]+[V] to Paste)
 * 4) *Repeat the paste operation to create 9 copies of the generic page
 * 5) *Now rename the copies to: index.html, menu.html, intro.html, Hst.html, Nap.html, links.html, HstHNth.html, HstOak.html, NapDeco.html, and NapBluff.html
 * 6) *If All is going well EW should recognise index.html as the Home page (it should have a house icon in front of the name). If not, right click on index.html and choose
 * 7) *If you want to be clever, you can single click the page title in Site View and change them to "HB Tours - Menu", "HB Tours - Introduction", etc... This changes the &lt;title> tags in each of the pages.

The  Tab should look like Figure 2.




 * 1) Open index.html
 * In, highlight Home Page, Right Click, Select and choose index.html.
 * 1) Repeat for Menu, Introduction, Hastings, Napier and Links (Figure 3). You can speed up the link highlighting by double clicking on the word.
 * 2) *While I would like to have made this faster, the hyperlinking is quicker once the pages have been created.
 * 3) **Anyway, you can now copy the top_nav to the other pages, as shown in Figure 3a. (You may have a better way - if you can use your virtualMV login and add it to the page, or post a comment below)
 * 4) *Now for each page,
 * 5) **Remove the hyperlink to that pageas shown in Figure 3b (e.g. on the Napier page the Link to Nap.html should be removed.. do not just delete Napier from the list). In EW, right click on the link, select  and at the bottom of the dialog box click
 * 6) **Change the masthead to reflect what is on the page. It is simpler to make the changes on all the pages, then choose and



Create the hyperlinks to the third level pages
Now add the third level menus to the Hastings (Hst.html) and Napier (Nap.html) pages as shown in Figures 4a & 4b.





Check that all is working by opening index.html in your web Browser and clicking on all the links.