Site Map

R. Craig Collins > Web Page Design> Site Map

•Overview 1 email craig.collins@templejc.edu collins@dcccd.edu R. Craig Collins' Vitæ/Résumé R. Craig Collins' Office Hours/Map •Orientation •the FAQ •using D2L •Syllabus and the Syllabus appendix (pdf) •Using TC Web Mail •Lab Procedures	•Overview 2 •Netiquette •Timeline •©opyright •Searching the web •What is the Internet? •How does TCP-IP work? •Instructor notes on Tutorial (just session 1.1) •Your first web page video of first web page • Checking for HMTL errors
•Overview 3 • HTML Tags • Instructor notes on Tutorial (beginning 1.2) • coding and testing Lab 1 • Making chem.htm, if you don't yet have a book • Checking for HMTL errors	•Overview 4 • Templates and Links • Bookmark example • Instructor notes on Tutorial 2 • Lab 2 Sample (zip) step by step video • Checking for HMTL errors
•Overview 5 • Folders and Paths • Instructor notes on Tutorial 2 (remainder) • class pics Lab 3 video • Review for Test 1 • How to Study for a test • Checking for HMTL errors	•Overview 6 • Colors • Numbers Couting video Start Calc video Use Calc video • Instructor notes on Tutorial 3 •Activities •Notes on taking tests •Take Test 1 in D2L • Calculate your current GPA, if you like
•Overview 7 • Instructor notes on Tutorial 3 (remainder) • Graphics • HTML <Font> tag • Animation with links to using Paint Comparing XP/Vista Paint to WIndows 7 Paint • Creating your own background • Free background images • Video on creating animations/backgrounds • Editing Digital Images • Using Photoshop • Video on Photoshop basics • Video on editing images with Photoshop • Using GIMP • Video on editing images with GIMP • Bandwidth • Compression • Optimizing • Checking for HMTL errors	•Overview 8 •Tables • Simple Table Template •Instructor notes on Tutorial 4 • Watch a Shockwave Movie on making Tables Review • Spelling Résumé • Lab 1 to make lists • Instructor notes on lists •Lab 5 Make backgrounds Free background images • My "Résumé" • Checking for HMTL errors • Complex Template with Table • Lab 5 Design Cheat Sheet (pdf) • Test 2 Review
•Overview 9 • W3C HTML Web site • List of Tags (Elements) • List of Attributes • More Advanced Formatting • More Complex Tables • Tips for using NVu • Intro to Dreamweaver • Editor: NVu, with Shockwave Movie • Editor: Dreamweaver CS, w/ Shockwave Movie • Editor: Dreamweaver MX, w/ Shockwave Movie • Using Editors to create Image Maps • Lab 6 • Take Test 2 • Notes on taking tests • Checking for HMTL errors	•Overview 10 • Instructors notes on Tutorial 5 • Frame doctype and meta tags • Frames • Sample Frame Page • Frame templates • Lab 7 • Checking for HMTL errors
•Overview 11 • Instructor notes on Tutorial 6 • Forms • Form Example • Lab 8 • Checking for HMTL errors	•Overview 12 •Review • Instructors notes on Tutorial 2 (ftp section) • Formatting with Styles • Styles • Brief Instructors notes on Tutorial 7 • Ftp • Ftp for the lab • Ftp w/ Windows Internet Explorer • Ftp w/ wsftp • Lab 9
•Overview 13 • Review • Styles • Brief Instructors notes on Tutorial 7 • Cascading Style Sheets • Discuss New Web Topics • Are you posting to a private UNIX server? • Begin lab 10 • Web Page Design Tips	•Overview 14 • Catch Up • Discuss New Web Topics • Test 3 Review • Continued Lab 10
•Overview 15 • Notes on taking tests • Test 3 • Complete Lab 10 • Course Evaluation	•Overview 16 • Notes on taking tests • Final Exam