.art.365.

Week #5

* Talk about "PROJECT #1"

*Assign "PROJECT #2"

*Review file management

WWW : History

*Open "Dreamweaver"
(Rollover Images)

More CSS (continued from week #3)

* CSS styles can be applied to general page elements, CSS Classes, and specific items:

img { border: solid #000 10px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span>

#about { background-color: #ccc; }
This rule applies to just the specific element that has an ID value of about:

<div id="about"> About stuff goes here </div>

Example of good CSS positioning
Here's the CSS code
by Larry Ullman

One more example...

HTML div tags:

<div id="title"> Title </div>
<div id="other"> most of stuff </div>
<div id="scroller">--scrolling div section-----------</div>

CSS:

#title{
background-color:#000;
color:#FFF;
top:0px;
height:50px;
left:0px;
width:100%;
}
#other{
top:70px;
background-color:#FFF;
color:#999;
width:500px;
}
#scroller{
padding-left:10px;
background-color:#000;
color:#FFF;
width:100px;
height:50px;
overflow:scroll;
}

Homework :

- Project #1 should be completed

- Project #2 is due during Week #8, it should be started by Week #7