Personal Website Project
One of the most rewarding parts of this course is the personal website project (electronic portfolio). This project reflects a significant individual effort in web authorship and development. We'll spend weeks on this project, share drafts of the text we want to include in our sites, drafts of the web designs, color palettes, graphics, and more.
It is my hope that you will be so proud of this work that you'll purchase webhosting, get your domain name, and make the site a place for your growing professional portfolio. You could add video clips, sample academic writing, your resume, artwork, and more. The sky is the limit, really.
For the purposes of this course, however, you're required to include key features in your website project.
Your Task
Submit a Final Personal Website/Portfolio meeting the following criteria.
- Your portfolio website is made using Dreamweaver CS3 and a "DW Template" to ensure consistency across the site. (Use our templates to get started).
- Your portfolio website features a header graphic (at a minimum). You may also use graphics for navigation, and for broader design elements.
- Organize your portfolio as you see fit, with some important exceptions. You must cover the following elements:
- Community/Neighborhood/Scene. Give the visitor a sense of something culturally or socially meaningful to you.
- A Hobby or Interest. This page will add more texture to you as a person.
- Your Major. What is your major? Why is it important to you? What are your goals? Build an Unordered List that documents your coursework for your major.
- Personal Statement About You. You wrote this before, but your aim is higher now. If this is the text for your homepage, make sure it works.
- Link to Your Blog.
- A Portfolio Page (see 4 below).
-
The "Portfolio" page in your Personal Website contains the following required elements. You are welcome to include additional elements.
(See hints.)
- Link to Our Major Web Project.
- Key graphics work for the term. Highlight the good stuff you've done, and describe its development.
- Your tip/trick for one of the web writing tools we've used during the term (Blogger, Dreamweaver, Photoshop, Mediawiki).
- Your tutorial/review of a web writing tool we have NOT used during the term. The choice is yours, but you must consult with me.
- Your textual contribution to the major project.
Hints
- You can put your website pages/elements in any order you like. Think organization, usability, navigation.
- Don't leave it to your reader to figure out what your Portfolio elements mean! Each element must be accompanied by some text-based description that explains the sample's relevance for your portfolio, and your idea behind it.
- It is often a good idea to include screen captures, images, or more. Think relevance, context, and communication!
Bonus! (Up to 3 Points on Final Course Grade)
- Your Personal Website/Portfolio has a distinct index.html page that is visually connected to the inner pages. (1 Point Added to Final Course Grade)
- Your Personal Website/Portfolio (excluding samples in portfolio section) validates for both XHTML and CSS. I made this easier by creating valid starting layouts. (2 Point Added to Final Course Grade)
Don't like the look? Restyle!
Dr. Reid | Produce | Wikiwiki | Escher
| Cloisonne | The
Blues | Negative | Skinless