Intermediate Web Design Week 3

This week in class we settled on a name for the site igarlikeit.com (which the project will be referred to from here on out).  We also fleshed out ideas on content and features. After a brief discussion our group split into two teams, the design and content team and us code monkeys on the other.

Our discussion time was spent figuring out how to best implement HTML5 and video. We also delegated roles for the research. My assignment was to build a site map for the site and figure out how users would navigate through the site. Here is the current site map. I will revise it after I receive feedback from the rest of the team.

I envision the navigation will be displayed inline below the header or to the left of the content with drop down menus or breadcrumb navigation to help the user keep track of where they are within the site.  I believe we are also planning on implementing a jQuery slider on the Home page that will link to certain recipes or articles on the site.  We are also planning to add secondary navigation in the footer that leads the user to all the main pages listed in the nav bar as well as sending them to a contact and user agreement/terms page.

For my research on HTML5 I decided to focus on the <video> tag as well as finding useful reference pages and cheat sheets. ilovecolors had a great article on video in HTML5 with links to third party video players as well as tutorials on using the <video> tag.  The W3C provides a nice, in-depth guide to HTML5 while webresourcesdepot.com and webhostingsecretrevealed.com provide links to many more HTML5 tutorials and resources.