Zen Garden CSS Project

(25 Points)

 

 

Objective: To learn how to create a Cascading Style Sheet (CSS) and incorporate it into your web page using Dreamweaver.

 

You will first create a CSS page using the code from the ÒCSS code pageÓ linked to this document. This is a simple copy and paste exercise, you will copy the CSS code from the following CSS page:

 

CSS Code Page

 

Save your CSS file as Òzengarden_sample.cssÓ and transfer this file to the Potomac server in the project folder of your choice (i.e.ftp://potomac.aacc.edu/04/proj04/zengarden_sample.css ).

If this file is not on your server then it will not be seen by your newly created code.

 

Launch Dreamweaver. Using Dreaweaver, open either your Bio or your Pizza web page. Click on the Dreamweaver html editor tab, go to the top of the page and add the following code (be sure to referr to the appropriate project folders) in between and at the bottom of your Ò<head></head>Ó commands:

 

<link href="http://potomac.aacc.edu/04/proj04/zengarden_sample.css"rel="stylesheet" type="text/css"/>

 

Please note: when using the code listed above you must use an accurate path with the exact id and folder numbers.

 

Save your changes then transfer your Bio page to your project folder folder on the Potomac server.

 

Open your Bio or Pizza page using your browser (Internet Explorer or Fire Fox). Send me the link. If any, what changes have you noticed? List a few of the codes that caused the changes to your Bio or Pizza page.