Contemporary Design
Lesson Number 25, November 3, 2014
Due For This Class
Content Planning Homework - due Monday, November 3
Sitemap
- Using a sitemap tool (such as draw.io) or another method that allows you to create a structured chart, create a sitemap for your final project
- Email this to me, whether as a screenshot, a graphic, or a link to your sitemap online
Initial content planning documents (answer the first two sets of questions from Monday's lesson). Email to me as a text document, a link to a Google Document, or a link to an online planning tool.
Content
- What content will you need to have?
- What content is already created? What will you need to create?
Navigation
- What will your menu items be?
- What pages will you need?
- What content will go on each page?
- How will people navigate through your website?
Responsive Web Design
- Flexible Layouts
- Media Queries
- Flexible Media
- Download this zip folder to your computer. Unzip it, and place the files (keep them in the "bootstrap-start" folder) in your project portfolio folder.
- Open the included
index.htmlin Brackets.
Resources
- http://mediaqueri.es/
- http://ami.responsivedesign.is/
- http://blog.teamtreehouse.com/modern-field-guide-responsive-web-design
- http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Homework
- Read Ethan Marcotte's article that introduced responsive web design
- Read this article about responsive web design.
- Think about some websites that you visit. Are they responsive? How can you tell?
- What are some things you see in common with responsive websites? Are there similar design patterns? Do you notice similar ways that navigation works, or that images function? Come prepared to discuss.