Week 10


Topic	Assignments/Reading:	In Class
Tuesday Website Project Process layout design in image editor. Preparing site graphics.	Assignment: Complete "comp" - sketch and design the home page and a typical inside page for your site. Create sketches on paper and choose one to complete in Fireworks or Photoshop, using layers as demostrated in Case Study. Export necessary images (background or inline images) needed to create your site design. Site "comps" of home page and inside page for your project site saved as a jpg or pdf or fireworks for class crit due Tuesday, May 6. Personal or Small Business Site Project outline (pdf) Resources for creating "comp": Lynda.com - Dreamweaver CS3 with CSS Essential Training, Capter 3. Planning Your CSS http://movielibrary.lynda.com/html/modPage.asp?ID=502 (view in lab) Adobe - Taking a Fireworks comp to a CSS-based layout http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html Fireworks - creating a working comp, presenting linked "page" views in browser http://www.adobe.com/newsletters/edge/april2008/articles/article5/index.html?trackingid=CAFWB Fireworks common library rich symbols for forms http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0174 Fireworks - using Pages http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0171 Fireworks - creating a comp http://www.adobe.com/devnet/fireworks/articles/mockups.html Adding structural markup notes to comps: http://twinsparc.com/a/updated-htmlstamps/ Resources for batch processing image files Bridge- managing, re-naming, re-sizing images: http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0097 Bridge - web workflow: http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0192	Process of creating site "comp" - layout design in Fireworks or Photoshop, in order to create needed site images. Download tutorial files and unzip for development materials (site map, layout, Fireworks or Photoshop layers comp design, etc.). View the completed Images from Iceland site Case Study week 10 (pdf)
Thursday Starting html from layout design.	Site "comps" of home page and inside page for your project site saved as a jpg or pdf or fireworks for class crit due Tuesday, May 6. Sketch, observe the world, sketch more and then be informed by your research. Don't make anything unless it is both necessary and useful; but if it is both necessary and useful, don't hesitate to make it beautiful. Based on Shaker design philosophy	Testing prototypes. Getting direction/input on project sites. Begin converting layout design to html page with css layout and styles. Case study week 10 -pt2.pdf

Best Blogs

Resources

Pasadena City College signs iTunes University contract with Apple

PCC is about to join the ranks of many colleges and university that have their own branded iTunes on the web. This will provide a nice and easy place for the school to post its growing number of lectures and public relations podcasts. Some will be audio and a few are already in the works with video or enhanced chapter podcasts. The agreement gives PCC a certain amount of free space on the Apple iTunes server.

About Us | Site Map | Privacy Policy | Contact Us