AIM 2

Class Portfolio v.2



Due: Week 13 (4/30)


Use the advanced template to recreate your portfolio site. This site will be responsive and employ a “mobile first” approach: it will be designed for phones, and then progressively enhance for larger devices with CSS3 media queries.


Information Architecture

You will include all the current links on your portfolio, but think about a better naming scheme. This portfolio is part of a communication campaign aimed at a living, breathing target audience who may not care what “Assignment 4” or “Journal Entry 2” means.


Enterprise Interface

Your team will need to agree upon some suitable visual elements or technique that will lend cohesion between your unique portfolios and the entire team campaign, without disrupting your own aesthetic scheme.


http://webstyleguide.com/wsg3/4-interface-design/5-enterprise-interface.html


HTML5 Reminders


  1. Use <nav> for any navigational links.

  2. Use <header> for any block element that employs a header, not just the <body>.

  3. Use <article> to group content that could stand alone in another context. Otherwise, use <section> for segmentation.

  4. Use <p> to create paragraphs, not <br> tags.

  5. Avoid using <div>, except as a cosmetic container.

  6. Use <figure> to show any images, video or other media that serve to illustrate something, as opposed to being completely cosmetic.



Your portfolio is worth 10% of your total class grade. This grade will be influenced by the first version of your portfolio, but I'm mostly interested in your second version.