The Web classes utilize electronic distrbution of information via email and the Grc website.
Students will receive handouts through links on this page, which they can then print or save electronically.                       

all of the computers in class have Acrobat Reader ® installed. This is a free software from Adobe. You may need to install this on your computer at home in order to read pdf (portable document format) class handouts.Click the logo to open the Adobe site in a new browser window.

 email to Craig Polanowski

click here for class outline

file naming conventions (pdf format)

Biography page assignment/set up your site folder. Note: all project work will be posted to your folder at the web site. Make a link from your bio page to the project. I will view the project online, and then email you a grade and comments. Save the email as a receipt for the project.

FTP handout for grc site.

class links page

group list

webzine assignment page / link to webzine index page

CSS fun begins! Re-create your biography page, including the photo, using a css driven table page. Use an external style sheet. Replace the original page at your site.
Click here for my example page. Be sure to view the source code and notice that everything, including link colors, is contained in the external style sheet.
You have one class period to complete this assignment, worth a possible ten points.

Click here to see the css layers sample (css-p) demo from class. Click here for the stylesheet.
The horizontal slider in the text layer is set to be hidden. This feature doesn't work in Firefox, but it is working in Internet Explorer. Secret code compliments of Angel Medina

Css-P assignment. Create a page that simulates three frames but uses css-p. Make a top, side, and main "window". You have two class periods to complete this project, worth ten points. Click here for an example.

Here's a tip from Jason Ritchie..Remember to zero out the margins on the page properties in Dreamweaver. Just right-click the document and type a zero in all of the margin settings. It does make a difference.

Handout on how to set up the layers using CSS. (pdf file)

Handout on how to set up "show text of layers" in Dreamweaver (pdf file)
Example of cssp layers page using set text of layers for the first "link".

Multiple Design assignment. Create a web page and separate the content from the design using CSS or CSS-P. Now, make four completely different pages by changing the style sheet.
The body text remains the same on each of the four different versions of the page. Showcase your design talents by bringing art, color, images, and form into the project. Use
http://www.csszengarden.com as your inspiration. What a great way to show a client your capabilities in creating web pages! This project will be shown in class on March 9, and is worth 20 possible points.

Extra Credit opportunity (challenge)
You probably know a lot more about coding than I ever will. See if you can provide the code that allows switching style sheets for a page in the browser. Make the page respond like it does at the zengarden site. This would be a great tool for showcasing designs to a potential client. This challenge is worth 10 extra points if you can do it.

Solutions: Carl Costales presents a PHP version to this challenge. This is a link for his sample. Here is a link for the code. Josh Bird offers the Javascript solution to the problem. This is a link for his sample. Here is a link for the code. Thank you to both of these guys for solving the puzzle for all of us !

Click this link (or right-click to download a copy) to see a pdf file explaining the code used in the PHP file. You need to save your Dreamweaver page as PHP. This page sets a variable in the head statement, so you can call a .css file into use...rather than just applying a .css style to the page once. The links target different .css pages to be loaded into the variable.
NOTE: you need to upload your .php file and the associated .css files to a server that is php enabled (my server supports it) in order to see this work. You cannot preview locally.