Welcome to COIN74A Dreamweaver CS4

DW Cover

Welcome to Web design using Dreamweaver CS4, Fall Qtr. 2010. This course will introduce you to using Dreamweaver to design basic websites. It is assumed that you have a working knowledge of HTML/XHTML, that you have designed a website and uploaded it, and have general awareness of web tools. This website contains the pages that you will access through ETUDES-NG. You may additionally navigate the course through this website, and quickly access the lectures for each week.

Please follow the instructions carefully. There are twelve assignments in this course, as described on the assignments page. All assignments must be submitted through ETUDES-NG as further described on the How to Submit Homework page. If you have not used ETUDES-NG please follow this tutorial before getting started. If you have questions, please email me, and always include COIN74A in the subject line of your correspondence.

Course information

Course summary - please review this before you start the course
Syllabus - course syllabus (pdf)
Grading - course grading
My Philosophy - description of teaching philosophy
Foothill Server (Unix) Account - instructions on how to configure your Foothill Unix account
Submitting Assignments - instructions on how to submit homework assignments
Assignments - summary description of each assignment
HW file - link to an organizing file for your homework
Final project - description of your final project
Code Reviews - process for code reviews of final project
Requirements - for your final project
Usability Tips - Tips from Adobe to make your website more useable
Textbook - recommended for this course

Assignments

Assignment one - Installing Dreamweaver, configuring your Unix account, posting an introduction
Assignment two - Creating and uploading your website
Assignment three - Dreamweaver workspace and adding text features to your site
Assignment four - CSS
Assignment five - Images, and using rollovers, image maps, and navigation bars
Assignment six - Tables, Templates, Libraries, and Snippets
Assignment seven - Flash Video, Simpleviewer, Google Web Elements, Story Board
Assignment eight - Forms
Assignment nine - Positioning, behaviors, SPRY
Assignment ten - Frames, iFrames, Gadgets and Widgets
Assignment eleven - XHTML, XML, RSS and XML sitemaps
Assignment twelve - Google webmaster tools
Final Project - Submission of a link to your final project

Outline of lessons

Lesson 1 - Getting started
Lesson 2 - Dreamweaver basics
Lesson 2 - Site definition
Lesson 2 - Site navigation
Lesson 2 - FTP part 1
Lesson 2 - FTP part 2
Lesson 3 - Dreamweaver workspace
Lesson 3 - Text formatting
Lesson 4 - CSS intro
Lesson 4 - CSS styles
Lesson 4 - CSS selectors
Lesson 5 - Images
Lesson 5 - Rollover images
Lesson 5 - Image maps
Lesson 5 - Navigation bar
Lesson 6 - Tables
Lesson 6 - Table Content and Hints
Lesson 6 - Templates
Lesson 6 - Libraries
Lesson 6 - Snippets
Lesson 7 - Flash video
Lesson 7 - Google Web Elements
Lesson 7 - SimpleViewer
Lesson 8 - Forms
Lesson 9 - AP Elements
Lesson 9 - Positioning
Lesson 9 - Behaviors
Lesson 9 - Spry Behaviors
Lesson 10 - Framesets
Lesson 10 - Frameset Tutorial
Lesson 10 - Inline Frames (iframes)
Lesson 10 - Gadgets and Widgets
Lesson 11 - XHTML
Lesson 11 - RDFa and Microformats
Lesson 11 - XML
Lesson 11 - RSS
Lesson 12 - Google Webmaster Tools
Lesson 12 - Marketing Tools and Analytics

Tutorials

Using ETUDES - a good tutorial to start using our course management system
CSS Tutorial - a great, up-to-date tutorial from w3schools
CSS Tutorial - in depth CSS tutorial
Tutorialized Dreamweaver tutorials - an excellent compendium of material to augment this course
Named Anchors Tutorial - a guide to creating named anchors in Dreamweaver
Adobe Video Tutorials on Dreamweaver CS4

Resources

Adobe Dreamweaver CS4 website: Download Trial Version
Dreamweaver CS4: The Missing Manual by David McFarland
CSS Mastery: Advanced Web Standards Solutions by Andy Budd, Simon Collison, Cameron Moll

Top