NETWORK MEDIA

PROJECTS

PROJECT 1

In this project you will be designing and developing an online portfolio or website that represents you. You will research and determine a site concept, create a design based on this, and finally built it with HTML and CSS. How do you want others to see you and your work? What do you want them to notice first? What do you want them to takeaway?

Each of these three categories will be graded on a A(4) - F (0) scale. Outstanding or exceptional work will receive As, good work will receive Bs, sufficient work that does nothing more than meet requirements will receive Cs. The final grade will be an average of these three scores.

  • conceptually creativity
  • aesthetic quality
  • technical skill

PART 1: CONTENT AND REFERENCES (DUE 10/5)


PART 2: DESIGN CONCEPT AND SITEMAP (DUE 10/10)


PART 3: WIREFRAMES AND MOCKUPS (DUE 10/12)


PART 4: FINAL PORTFOLIO/WEBSITE (DUE 10/24)

The final part is to build the site you've design with HTML and CSS. I would suggest doing this in steps, something like this:

  1. Create an HTML file for each page, and add the basic HTML structure.
  2. Finalize the navigation and make sure the pages link correctly between themselves.
  3. Add a stylesheet and define the basic layout of your pages.
  4. Populate the HTML with content.
  5. Further implement the design with CSS, tweaking HTML as necessary.
  6. Test with users, iterate as necessary.

The final version should have multiple pages and include at least four works. The navigation should be clear and the design should be engaging and coherent. Your site should communicate who you are and what you do to the audience that you outlined in the design document. At minimum, it should look correct at standard laptop and desktop scales. You will have three minutes to present your site to the class, followed by a few minutes of feedback and critique. In your presentation you will want to make clear the concept, functionality, and structure of the site, as well as where you could see taking it further in the future.