CAOT 112 - Introduction to Dreamweaver and Web Design - Instructor Jim Pickrell

This class will teach students to create web pages and sites using the Adobe Dreamweaver software version CS3.

Instructor: Jim Pickrell
Email: jimp@brandx.net

Class Meets in FH 208 from 6:50 to 9:15, from 2/6.The final is Wednesday June 4.
Alternate classroom: DH204 (has Photoshop).

Texts

Available at the LACC bookstore, Barnes and Nobles, Opamp Books in Hollywood, or at Amazon.com.:

Adobe Dreamweaver CS3 Classroom in a Book
This book gives step by step tutorials and has a CD.
Adobe Dreamweaver CS3 How-Tos - 100 Essential Techniques
Another tutorial book. This one is very handy because it shows you how to do many of the everyday tasks you need to do when working with Dreamweaver, such has how to import and export files.
Dreamweaver Quickstart Guide - Not officially our text, but very useful:
http://www.amazon.com/Dreamweaver-CS5-Windows-Macintosh-QuickStart/dp/032170357X/ref=sr_1_13?ie=UTF8&qid=1328581436&sr=8-13

Section 2:

Week 1 - Introducing Html

Week 2: More HTML

Week 3: Photoshop Introduction

Week 4: Getting started with Dreamweaver

Week 4: First tutorials from the book

Week 5: Layouts using DIVs

Week 6: Templates, Organizing your files, screen captures

Screen Capture
Any time you are creating documentation you will need screen captures. They are easy.
Organize your files on the server
Dreamweaver can be used to create folders and delete or move files around on the server.
Creating a template
Take your basic page layout and make it a template for your whole site.

Week 7: More divs, layouts, and graphics. Rollovers, image maps, and nested CSS rules.

Creating rollover text menu from a list using CSS
Spry Menus
Dreamweaver's system for making pulldown menus based on lists.
Listamatic:
Lots of information about lists and how to make them into menus. Dreamweaver is not required.
Creating menus with HV Menu

Week 8: Page Layouts

Div page layout example
Div page layout explained
Float Tutorial
Examples showing how "float" can be used to position elements in your page.
Quiz on HTML (review)
Last quarter we had a midterm

Week 9: Graphics

Week 10: Targetting CSS Rules

Week 11: Forms

Week 12: Get the final project started

Final Project Requirements
We have a list of things we need to include in the final project, including 8 pages, with template, menu, map, video and a form.
Final Project Tips
Some hints on how to attack this project to get full credit. Everyone wants a good grade. Here's how.
Sample Final Project Notes
This is the first stage of a sample final project, including 4 pages with template, menu, map, video and a form.
Sample Final Project
This is the sample project
Google Maps in your Website
Inserting Google maps by copying an embedded link into your page.

Week 13: Make sure the final project has everything that is required

Sample Final Project Notes (part 2)
We continue work on our sample project, bringing it to 8 pages and adding those elements that are missing.
Sample Final Project (part 2)
Here's the project we built.
Drawing Shiny Buttons with Photoshop

Week 14 Continue work on Final Project

Weeks 15 Work on Final Project

Final Project
These are the requirements for the final project to be turned in at the Final Exam.

Weeks 15-16

Practice Final Exam
Build a single web page to show that you understand the material of this class.
Final Exam (day class)
This project should be done in class in one hour and will test your ability to build a simple web page.
Date clarifications-The day class final is 5/30 from 12-2, but will probably go a bit later than that. The night class final is 6/4 from 7:30 to 9:30. I will be there from 6:50. The meeting place will be the original assigned room, in Franklin Hall #208.
For more information see http://lacitycollege.edu/Schedule/Spring/FinalExamsSp12.html. If there is any question, this document is the final word on time and place for the final.