Lesson 6 - Dreamweaver, CSS and SSI overview
meet 9/24 attendance optional
homework due this week

I will review 4 conepts in this lesson
1. Dreamweaver basics.
2. Creating Pop out menus in Dreamweaver
3. Cascading Style Sheets
4. Server Side includes.

Since we are limited to a 2 hour lecture I will not provide extensive instruction but instead an overview of Dreamweaver and a review of CSS and SSI concepts covered in the HTML courses. The CD used for online students of CIS 58.51B can be used in the labs for a review of CSS and SSI.

After reviewing the class web pages you may also want to visit these web sites

DreamWeaver Links
site builder's Dreamweavers tutorials
cbt training - dreamweaver tutorials

CSS Links
Notes from instructor's CSS lecture
Web Reference Tutorial for Cascading Style Sheets
Mulders Style Sheet Tutorial
Cascading Style Sheets - the Definitive Guide Ch. 1 - from O'Reilly
HTML Goodies CSS Tutorial
Style Sheet Dependence - making sure your page works on older browsers
Additional resources contributed by Shenoa Lawrence
O'Reilly's "Top 10 CSS Authoring Tips"
CSS Properties
W3C's CSS Validation Service
CSS Property Index

SSI links
Notes from instructor's SSI lecture
Ada's Introduction to SSI
SSI Tutorial
BigNoseBird's Definitive SSI Guide
Sonic's SSI reference
List of SSI references
Matt's Random Image Generator CGI script (as demonstrated on video)

TO DO LIST

Project Managers- this week you can continue to work on the Web Proposal project. Meet to solidify the storyboard, work chart, timeline, production standards, and contract. Make sure the content developers understand the storyboard and will be able to create Web pages based on this document. Also make sure they have looked at client content and understand where stuff goes. If they are confused try and help. Answer any questions the designer may have about the template. Be supportive and encouraging, designers get anxious about their work. Pester the client about missing content.

Designers - Work on the mock up. Use client content such as photos or logos (hopefully the client has supplied these). If you want client input at this point, put a mock up on the web and ask them for an opinion, or meet with them in person and ask for input. If you have a free hand just design the mock up. Remember - I am happy to give input and your fellow designers will also offer feedback.

Programmer - Let's make some code. Create a simple script and use mock data to see if the script does what you want it to do. Feel free to run this script by the other programmers in class. Before you promise a script that will do certain things, make sure you have the skills to produce such a script.

Content Developers - Brush up on table code, review concepts of CSS and SSI as well as basic HTML code. Send notes to your team so you can get what you need for the list of deliverables. Also discuss the production standards with your team to make sure everyone is OK with what you are proposing. Place the shell site up on the Web and ask the client and the team to look it over.


Content for these teaching materials were developed by Linda Hemenway. If you have questions or comments on the material I can be contacted through
lhemenway@santarosa.edu
(707) 527-4855

Web site design by Jessica Hirsch - jessicahirsch@email.msn.com

Funding for these notes provided by Project FIVE and Project PICTS supervised by Doug Garrison - Dean of the Petaluma Center.

This course is a core requirement for several Web Development Certificates. Learn more at the Web Certification site.

The CIS Department offers courses in the following areas: computer basics, applications, graphics, web development, productivity, networking and programming. Visit the CIS Web site.
 
lessons | homework | syllabus | grades | links | examples | home

    1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18