Due Friday 14th
Create a design document that answers the following questions to help guide you in the creation of your portfolio site. Your answers should be paragraphs each and not just one word answers. I expect the entire document to be about 2 pages. Sample direction provided below in italics. This document will help you clearly your goals and help you develop a clear message for employers. Email me the word document by end of day Friday.
What is the purpose of the site?
To get an internship
To get a job
To teach me web design
To impress this really cute person in my lit class
Are there any subgoals of the site?
A repository for my work
Supports my blog
What will the personality of the site be?
Humorous
Professional
Playful
Obnoxious
Why?
It matches my personality
I don’t have the skills to do anything else
Who are you?
-What do you want to show of yourself?
-What makes you so special?
-How is what you show of yourself going to be reinforced in your portfolio?
Who is the audience?
Employers
Peers
Teachers
What is their platform of choice?
mac/pc ff/safari/ie
How do they present their work?
Sample sites, print portfolios
What do you know about them?
How can you leverage your knowledge of them to help you get what you want?
How will you challenge yourself to learn something new?
Play around with jquery
Look into portfolio design
Are there any things you want to do with this site, but are afraid that your lack of technical knowledge will stop you?
Beverly
http://www.city.pittsburgh.pa.us/pghparkingauthority/
Chris
http://www.realultimatepower.net/index4.htm
http://www.huffingtonpost.com/
http://www.superdesignstudio.com/
http://www.housefabric.com/defaultproduct.asp
Emily
http://www.yakimacounty.us/clerk/Web04/default.htm
Min
http://www.pittsburghartscouncil.org/index.htm
Lauren
www.mlb.com
Nadeem
http://www.kkk.bz/
Janice
http://www.restaurantguideatlanta.com
Nick
http://www.fredfrap.com/sightings%20&%20listenings.htm
Selina
http://www.angelfire.com/super/badwebs/
Tina
http://www.kfgo.com/
Amy
http://www.havenworks.com/
Joe
http://www.qssis.com/web.html
Melissa
2.netnitco.net/~legend01/beast.htm
Monique
http://www.w3.org/
Nara
www.foxnews.com
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
We’ve briefly discussed Web 2.0. To clear up a commonly held yet mistaken belief, I quote Wikipedia:
It is a common misconception that “Web 2.0” refers to various visual design elements such as rounded corners or drop shadows. While such design elements have commonly been found on popular Web 2.0 sites, the association is more one of fashion, a designer preference which became popular around the same time that “Web 2.0” became a buzz word.
Still, whether they are a part of Web 2.0 or not, it is fairly clear that rounded corners are all the rage right now, and if you feel like jumping on the bandwagon, the above link can teach you how. But it doesn’t just teach you how–it gives you 25 different ways to do it, linking you to tutorials on other sites that all take slightly different approaches to the problem. Yes, there’s that many possibilities.
I’m not going to get into why one should or should not adopt the rounded corners trend. It is, in the end, still a matter of personal preference, and I’m sure we, as designers, can all form our own opinions of whether they are stylish or tacky. It is, however, important to note rounded corners’ impact on web design. Because of the way HTML and CSS are designed, following a box model, it’s always been easy to set up a layout with rectangles and squares–in other words, hard 90-degree angles. The “discovery” of rounded corners represents web designers finding a way to free themselves of traditional constraints of HTML and CSS. It also represents the fact that it is possible to do virtually anything in CSS, even if at first glance it might not seem like you’d be able to do such a thing, just as long as you get creative and/or sneaky with your code.
Article On 100% Height:
http://www.communitymx.com/content/article.cfm?cid=BAD95
Article on Footer Positioning:
http://www.alistapart.com/articles/footers
Faux Columns Technique:
http://www.alistapart.com/articles/fauxcolumns/
One of the somewhat frustrating things about CSS is that elements only stretch vertically as far as they need to. This becomes an issue when you want to get the side navigation column’s background color to extend all the way down the page. There are a few different ways to get around this and here are three articles that explain how accomplish it for use in most modern browsers. It seems strange to me that an issue this common is not built into CSS. These techniques and a lot of fanagling will hold us over for now. -Joe
Introduction to web design 