Thursday, May 31, 2007
Wednesday, May 30, 2007
May 31st
1. Look at Thumbnails for Non-profit Site
2. Managing Sites
3. Tutorial on Hotspots in Dreamweaver
4. Review Slicing/Rollovers in Imageready
5. Quiz
6. Work in Class
Homework.
1. Photoshop Mock-up of Non-profit Homepage Due Monday
2. Non profit site Due June 11th
2. Managing Sites
3. Tutorial on Hotspots in Dreamweaver
4. Review Slicing/Rollovers in Imageready
5. Quiz
6. Work in Class
Homework.
1. Photoshop Mock-up of Non-profit Homepage Due Monday
2. Non profit site Due June 11th
Tuesday, May 29, 2007
Monday, May 28, 2007
Website Guidelines
NON-PROIT WEBSITE
WIKIOPEDIA’S DEFINITION
A non-profit organization (abbreviated "NPO", or "non-profit" or "not-for-profit") is an organization whose primary objective is to support an issue or matter of private interest or public concern for non-commercial purposes, without concern for monetary profit. A nonprofit organization may be involved in a wide range of areas relating to the arts, social issues, charities, early childhood education, healthcare, politics, religion, research, sports or some other endeavor.
EXAMPLES
The largest nonprofit organization in the United States (and the world) is the Bill and Melinda Gates Foundation, which has an endowment of approximately $60 billion ($27 billion from the Gateses and $30 billion from Warren Buffett in Spring 2006). The second largest is the Howard Hughes Medical Institute, which has an endowment of approximately $14.8 billion. Elsewhere in the world, the largest nonprofit organization is probably the British Welcome Trust, which is a "charity" in British usage. Note that this assessment excludes universities, at least a few of which have assets in the tens of billions of dollars.
Of course measuring a nonprofit by its monetary size has obvious limitations, as the power and significance of nonprofits are defined by more qualitative measurements such as effectiveness at carrying out charitable mission and goals.
Some nonprofits which are particularly well known, often for the charitable or social nature of their activities conducted over a long period of time, include Amnesty International, the Better Business Bureau, Carnegie Corporation of New York, DEMIRA Deutsche Minenraeumer e.V. - German Mine Clearer, Goodwill Industries, the Red Cross and Red Crescent organizations, UNESCO, IEEE and WWF.
However, there are also millions of smaller nonprofit organizations that provide social services or the arts to people throughout the world. There are more than 1.6 million nonprofits in the United States alone. For more see Wikiopedia articles on non-profit organizations
ON THE INTERNET
Many nonprofit organizations often use the .org or .us or .edu top-level domain when selecting a domain name to differentiate themselves from more commercially focused entities, which typically use the .com space.
REQUIRED PARTS
• NON-PROFIT SITE (NOT FOR COMMERICAL USE)
• 6-8 PAGES
• EXTERNAL AND INTERNAL LINKS
• CONSISTANT DESIGN
• EMAIL LINK
• PHOTOS
o VIDEO OPTIONAL
o MUSIC OPTIONAL
WIKIOPEDIA’S DEFINITION
A non-profit organization (abbreviated "NPO", or "non-profit" or "not-for-profit") is an organization whose primary objective is to support an issue or matter of private interest or public concern for non-commercial purposes, without concern for monetary profit. A nonprofit organization may be involved in a wide range of areas relating to the arts, social issues, charities, early childhood education, healthcare, politics, religion, research, sports or some other endeavor.
EXAMPLES
The largest nonprofit organization in the United States (and the world) is the Bill and Melinda Gates Foundation, which has an endowment of approximately $60 billion ($27 billion from the Gateses and $30 billion from Warren Buffett in Spring 2006). The second largest is the Howard Hughes Medical Institute, which has an endowment of approximately $14.8 billion. Elsewhere in the world, the largest nonprofit organization is probably the British Welcome Trust, which is a "charity" in British usage. Note that this assessment excludes universities, at least a few of which have assets in the tens of billions of dollars.
Of course measuring a nonprofit by its monetary size has obvious limitations, as the power and significance of nonprofits are defined by more qualitative measurements such as effectiveness at carrying out charitable mission and goals.
Some nonprofits which are particularly well known, often for the charitable or social nature of their activities conducted over a long period of time, include Amnesty International, the Better Business Bureau, Carnegie Corporation of New York, DEMIRA Deutsche Minenraeumer e.V. - German Mine Clearer, Goodwill Industries, the Red Cross and Red Crescent organizations, UNESCO, IEEE and WWF.
However, there are also millions of smaller nonprofit organizations that provide social services or the arts to people throughout the world. There are more than 1.6 million nonprofits in the United States alone. For more see Wikiopedia articles on non-profit organizations
ON THE INTERNET
Many nonprofit organizations often use the .org or .us or .edu top-level domain when selecting a domain name to differentiate themselves from more commercially focused entities, which typically use the .com space.
REQUIRED PARTS
• NON-PROFIT SITE (NOT FOR COMMERICAL USE)
• 6-8 PAGES
• EXTERNAL AND INTERNAL LINKS
• CONSISTANT DESIGN
• EMAIL LINK
• PHOTOS
o VIDEO OPTIONAL
o MUSIC OPTIONAL
May 29
1. Quiz.
2. Critique Photoshop Layouts.
3. Review Web images.
4. First Website for a non-profit organization is Due June 11th
5. Slicing images in Photoshop
Homework:
1. Quiz Thursday.
2. 3 Thumbnails for Non-Profit
3. Read Chapters 1 Pages 23-37 and 14 in Dreamweaver Book
2. Critique Photoshop Layouts.
3. Review Web images.
4. First Website for a non-profit organization is Due June 11th
5. Slicing images in Photoshop
Homework:
1. Quiz Thursday.
2. 3 Thumbnails for Non-Profit
3. Read Chapters 1 Pages 23-37 and 14 in Dreamweaver Book
Thursday, May 24, 2007
HTML Tags
Here are some links to websites that define common html tags.
http://www.htmlgoodies.com/primers/html/article.php/3478151#html
http://www.webmonkey.com/reference/html_cheatsheet/
http://www.htmlgoodies.com/primers/html/article.php/3478151#html
http://www.webmonkey.com/reference/html_cheatsheet/
Wednesday, May 23, 2007
julieth's homework
href="http://www.toyota.com">www.toyota.com/ this is a page that shows information about cars i really like this page because it shows what you need to know about cars it gives the whole information about everthing prices, car's styles..etc
http://hostmas.net/ this page is a page that offers hosting sevices for web pages but it does not look like it because does not show images that shows what they need their index page is really ugly.
http://hostmas.net/ this page is a page that offers hosting sevices for web pages but it does not look like it because does not show images that shows what they need their index page is really ugly.
May 24th
1. Look at Best/Worst Websites.
2. Handcoding HTML
3. Photoshop with Web Images (Jpg, Gif and Png)
Homework
1. Read History of HTML Handout
2. Read Web Images Handout
3. Read Chapters 1 Pages 23-37, 14 in book
4. Photoshop Layouts Due Tuesday
5. Quiz Tuesday
No Class Monday
2. Handcoding HTML
3. Photoshop with Web Images (Jpg, Gif and Png)
Homework
1. Read History of HTML Handout
2. Read Web Images Handout
3. Read Chapters 1 Pages 23-37, 14 in book
4. Photoshop Layouts Due Tuesday
5. Quiz Tuesday
No Class Monday
jason's home work
best site:
http://disney.go.com/disneypictures/pirates/
Fun
clean lines
very interactive
clear text
just enough stuff
Worst site:
http://www.wk.com/#/
way to cluttered
to much information/links
a complete mess
http://disney.go.com/disneypictures/pirates/
Fun
clean lines
very interactive
clear text
just enough stuff
Worst site:
http://www.wk.com/#/
way to cluttered
to much information/links
a complete mess
Melissa's Homework
best site:
www.cristal.com.pe this a web page is from a Beer company from my country Peru. I found it that it is easy to navigate,it is colerfull and fresh. I found it that web desing it is really good.
worst site:
www.corson.tv it's a really ugly web page. the text doesn't contrast with the background. the desing is horrible.
slowest site: www.myspace.com
fastest site: www.univision.com
www.cristal.com.pe this a web page is from a Beer company from my country Peru. I found it that it is easy to navigate,it is colerfull and fresh. I found it that web desing it is really good.
worst site:
www.corson.tv it's a really ugly web page. the text doesn't contrast with the background. the desing is horrible.
slowest site: www.myspace.com
fastest site: www.univision.com
Tuesday, May 22, 2007
Home Work Assignment from Seth
Best Site http://www.ferrariworld.com/FWorld/fw/index.jsp Very clean. Good use of color for branding identity. Simple Yet elegant.
Worst site http://members.aol.com/CSmith669/chevy.html Ugly use of color. Animations do not work distract from message of site. Very juvenile and unprofessional.
Slowest site http://www.ebay.com/
Fastest site http://www.cnn.com/
Worst site http://members.aol.com/CSmith669/chevy.html Ugly use of color. Animations do not work distract from message of site. Very juvenile and unprofessional.
Slowest site http://www.ebay.com/
Fastest site http://www.cnn.com/
Monday, May 21, 2007
Homework from Chris...
I thought a nice site is http://www.arjanverschoor.nl/. It is such a simple, yet fluid idea.
A terrible site that makes my eyes bleed is http://www.optimalworld.com/. Even if I knew what it was for there is no reason to have it look so bad.
I personally think www.flickr.com does a good job of doing a service pretty quickly.
I have a pretty fast connection so it's hard for me to feel the effects of a slow page. However, the constant loading for every image annoys me on http://www.skwak.com/home.html
A terrible site that makes my eyes bleed is http://www.optimalworld.com/. Even if I knew what it was for there is no reason to have it look so bad.
I personally think www.flickr.com does a good job of doing a service pretty quickly.
I have a pretty fast connection so it's hard for me to feel the effects of a slow page. However, the constant loading for every image annoys me on http://www.skwak.com/home.html
Linking URLs to Your Post
Hey Jerome,
How did you get your websites to show up in your post as links?
Thanks,
Pete
How did you get your websites to show up in your post as links?
Thanks,
Pete
Pete's Homework
One of the best websites I saw was, www.1800tequila.com
It was very colorful yet the background had a monochromatic feel. The simpler animation creates constant motion without being annoying or overdone. It was easy to navigate. This sight serves its limited purpose, to showcase product line, very well.
Worst website - www.epiphone.com
Sloppy, hard to read copy. A weak attempt to look edgy. Not enough info about product line. One dimensional photography that did not adequately show products. Could have been much more dynamic. This is the place to make a customer fall in love with product (electric guitar) the same as marketing automobiles. They did not take advantage of available technology. Videos were slow downloads to my hard drive instead of streaming on screen. When you click on "Elitist" line it becomes a different website with no "one click" path back to homepage. See, www.gibsoncustom.com, to see the potential a musical instrument website can have.
Most websites are pretty fast these days. Some with heavy intro graphics tend to be slower. I find the NCC site to be particularly slow. But I don't know why.
It was very colorful yet the background had a monochromatic feel. The simpler animation creates constant motion without being annoying or overdone. It was easy to navigate. This sight serves its limited purpose, to showcase product line, very well.
Worst website - www.epiphone.com
Sloppy, hard to read copy. A weak attempt to look edgy. Not enough info about product line. One dimensional photography that did not adequately show products. Could have been much more dynamic. This is the place to make a customer fall in love with product (electric guitar) the same as marketing automobiles. They did not take advantage of available technology. Videos were slow downloads to my hard drive instead of streaming on screen. When you click on "Elitist" line it becomes a different website with no "one click" path back to homepage. See, www.gibsoncustom.com, to see the potential a musical instrument website can have.
Most websites are pretty fast these days. Some with heavy intro graphics tend to be slower. I find the NCC site to be particularly slow. But I don't know why.
May 22nd
• Go over Homework
• HTML
• History of the Web Wikopedia.org Handout
• Photoshop Layout (Work on Photoshop Skills) Competition 5BONUS
Homework:
o Read Chapters 1 Pages 23-37, 14 in book,
o Chapter 2 in O’Reilly
o Photoshop Layouts Due Tuesday No Class Monday
• HTML
• History of the Web Wikopedia.org Handout
• Photoshop Layout (Work on Photoshop Skills) Competition 5BONUS
Homework:
o Read Chapters 1 Pages 23-37, 14 in book,
o Chapter 2 in O’Reilly
o Photoshop Layouts Due Tuesday No Class Monday
First Class
Class 1
• Syllabus/Survey
• Intro to Dannell/ Sign up for Blog http://introtoweb.blogspot.com
• Presentation of Design
• HTML Basic HTML
Homework:
• Chapter 6 in O’Reilly
• Bring in Photos every Class,
• What is the Best, Worst, Fast, Slow Sites Post to Blogger 5pts
• Syllabus/Survey
• Intro to Dannell/ Sign up for Blog http://introtoweb.blogspot.com
• Presentation of Design
• HTML Basic HTML
Homework:
• Chapter 6 in O’Reilly
• Bring in Photos every Class,
• What is the Best, Worst, Fast, Slow Sites Post to Blogger 5pts
Jerome's work
The best looking site I found is http://www.2advanced.com/ and I found another site that has links linking to other cool sites http://www.linkdup.com/.
The worst site is http://budugllydesign.com/archivebud/bud9806/bud.html, it speaks for itself.
For slow websites, I can't tell because I have dial up but I would have to say most myspace pages.
Fast websites, I can't tell.
The worst site is http://budugllydesign.com/archivebud/bud9806/bud.html, it speaks for itself.
For slow websites, I can't tell because I have dial up but I would have to say most myspace pages.
Fast websites, I can't tell.
Laurie's homework
Wow, it is so much fun to surf the web with high speed!
The worst site I came across was bobsflowershop.com. It is dated, corny, and poorly composed. I good web design would probably increase this guy's business 1000%. On a postive note, it is pretty easy to nagivate but I think a site that sells the beauty of flowers should be beautiful as well.
The best site. There are so many fantastic sites! The one I picked to write about was http://www.arnoldworldwide.com/arn.cfm which is a design/advertising agency. The site is very clean and minimalist and very easy to navatigate. The bad poleroid photos of their staff along the top of the site adds a very edgy but human touch to the site.
Fastest? Since I have dial-up at home, they all seem REALLY fast to me here! Slowest? I have always found the Adobe site to be a little slow.
The worst site I came across was bobsflowershop.com. It is dated, corny, and poorly composed. I good web design would probably increase this guy's business 1000%. On a postive note, it is pretty easy to nagivate but I think a site that sells the beauty of flowers should be beautiful as well.
The best site. There are so many fantastic sites! The one I picked to write about was http://www.arnoldworldwide.com/arn.cfm which is a design/advertising agency. The site is very clean and minimalist and very easy to navatigate. The bad poleroid photos of their staff along the top of the site adds a very edgy but human touch to the site.
Fastest? Since I have dial-up at home, they all seem REALLY fast to me here! Slowest? I have always found the Adobe site to be a little slow.
Sunday, May 20, 2007
Design Presentation.
Week One Web Presentation
1. Martini Racing Redesign www.martiniracing.com
Client: Bacardi Global Brands
Color
2. Season of Surprises www.firstbornmultimedia.com/websites/seasonofsurprises
Borders Bookstore
3. Boxer www.boxer.uk.com
Designed primarily to reflect our personality and identity. All imagery shows everyday situations with quirky twists.
4. Saturn.com Simple.
5. Elmwood Flooring Tool www.elmwoodreclaimedtimber.com/flooringtool
Hardwood Floors Company.
6. Ben Wittner www.bwausg.de
Minimalist, clear user-friendly website as engaging tool with the purpose of spotlighting the photography and graphic design work.
7. Huntington Conservatory www.huntingtonconservatory.org
Color and Shape.
8. Calibrepics www.calibrepics.com Singapore
The idea was transforming your ideas into reality. Hence, a drawing approach was used for the navigation where users mark where they wish to go.
9. Hidden Brook Studio www.hiddenbrookstudio.com
Our goal was to illustrate the environment in which the photographer lives and works, the sounds of nature and animals, the seasonal weather, the atmosphere.
10. John Ross Photography www.johnross.co.uk
The aim was to let the unobtrusive navigation remove all the clutter and let the photography do the talking.
Navigation
1. Martini Racing Redesign www.martiniracing.com
Client: Bacardi Global Brands
Color
2. Season of Surprises www.firstbornmultimedia.com/websites/seasonofsurprises
Borders Bookstore
3. Boxer www.boxer.uk.com
Designed primarily to reflect our personality and identity. All imagery shows everyday situations with quirky twists.
4. Saturn.com Simple.
5. Elmwood Flooring Tool www.elmwoodreclaimedtimber.com/flooringtool
Hardwood Floors Company.
6. Ben Wittner www.bwausg.de
Minimalist, clear user-friendly website as engaging tool with the purpose of spotlighting the photography and graphic design work.
7. Huntington Conservatory www.huntingtonconservatory.org
Color and Shape.
8. Calibrepics www.calibrepics.com Singapore
The idea was transforming your ideas into reality. Hence, a drawing approach was used for the navigation where users mark where they wish to go.
9. Hidden Brook Studio www.hiddenbrookstudio.com
Our goal was to illustrate the environment in which the photographer lives and works, the sounds of nature and animals, the seasonal weather, the atmosphere.
10. John Ross Photography www.johnross.co.uk
The aim was to let the unobtrusive navigation remove all the clutter and let the photography do the talking.
Navigation
Subscribe to:
Comments (Atom)