Markup wireframes with HTML
williamthorsen opened this issue · 6 comments
Task
Review the three wireframes that you produced for the large screen version of your web site from part 1 of the team project and make any changes that you think would improve them.
Work through the wireframes and decide on the correct HTML to build those pages. Think carefully about the use of layout tags such as tables, and only use them where content is really a table.
Make sure that all the parts of the pages have a semantic identity, either by using existing semantic tags or by defining "div" tags for the content.
Attempt to use a range of the various formatting tags available to add richness and extra meaning to your content. Consider how different media can add to the way that your pages communicate information.
Mark up your wireframes with the HTML tags that you intend to use. Upload these marked-up wireframes in a .zip file into the Workspace: static web pages that is located in the end of week 10 and generate a shareable URL. Consider how your HTML supports the use of your pages by users with disabilities.
Acceptance criteria
- Semantic tags are used and are always appropriate
- All (or almost all) significant semantic spaces in the pages are defined semantically
- All (or almost all) content is contained in a block whose purpose is identifiable
Home page
Attraction page
Shop page
Home page v2
Attraction page v2
Shop page v2
