Course Outline (GDT 150)

Course Outline (10 wk)
GDT 150
Days: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20
Requirements for Final Project

Day One (May 8) top	COURSE INFORMATION -Everyone 'activate account' if not activated -Collect all unique names if not on class list Course design: 2/3 scheduled, 1/3 tailored student input: special areas final site due on day 30 Survey Advantages of Web over print DUE: Using the Browser EXERCISE: Web site critique of favorite sites using screenshots (cmd, shift, 4) ASSIGNMENTS: Web site critique of favorite sites Activate student account before next class Bring zip disk to next class
Day Two (May 10) top	DUE: Web site critique of favorite sites confirm class list DEMO/ EXERCISE: Building and posting your Course Work page DEMO: Class folders, network transport Work period protocol: "CTDATE" defining (and redefining) a site and index page folder organization methods (mirror web space, resources folder, naming rules) ASSIGNMENTS: Get very familiar with posting Reading questions Site definition and planning proposal
Day Three (May 15) top	DUE: Reading questions (posted by 9am) Site definition and planning proposal (posted by 9am) confirm all students' login names confirm all students' GDT accounts (go to Course Work page, 'Check Grades') REVIEW: Web page features & related considerations (quiz on day four) DEMO: posting from home PRESENTATION: Dreamweaver overview program interface defining a site creating a site map CLASS WORK: Final site map See prototype assn. (day four) ASSIGNMENTS: Final site map (posted by day four) Familiarize yourself with linking from index and re-posting Begin gathering text and images for final site Web Style Guide, Chapter 1: Process
Day Four (May 17) top	DUE: Final site map (posted by 9 am) EXERCISE: Formatting text Standard formatting & internal & external style sheets EXERCISE: formatting using style sheets (above) QUIZ: Web page features & considerations, basic HTML, reading DEMO: Building a prototype using Dreamweaver's site map feature Frames or no frames Frames EXERCISE: Creating a small frames site ASSIGNMENTS: Web Style Guide, Chapter 2: Interface Design Building a prototype using Dreamweaver's site map feature Review and practice defining a site: Tutorial Review and practice posting new material, linked from Course Work page
Day Five (May 22) top	DUE: Building a prototype using Dreamweaver's site map feature PRESENTATION: Site architecture Free Custom Graphics DEMO: Creating and defining the final project site (see step-by-step tutorial) Class feedback Using a browser and Dreamweaver to dissect a Web page EXERCISE: Using a table to format a Web page
Day Six (May 24) top	DEMO: Web images Resizing an image DEMO: Navigation buttons Rollover examples All create `resources` & `final` folders (w/ index pg. in final folder) EXERCISE: Creating a simple rollover with Javascript EXERCISE: Creating rollover states in Photoshop: Written steps Screenshots Using Dreamweaver to create rollover Javascript CLASSWORK: Begin home page design Include hidden rollover second states ASSIGNMENTS: Web Style Guide, Chapter 3: Site Design Home page design posted (& site theme developed) by day seven
Day Seven (May 31) top	DUE: Home page design (image) PRESENTATION: Various methods for creating Web pages DEMOS: (see DEMOpublic_html) Traditional method using inserted table Slicing page image & creating html document (a walk through) Tracing image method for page design DEMO: Slicing page image method EXERCISE: Tracing image method (layers to tables) CLASS WORK: Create all other pages for final site (see prototype for final: day 12) Create home page for final site Using traditional, tracing or slicing method Create home page navigation graphics (if not included in home page design) ASSIGNMENTS: Review Web Style Guide, Chapter 3: Site Design (Quiz day 8) Working home page (html document with links and rollovers) Keep unmerged Photoshop file version
Day Eight (June 5) top	DUE: Working home page Text and images for site collected (on disk) Overview/ Review QUIZ: Reading (Ch 2 & 3), class material PRESENTATION: Faster loading buttons (small rollover areas) in Image Ready DEMO: Creating a template ASSIGNMENT: ARTICLE: Foundations of Web Design: Lesson 1 "Peel away the flash and hype surrounding the Web, and you'll find the beauty and elegance of an inclusive electronic publishing system." Web Style Guide, Chapter 4: Page Design Add content to home page and other pages Gather text and images for site (on disk in 'resources' folder)
Day Nine (June 7) top	CLASSWORK: Create a template page for other pages in final site (see Web page requirements) Including footer, header and navigation graphics (buttons) Other options DEMO: Transparent gifs & defringing images Window Manipulation in JavaScript ASSIGNMENTS: Web Style Guide, Chapter 5: Typography Final site work: Create a template page for other pages in final site Gather text and images (on disk in 'resources' folder)
Day Ten (June 12) top	DUE: Create a template page for other pages in final site (see Web page requirements) Including footer, header and navigation graphics (buttons) REVIEW: Making rollover states in Photoshop DEMO: More complex rollovers DUE: HTML tables exercise (in class) (n) Survey: General interest topics (related to final site) CLASS WORK: Final site work: add content, format text, refine templates, alt tags (see prototype below) Next options ASSIGNMENTS: ARTICLE: Foundations of Web Design: Lesson 2 Web Style Guide, Chapter 6: Editorial Style All text and images for final site on disk by next class
Day Eleven (June 14) top	DUE: All text and images for final site on disk Some table problems PRESENTATION: Final site prototype posted and linked from `Coursework` page Site Development Concerns Details Wrap image in text ALT tags Image size attributes (if coding by hand) Images as links Anchors for long pages Optimizing images (unsliced, individual images) Image Ready (droplets) Photoshop ('Save for Web') Thumbnail Gallery feature in Photoshop CLASS WORK: Final site prototype (see below) Next options ASSIGNMENTS: ARTICLE: Foundations of Web Design: Lesson 3 Final site prototype of final site posted and linked from `Coursework` page (due next class) Web Style Guide, Chapter 7: Web Graphics complete final site navigation graphics Web safe colors, GIF images
Day Twelve (June 19) top	DUE: Final site prototype posted and linked from `Course Work` page DEMO: Checking for broken links and orphaned files Browser safe colors DEMO: Forms DEMO: Steps to creating a form in Dreamweaver EXERCISE: Forms exercise (check off) CLASSWORK: Check final site for broken links and orphaned files Next options CLASS WORK Final site work ASSIGNMENTS: All images optimized and posted on site (include ALT tags) Read Web Monkey article on browser safe colors
Day Thirteen (June 21) top	READ: Jerry West Article REVIEW: Grading criteria for final site PRESENTATION: Preparing `gifs` for Web (without Image Ready) (p.116 in Web Style Guide) META tags DEMO: Processing forms with CGI CLASS WORK: DUE: Forms exercise (check off) Create operable form (check off) Final site work Other options ASSIGNMENT: Forms exercise posted in your Web space -on Course Work page: link from"Forms exercise"
Day Fourteen (June 26) top	DUE: Forms exercise Cross browser/ platform/ monitor compatibility Cross browser compatibility exercise Animating with DHTML CLASS WORK: DHTML animation exercise Cross browser compatibility exercise Final site construction (add all text, alt tags) Next options ASSIGNMENTS: DHTML animation exercise Final site must be cross-browser compatible Final site must be non-Javascript browser friendly
Day Fifteen (June 28) top	DUE: DHTML animation exercise Page design exercise Page design solution Image maps QUIZ: Reading (Ch. 4-7), class lecture ASSIGNMENT: Page design exercise Make page design cross-compatible (IE and Netscape on Mac) Final site work
Day Sixteen (July 3) top	PRESENTATION: Repurposing a printed document for the Web Browser chart Javascript redirection code CLASS WORK: Repurposing exercise Final site work Next options ASSIGNMENT: Web Style Guide, Chapter 8: Multimedia Repurposing a printed document exercise
Day Seventeen (July 5) top	Web editors: table code error Diagnosing your Web pages Optimization exercise CLASS WORK: Repurposing exercise (due day eighteen) Optimization exercise Final site work Next options ASSIGNMENT: Optimization exercise (due day nineteen) Final Site ready by July 17 (see Grading criteria for final site)
Day Eighteen (July 10)	DUE: Repurposing a printed document DEMO: Gif Animation EXERCISE: Animation concept exercise (xtra) PRESENTATION: Vector and bitmap images 3D, non-dithering gif buttons Opening a new browser window Privacy and terms of use statements CLASS WORK: Optimization exercise Gif Animation Final site work ASSIGNMENT: Optimization exercise Gif Animation
Day Nineteen (July 12) top	DUE: Optimization exercise Animation concept exercise (xtra) Optimization results (n) Site improvement exercise (xtra) Site improvement (class participation ex.) Other solutions to site improvement assignment CLASS WORK: Site improvement exercise Final site work ASSIGNMENT: ARTICLE: Intellectual property issues for Web Final Site due next class See presentation
Day Twenty (July 17) top	DUE: Finished site (drop `public_html` folders in my VAT file) naming: "smith_yes" Site improvement exercise Optimization results (n) Site improvement exercise answers (n) Setting up a domain name Web site Cross-platform font test Discount software Finished site Walk through site Things that succeeded Things that didn't work Topic covered in term that you found most relevant to your career Topic covered in term that you are least likely to use later