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? • •Your first web page video of first web page • Checking for HMTL errors
•Overview 3 • HTML Tags • • 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 • • Lab 2 Sample (zip) step by step video • Checking for HMTL errors
•Overview 5 • Folders and Paths • • class pics Lab 3 video • Review for Test 1 • How to Study for a test • Checking for HMTL errors	•Overview 6 • Colors • Numbers Counting video Start Calc video Use Calc video • •Activities •Notes on taking tests •Take Test 1 in D2L • Calculate your current GPA, if you like
•Overview 7 • • 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 • Video on all steps in Lab 4 • Checking for HMTL errors	•Overview 8 •Tables • Simple Table Template • • Watch a Shockwave Movie on making Tables Review • Spelling Résumé • Lab 1 to make lists • •Lab 5 Make backgrounds Free background images • My "Résumé" • Checking for HMTL errors • Complex Template with Table • • 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 • • Checking for HMTL errors	•Overview 10 • • Frame doctype and meta tags • Frames • Sample Frame Page • Frame templates • Lab 7 • Checking for HMTL errors
•Overview 11 • • Forms • Form Example • Lab8 • Checking for HMTL errors	•Overview 12 •Review • • Formatting with Styles • Styles • • Ftp • Ftp for the lab • Ftp w/ Windows Internet Explorer • Ftp w/ wsftp • ftp using Windows Explorer or Filezilla Shockwave Movie • Lab 9
•Overview 13 • Review • Styles • • 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