Review HW – Problems only. We will not be reviewing individual HW today.
Spanning columns and rows
Oldies but goodies
List positioning and shorthand
Even the Cursor can change
z-index, and some examples of opacity, z-index and lists in drop down menus
Review 6, 14, 15
Practice- create tables and try all the attributes in Ch. 6
Practice styling Forms
Practice modifying Cursors
Practice opacity, Z-index, drop down menu using lists.
Read Chapter: 5, 16
CSS Box model Attributes
I need order.
Just bullet points.
Hover and Focus
Need to float
Review 3, 12
Practice text attributes in CSS. In particular, I want to see the @font-face
Create a 3 column web page using CSS
Read Chapter 6, 14, 15
Review HW from our last class
External CSS. Here is how
Class, ID and Grouping
Review 10, 13
Read Chapter 3, 10
Create Interface Design, Present next week as a JPG.
CSS: build on last week’s HW. Play with CSS rules and box model attributes.
Review HW: Talk about your Final (proposal emailed to me)
Review Site maps and wireframes.
Add more structural and semantic HTML to your pages (I will review. Email to me)
Software development prototypes (built in HTML)
INTERFACE ON THE WEB:
Virtual Space is as old as art.
Stats for size
Stats for Browser
HTML is depends on file structure
HTML is depends on file paths
Ch4 – Summary
Meta basics – Here are EXAMPLES
Meta from Google
Special Characters, Escape
INTRO TO CSS:
Review 4, 8
Read: Chapter 10, 13
Revise IA and Wireframes based on feedback
Build out your Site prototype using your final wire frames.
Create your own mini web site (at least 3 pages), using css to complete the following on each page:
1. place background image,
2. Use the “box model”
3. Use pseudo classes
4. Include Declaration and metatags (refresh and redirect)