Assignment: Final Project HTML

Once we have visual blueprints to work off of, we can start writing HTML markup. Make sure you've got all of the files you need in the proper folders. Write up the HTML and then get started on the CSS. Your code should have:

  • Basic HTML structure with super duper excellent cleanly tabbed code. =)
  • Proper HTML DOCTYPE declaration, meta charset, title, etc..
  • Meta viewport tag if you're using media queries.
  • All of the divs, sections, etc. that you need for the layout. HTML5 semantic tags preferred, where applicable.
  • Your content should be mostly ready at this point, but you may need to use some placeholders, where slideshows or other javascript-related content will be. Many of these plugins expect some kind of <ul> list for images and their captions.
  • I encourage you to put comments in your code wherever you think it might be helpful! Especially in the CSS.
  • All of the images that you use on the site must be saved properly for the web. Reduce high res images to an appropriate size for your layout, and compress jpegs as much as possible without losing quality. The only types of image files in your www folder should be jpg, svg, and possibly png. If you have videos, do not host them with your files - embed them from another site like youtube or vimeo.
  • If you don't have access to BBEdit's HTML validator, there is also a more comprehensive W3C Validator online. When everything is finished, your HTML should validate. However, some of the errors that the validator gives are not that important. If you have any questions, copy or screenshot the errors you're getting and I'll help you determine what needs attention.

At this stage, your focus should be on building an HTML structure that makes sense for your content. Semantics and using correct tags for different elements is more important than how the pages look in a browser for now. That said, you may end up rearranging some of the HTML to achieve the CSS layout you want. What you have by next week will likely not be the index_final_FINAL_noreallythisisthelastone.html that is all cleaned up and validates.