Welcome to COIN74A Dreamweaver CS4
Welcome to Web design using Dreamweaver CS4, Summer 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 as summer is different from the rest of the year. There are six 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 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 and the Dreamweaver workspace
- Assignment three - Images, and using rollovers, image maps, text features, and CSS
- Assignment four - Tables, Templates, Libraries, Snippets, Flash video, and iframes
- Assignment five - Forms, AP Elements and Behaviors
- Assignment six - xhtml and XML
- Final Project - Submission of a link to your final project
- Extra Credit - SimpleViewer, frames, Google Gagdets, Webmaster tools
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 techniques
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