Week 11

Here are my final home page and product page for my class project.  Thanks to all of the input from the class.  The home page now has a place with text.  I know it was supposed to be the real thing but I am still working with the owner of the company on it.  The text should help with SEO when it is completed.  After seeing many in the class have their work critiqued, I felt I needed to to more work on lining up things to fit in a grid better.  I think the process helped me produce a better product.  Amanda gave me some great input on the footer text drawing too much attention and I am very happy with the adjustments I made from those comments.

Back to notes from the week 

Understanding CSS

http://www.adobe.com/devnet/dreamweaver/articles/understanding_css.html

tutorial on creating CSS page layouts

http://www.adobe.com/go/vid0155

three places for CSS styles

• external style sheet
• internal (embedded) style sheet (header)
• inline styles (not recommended) 

O’REILLY CSS Reference in DW – Help – Reference – Book: O’REILLY CSS Reference

3 Sources Responsible for styles you see on a web page

• the style sheet created by the page author
• the user’s customized style selections
• the default styles of the browser itself

remember inheritance

More info on rules governing the cascade, inheritance and specificity

http://www.w3.org/TR/CSS2/cascade.html

CSS Page Layout Basics

http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html

absolutely-positioned elements (AP elements)

Using and customizing CSS-based layouts

http://www.adobe.com/go/vid0155

CSS Zen Garden

http://www.csszengarden.com/

CSS Resource Guide

http://www.mezzoblue.com/zengarden/resources/

Zen Garden, the book

Estimating Your Time

http://www.sitepoint.com/blogs/2009/04/14/how-to-estimate-time-for-a-project/

• Identify Deliverables
• Break It Down
• Add It Up
• Things to Keep In Mind

Creating Templates

http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0157

There are editable regions AND

there are optional regions

that are shown by default or dumped

Using Templates

http://www.adobe.com/designcenter/video_workshop/index.html?id=vid0158

optional regions and attributes can be modified by choosing template properties