CMST 385 Principles of Web Design and Technology

Syllabus
BLS jobs/wages

Coffeecup editor      tips

Intro web page      Lab: homepage      Misc Windows tricks
intro.txt      Generic CSS      Intro w/CSS     
showNestedBoxes CSS      reset CSS
Web page layers

Lab 2 Bistro Menu      bistro.txt      blackgoose.gif      menu.txt
Lab 3a      ex5-2_post.txt
Lab 3b      ex5-3_blog.txt
Lab 6b      lab6b.zip      glossary.html
Lab 7      tuscany.zip
Lab 11      twenties.html    twenties.gif
Lab 12      menu.html
Single pixels      RGB colors      Compare RGB colors      BMP JPEG PNG      Jpeg quality
Lab 13a      bistro13a.html
Lab 13b      lab13b_images.zip
bistroBoxed.html      bistroReset.html      box model demo
Lab 14      jenwareLab14images.zip      jenware.html
Special paragraph      id selectors and box properties
floats demo      Lab 15a      Lab 15b
Form example      Ice Cream Form
Multimedia Demo
Canvas Demo
START: starbuzz.txt      END: starbuzz.png      starbuzzHeader.gif      starbuzzBag.gif      starbuzzBackground.gif     

Lab 3      jprop.txt      jpslogo.png      mh.txt      mh.jpg      torte.txt      torte.png     
Default Euler      Boxed Euler      Reset Euler     
menu_summer5.html    bg_styles.css      Lab 4      jpropstyles.css      mhstyles.css      tortestyles.css     
MIME: View Page Info intro (no extension on file)      trees
telnet      putty.exe Save it and run it.     
Holiday Farm exercise      holidayFarm3-61.zip      This one is tougher: cycle4-77.zip     
mountainWheels3-63.zip
civilWar3-64.zip

OLD COURSE BELOW. IGNORE

Lab Tutorial 1      Lab Tutorial 1 Review      Lab Tutorial 1 Cases
Lab Tutorial 2      Lab Tutorial 2 Review      Lab Tutorial 2 Cases
Single pixels      RGB colors
Lab Tutorial 3      Lab Tutorial 3 Review      Lab Tutorial 3 Cases
Summer Menu      menu_summer5.html      menu_summer5.png     

JProp in your browser's default styles      in book's layout styles      box model      most styling removed     
Box test      Background image test      cabbage_A.jpg      pizzaslice.png      boxExamples.png
Special paragraph      id selectors and box properties

HTML 5 Layout templates
Liquid Fixed Elastic
Float 2 column liquid layout using float 3 column fixed layout using float
Absolute
2 column liquid layout using absolute positioning
3 column liquid layout using absolute positioning
3 column fixed layout using absolute positioning 2 column elastic layout using absolute positioning

Multimedia Demo
Form example      Ice Cream Form
Lab Tutorial 4 Cases

OLD COURSE BELOW. IGNORE

HTML tutorial (old, ignore)

Kadena net only: LWD zip      coffeecup editor (25MB)      Mac cleanup      Trim/Tidy

Intro web page      Intro validated      intro.txt
Lab: homepage

Generic XHTML web page      Generic XHTML web page with CSS      Generic CSS      invalid CSS examples for validator     

XHTML Strict      invalid XHTML examples

Chapter 6 exercise

Image floating      large JPEG      IrfanView setup.exe

Single pixels      Chapter 13 exercise      RGB colors      noise (animated gif background-image)

id selectors and box properties      Special paragraph      Div and span

floats      Chap. 15 a      Chap. 15 b

positioning      Chap. 15 c

liquid float    .CSS        frozen & jello float    .CSS        Absolute positioning    .CSS        3 column    .CSS

Layout templates
Liquid Fixed Elastic
Float 2 column liquid layout using float 3 column fixed layout using float
Absolute
2 column liquid layout using absolute positioning
3 column liquid layout using absolute positioning
3 column fixed layout using absolute positioning 2 column elastic layout using absolute positioning

Behavior layer examples
Form example      Ice Cream Form      Beans form

All assignments due