Dreamweaver Week 1 hélène kay

1. Dreamweaver Week 1 hélène kay

2. Week 1 Outline 1 - course, instructor 2 - policies at Bell Centre 3 - curriculum and assignments 4 - general admin

3. 1 - Course, instructor CG-230 Dreamweaver previously graphic designer, then web architect for Compaq Canada now a web consultant with WebDiva Consultants email: hk@webdiva.bz • will devote 1.5 hours weekly on Mondays • will respond by Tuesdays • absolutely no attachments

4. 2 - Policies at Bell Centre if you have a problem with your computer, • enter “help” in browser • call reports - dept is CE- location is 145- system name is on monitor assignments will be copied onto zip cartridge in class so please scan for viruses! temporary computer space printing • b&w is free • colour is $1.05/page select Fiery_900-950-hold@global servers

5. 2 - Policies at Bell Centre (cont’d) lab hours • sign in after 10:00 p.m.weekdays • weekends 9 - 5 dropping the course • third class • thereafter, no refund class format • 10 - 15 minute break approx. 8:20 p.m. • will aim for practice time at end of class

6. 3 - Class curriculum and assignments weekly agenda outlined at http://nmpt.thecentre.centennialcollege.caname: cg-230 password: belize powerpoint docs can be downloaded from http://www.webdiva.bz, select Services>Training (http://www.webdiva.bz/services/training.htm) three assignments • due week 4 (worth 30 marks) – non-framed site • due week 6 (worth 35 marks) – framed site • due week 8 (worth 35 marks) – DHTML site assignments • please run a virus scan! • will be copied onto a zip cartride in class • please ensure you use file extensions for PC compatibility

7. 4 - General admin naming conventions • host server’s default home page convention • asp vs stm vs htm • “underscore” folder to ensure easy retrieval in directory • reduce, recycle, reuse! - images, scripts, etc. • no funky characters in filename or folder name except hyphen or underscore site layout and organization • operating structure - organized and intuitive • use the storyboarding technique where storyboarding is a small sketch that represents every page in a site; like a flowchart, a storyboard shows the relationship of each page to the other pages in the website and are very helpful in the planning phase because they allow you to visualize how each page in the site is linked to others

8. 4 - General admin (cont’d) site layout and organization (cont’d) Index Page Services Products Travel Newsletter Clothing Accessories

9. 4 - General admin (cont’d) site layout and organization (cont’d) • secure environment - firewall, secure server, development and production servers • site requirements - CGI scripts, ecommerce, advanced search, listserv subscription, database-driven (dynamic or CMS – Content Management System) vs. static content (see http://hotwired.lycos.com/webmonkey/99/33/index4a_page3.html) • user profiling - cookies, user permissions • browser/platform compatibility, plugin & dowld restrictions • latest worldwide stats on browser wars (echoecho.com): • 46% Internet Explorer 5 • 45% Internet Explorer 6 • 2% Netscape Navigator 4 • 2% Internet Explorer 4 • 1% Netscape engine (AOL, Modzilla) • <1% Netscape 6 • <1 Other • .7% Opera (but they doubled their market share in the past year alone so watch out for them!)

10. 4 - General admin (cont’d) site layout and organization (cont’d) • latest worldwide stats on screen res (echoecho.com): • 49% 800 x 600 • 38% 1024 x 768 • 04% 1280 x 1024 • 03% 1152 x 864 • 02% 640 x 480 • <1% 1600 x 1200 • latest worldwide stats on platforms (echoecho.com): • 49% Win98 • 24% Win2000 • 13% WinME • 04% WinNT • 03% Win95 • 02% Mac • <1% Linux • <1% UNIX • <1% Win3.x

11. 4 - General admin (cont’d) site layout and organization (cont’d) • if working on a web production team • use DW’s check-in/out feature • version protection strongly advised (ex: MS VSS or CVS) • use DW’s design notes to communicate with team • technical • back up!! • anti-virus software • disaster recovery plan • plan ahead (ex: virtual includes) • ecommerce is all about customer sat - enhance shopping experience, combat online fraud, better handle returns • online retail spending hit $40.2 billion in the US in 2002 (1.4% of the $3.16 trillion retail industry)and is expected to continue to climb steadily (Jupiter Media Metrix, April 2003) • the consumer has become more comfortable with shopping online and the big credit card companies have introduced zero liability for greater consumer comfort

12. 4 - General admin (cont’d) site layout and organization (cont’d) • ecommerce (cont’d) • online shopping is more intuitive and just easier to do than it used to be • while online shopping rated favorably with a majority of holiday shoppers in December 2002, overall satisfaction is down when compared with last year; the conclusion is that online consumer expectations are continuing to rise as users become more web savvy; elements tested included look and feel, navigation elements, performance, privacy features, order processesand the retailers' return policies (IDG News Service, Dec. 2002) DTD’s (document type declarations) • ecommerce (cont’d) • document type declaration should appear at the very top of each html doc • when a correct DTD is found, modern browsers switch into “Standards” mode for better interpretation of CSS • if an incomplete DTD is found, modern browsers switch into “Quirks” mode • XHMTL-compatible docs in DW

13. 4 - General admin (cont’d) Photoshop tutorial http://hotwired.lycos.com/webmonkey/design/graphics/tutorials/tutorial1.html gif vs jpg • illustration vs photograph • reduce recycle reuse • Fireworks-produced gif does not display in Netscape 4.x when used as a background image for a table Dreamweaver site definition • always use the Site Files window to delete images and files site map view resources • http://www.thecentre.centennialcollege.ca/manuals/cg-230/user name: cg-230 password: black8resources