Assignment 2
Due Thursday, March 1st
The objective of this assignment is to create a 3-4 page responsive website focused on a 2018 Winter Olympic Team or Athlete.
What’s Required
- 3-4 pages about your team or athlete.
- Responsive layout
- External CSS
- Consistent Design
- Responsive Tabs or Accordians
- A Responsive Table you find one
- Mobile menu choose 1 of 2 options show below
- Social Media Icons and Copyright
- Headings setup for all h1-h6 even if not being used.
- Meta Data on each page
- Fav Icon on each page
- Site Links Defined
- Page Titles
- Alt Tags and Proper Image tagging.
New Semantic Elements in HTML5:
Many web sites contain HTML code like: <div id="nav"> <div class="header"> <div id="footer">
to indicate navigation, header, and footer.
HTML5 offers new semantic elements to define different parts of a web page:
- <article>
- <aside>
- <details>
- <figcaption>
- <figure>
- <footer>
- <header>
- <main>
- <mark>
- <nav>
- <section>
- <summary>
- <time>
Learn more here: https://www.w3schools.com/html/html5_semantic_elements.asp
You will be graded based on the rubric in our course syllabus, as well as showing an understanding of the lesson plan presented in class.
Home Page Layout and Inner Page
Home Page Layout and Inner Page layout should be slightly different. Current Olymmpic website.
Mobile Menu
1. Responsive Navigation Bar: Learn how to create a responsive top navigation menu with CSS and JavaScript.
2. Vertical Navigation Bars: Learn a few differnet options for displaying a slide out vertical menu.
Accordian Feature
Read more abour accodians and use this download in the left navigation bar.
Tabs Feature
Read more abour accodians and use this download in the left navigation bar.