Online Portfolio Guide
Upcoming SlideShare
Loading in...5

Online Portfolio Guide



Reviewing the Web portfolio assignment, expectations, and suggestions.

Reviewing the Web portfolio assignment, expectations, and suggestions.



Total Views
Views on SlideShare
Embed Views



2 Embeds 253 251
file:// 2


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Online Portfolio Guide Online Portfolio Guide Presentation Transcript

  • AR340 WEB-BASED DESIGN The Online Portfolio Guidelines and Tips
  • AR340 WEB-BASED DESIGN The Requirements • Home page (index.html) • About Me page • HTML contact form • Résumé – both HTML and print version • Galleries organized by type of work
  • AR340 WEB-BASED DESIGN The Home Page • It’s every user’s first impression. Make sure design and content convey your best qualities • Avoid the “splash page” approach • Clearly communicate • Who you are • What you can do
  • AR340 WEB-BASED DESIGN Your About Me Page • Your chance to say what you’re trying to communicate visually in your design • Keep it clear, clean, and brief—but it’s OK to let your style shine through • Summary of skills and experience OK, but… • This is the place to be a person – hobbies, activities, family all OK—but… • This isn’t Facebook!
  • AR340 WEB-BASED DESIGN Résumé • Same content as your paper portfolio • HTML version – that is, a regular Web page • PDF of your paper portfolio for downloading, or—a CSS print stylesheet.
  • AR340 WEB-BASED DESIGN Galleries • Make ease of use the priority • Show best work only—three examples of each type of skill enough? • Make images large enough for user to appreciate skill • Explain what you did
  • AR340 WEB-BASED DESIGN Contact Info • HTML form with fields for name, address, e- mail, and message required • Chapter 9 in Robbins • Probably best as separate contact page but might work well on résumé page
  • AR340 WEB-BASED DESIGN Miscellaneous Tips • Keep it clean, comm majors • Don’t use technology (animation, for example) that you can’t duplicate • Plan, plan, plan • Site maps • Wireframes • Show your ideas, graphic designs and early pages to lots of people