Add additional Web pages to website. Test functionality and design of website. Complete final version of website.
Part 1 – Create a chef.html page
Open template.html in Notepad to edit.
Add the restaurant name and Chef to title tag. For example: <title>Joe’s Grill – Chef Dan</title>
Add an appropriate level 1 (h1) heading to page. For example:
<h1>Meet Chef Dan</h1>
Write a short bio about the chef of the restaurant. The bio should be at least 50 words describing the chef’s experience and education. The chef’s bio should be formatted into paragraphs using <p></p> tags. See the example below to get you started.
Text content needs to be free of spelling and grammatical errors and use correct punctuation.
Part 2 – Create an additional Web page
Decide on a page topic to add to your restaurant website. Some suggestions include nutrition.html (a nutrition page that displays calories and nutritional information about the menu items) or gallery.html (display some photos of the meals on the menu or photos around the restaurant), or a links.html page with links to outside websites related to the restaurant. If you are unsure, ask your instructor before selecting a topic for your page.
Use template.html to create your new page.
New page must have an appropriate page title.
New page must have an appropriate level 1 (h1) heading.
New page should include at least two (2) page elements, (properly coded), from the list below:
Paragraph of text
New page must be linked to the external CSS document, styles.css.
Save page as a web page with a logical name (no caps or spaces in page name).
Part 3 – Link your website pages
Create a navigation bar that contains all pages in website.
Add navigation bar between <nav></nav> on all pages.
Navigation bar includes:
The new page added in step 2.
Add text-based navigation links to the footer of all pages.
The above code will look like this in the browser:
Home| About Us | History| Menu| Contact Us | Meet the Chef | Nutritional Information
Part 4 – Finishing Touches
Add the restaurant logo to the header section of each website page.
Add the link tag to link the external CSS styles.css to the head of each website page.
Add at least one style rule to styles.css. Some examples include:
Add image formatting.
Write a class to center heading content.
Format the footer
Part 5 – Validate your website
Submit your website URL to the validation website: https://validator.w3.org/ or http://html5.validator.nu. If you have validation errors in your code, the website will note them. Correct any errors and submit again. Once your website validates with no errors, submit the URL to the validator page showing validation for the website in the Dropbox with your website URL.
Any citation style (APA, MLA, Chicago/Turabian, Harvard)
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.