Week 12

Links concerning content from week 12:

Articles:

• Killer web content: http://www.gerrymcgovern.com/nt/2007/nt-2007-10-01-killer-web-content.htm
• CSS cheat sheets: http://webdesign.about.com/od/css/a/css_cheat_sheet.htm
• How we really use the web: http://www.sensible.com/chapter.html
• Estimate project time: http://www.sitepoint.com/blogs/2009/04/14/how-to-estimate-time-for-a-project/

Resource:

• test webpage compatibility: http://browsershots.org/ 

Design Comps

Here are the .jpg images of my 2 comps.

I made a few changes from my initial designs. The most obvious is that I got rid of the orange background. I shrunk the size of the header and navbar so that there is more space where the content will go. I also setup the design to have a 10px buffer around pretty much all everything. I am not adding a portfolio page because I feel that replacing 4 of the buttons on the navbar will make it look too empty. This way, I feel at least it fills the space without feeling too crowded.

Week 11

Links concerning content from week 11.

Articles:

• Understanding CSS: http://www.adobe.com/devnet/dreamweaver/articles/understanding_css.html
• CSS Layout Basics: http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html
• CSS Zen Garden site and examples: http://www.csszengarden.com/
• Extimate Project Time: http://www.sitepoint.com/blogs/2009/04/14/how-to-estimate-time-for-a-project/

Videos:

• Creating Template: http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0157
• Using Templates: http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0158
• (note: videos use dreamweaver cs3)

Week 9

Links concerning content from week 9.

Articles:

• Designing with Grids: http://www.webdesignerwall.com/trends/grid-and-column-designs/
• CSS Typography: http://www.digital-web.com/articles/css_typography/
• Prototyping: http://www.adobe.com/devnet/fireworks/articles/cooper_prototyping.html

Resource:

• Greeking Generator: http://www.lipsum.com/

Videos:

• http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/
• http://tv.adobe.com/watch/digital-design/getting-started-06-exporting-css-and-images/
• http://tv.adobe.com/watch/digital-design/getting-started-07-creating-html-clickthroughs/
• http://tv.adobe.com/watch/digital-design/creating-cssxhtml-layouts/
• http://tv.adobe.com/watch/digital-design/introduction-to-css/

Week 8

Links concerning topics from module week 8:

Articles:

• A Dao of Web Design: http://www.alistapart.com/articles/dao/
• Blasting the Myth of the Fold: http://www.boxesandarrows.com/view/blasting-the-myth-of
• Five Principles to Design By: http://bokardo.com/archives/five-principles-to-design-by/
• The Difference Between ID and Class: http://css-tricks.com/the-difference-between-id-and-class/
• http://ilovetypography.com/
• The Anatomy of Web Fonts: http://articles.sitepoint.com/article/anatomy-web-fonts
• The most common fonts: http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml
• CSS Font-Family Glossary: http://www.codestyle.org/css/font-family/Glossary.shtml
• CSS Typography: http://www.digital-web.com/articles/css_typography/

Videos:

• http://tv.adobe.com/watch/fireworks-tips-and-tricks/the-complete-design-process/
• http://tv.adobe.com/watch/fireworks-tips-and-tricks/information-and-interaction-design/
• http://tv.adobe.com/watch/everyday-timesavers-web/quickly-transform-photoshop-layouts/
• http://tv.adobe.com/watch/digital-design/getting-started-06-dreamweaver-integration/

Week 7

Links concerning content from week 7 (mainly links to stuff about domain names).

Rules for choosing the right domain name:
http://www.seomoz.org/blog/how-to-choose-the-right-domain-name

Search engine watch:
http://searchenginewatch.com/

SEO tools:
http://www.groovecommerce.com/ecommerce-blog/search-engine-optimization/20-nifty-seo-tools/

Search Engine Optimization:
http://www.seomoz.org/

Search engine roundtable:
http://www.seroundtable.com/archives/014550.html

Search Engine Placement Tips:
http://searchenginewatch.com/2168021

Web Design Tactics:
http://www.seomoz.org/blog/web-design-tactics

Week 6

Links concerning content from week 6.

• http://www.webreference.com/dev/gifanim/ Optimizing Animated GIFs
• http://www.adobe.com/devnet/dreamweaver/articles/dwmx_design_tips.html Usability: The key to good website design
• http://www.useit.com/alertbox/breadcrumbs.html Nielsen on Breadcrumb Navigation

Final Project Proposal

My proposal would be to make a portfolio site for myself. I would initially include digital copies of work that I have done at school that I feel would help me get a job and a copy of me resume. And I could continue to add content as I did more. I haven’t done any work for anyone else, either professional or social/recreational, so I can’t really do a website for anyone else. So I can really only make this one proposal.

Week 5

Links and video from week 5.

Video:

• http://tv.adobe.com/watch/learn-dreamweaver-cs4/styling-text-in-the-css-property-inspector

Vincent Flanders:

• http://www.webpagesthatsuck.com/
• http://www.webpagesthatsuck.com/videos.html
• http://www.vincentflanders.com/videos/gnn.html
• http://www.webpagesthatsuck.com/mysterymeatnavigation.html
• http://www.webpagesthatsuck.com/worst-web-sites-of-2008-navigation.html
• http://www.webpagesthatsuck.com/2009-worst-contenders-jan-march.html

Week 4

Videos and readings from week 4.

Videos:

• http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-01-understanding-fireworks/
• http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-02-the-fireworks-interface/
• http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-03-importing-and-exporting-images/
• http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-04-smart-guides-and-tooltip/
• http://tv.adobe.com/watch/learn-fireworks-cs4/using-kuler-color-themes/
• http://tv.adobe.com/watch/learn-fireworks-cs4/understanding-styles-and-symbols/

Readings:

• http://www.iab.net/
• http://www.colormatters.com/symbolism.html

Jakob Nielsen

• http://www.useit.com/alertbox/9605.html
• http://www.useit.com/alertbox/20040510.html

Interactive:

• http://www.colorstrology.com/
• http://www.mariaclaudiacortes.com/