Week #5

1. Post a link to your homework page to the comments section of this todays page here, and make sure there are links to your homework for today which was..... a) a competitive analysis b) creative brief, c) adding rounder corners to some part of your bill of rights page



2. Initial Project Presentations
   
   



3. Live Text vs. Graphic Text




4. Foreground vs. Background Image




5. Discovery Phase: How to Write a Site Outline




6. How to write a project schedule




7. Background Images and Image Replacement examples
   
   
   
   • Tiled backgrounds exmaples
   
   
   • Background image positioning syntax examples
   
   
   • Rounded corners: fixed and flexible example of flexible corners
   
   
   • Image Replacement methods Example
   
   
   
   



8. Styling Lists and Links
   
   
   
   • Creating Buttons and Simple Rollovers using CSS (no javascript) example, another way to go
   
   
   • Visited-link styles some good ideas
   
   
   • Highlighting the current page in the nav bar
   
   
   • Creating a horizontal nav bar
   
   
   
   




9. Fun with background images
   
   
   
   • This site has good examples of many things that you can do with a background image.
     
   • lets play with background image position a little
   
   
   • How to do Rounded Corners
     
     • 
       My Bookmarks on corners
     
     
     • Lets try getting this to work in class
     
     
     • shadows on boxes -- we can look at the example on my site where this image gets inserted by this rule

       div.projectsimg {
       float:left;
       width:236px;
       height:79px;
       background-image:url(images/shadow.png);
       background-repeat:no-repeat;
       margin:0px 25px 10px 14px;
       padding:0px 0px 12px 12px;
       background-position:12px 3px;}
       

     
     
     
     
   
   
   
   
   
   



10. Now we will talk about how to do a Single-image menu roll over







11. Interaction
    Design | Interaction
    Patterns: Types of Navigation-- Horizontal Navigation, Vertical
    Navigation, Horizontal Global Navigation and Vertical Local Navigation,
    Tabbed Navigation, Drop-Down Navigation, Breadcrumb Navigation.


12. excellent resource




13. Design Patterns