Dreamweaver
Web Pages are simply files Stored (saved) on a “web server” Written in a special “code” or language With a unique “web address”
Why Dreamweaver? Works (and looks) like Word Processing Translates file into “code” for you
Basic Concepts Sites Move files between Remote and Local LOCAL where you Create and Save your pages REMOTE on the web server where you Save and Publish your pages Move files between Remote and Local PUT: Local to Remote GET: Remote to Local
Mirror images Local Folder Remote folder When you change a file here Upload (PUT) it here
Site Structure Everything in Root folder “Top” page Automatically displayed Default Filename: index.html Image folder Subfolders for most sites
Planning a website Define Plan Who will maintain it? purpose audience content Plan How many pages? General design Color scheme Who will maintain it? Where will it be “hosted”?
Good Sites Consistent navigation Consistent “look” and “feel” Focus on audience’s needs Accurate information Updated as needed All Pages Contact information Date of last update
Web Standards Document Type: Transitional XHTML located in HEAD section <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Accessibility
Test a Site for Accessibility Cynthia: http://www.contentquality.com/ http://www.section508.info/ Color blindness http://www.etre.com/tools/colourblindsimulator/
Standard Maintenance Updating existing pages Creating New pages Deleting out-of-date pages Moving old pages to archive folder Updating links Test site
Define and NEW Site
Site Summary
Testing links Select Site, Check links sitewide
CREATE NEW HTML FILE
2) Save as index.html 3) Click upload 1) Type in something
TEST IT OUT Access http://www.lishkspace.net/student/XXX where XXX is your username See if you have successfully uploaded your html file to Internet
Link Summary WWW External (not to files in ROOT folder) Use complete URL Example: http://www.rice.edu WWW
Internal (to files in ROOT folder) Filename and path (if needed) Examples: lovett.jpg, image/acco.jpg