Category Archives: CE

CE 2411 06: TABLES AND LAYOUT – 07/14/14

INTRO:
Review HW – Problems only. We will not be reviewing individual HW today.

READING:
Basic structure
Headings
Spanning columns and rows
Long Tables
Oldies but goodies
Ch. 14
List styles
List images
List positioning and shorthand
Table Properties
Even the Cursor can change
Ch 15
960.gs
z-index, and some examples of opacity, z-index and lists in drop down menus
3 columns

ASSIGNMENT:
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

CE 2411 05: LISTS – 07/07/14

INTRO:
Review HW
Interface Design
CSS Box model Attributes

READING:
I need order.
Just bullet points.
For definitions
Nesting (sub-lists)
Text
typeface terminology
Standard fonts
Font Stacks
Font Size
@font-face
Font weight
Font style
Drop shadow
Hover and Focus
3COLS
Need to float
Read me
Example

ASSIGNMENT:
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

CE 2411 03: Links, Extra Markup/Into to CSS – 06/16/14

INTRO:
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)

PROTOTYPING:
Examples
Software development prototypes (built in HTML)
The interface

INTERFACE ON THE WEB:
Virtual Space is as old as art.
Stats for size
960 Grid
t960 upgrade
Stats for Browser

READING:
HTML is depends on file structure
HTML is depends on file paths
Examples,
Ch4 – Summary
Chapter 8
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Example
Ch8, Summary

INTRO TO CSS:
CSS Intro
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class

Assignment:
Review 4, 8
Read: Chapter 10, 13
Revise IA and Wireframes based on feedback
Build out your Site prototype using your final wire frames.
CSS:
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)