ryanSmithART.com/courses/388/2014


- week 4 -

- MONDAY -
*Check Homework
ask about "Project A"

Student presentations Wed, Sep. 17 & the 24th ????

* Let's continue building a website

.gif vs. .jpg

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

img { border: 0px; }
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>



* changing the background with CSS

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

div tags:
<div id="title"> week 4 </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;
}








- WEDNESDAY -

Continue : More CSS Positioning & other fun stuff
by rS

Continue working with Dreamweaver
- rollover images


HOME WORK
- make your webpages look better for "Project A"
- finish the site

"Project A" is due Wednesday, September 24th

what you will turn in on the due date:

1) Have your site uploaded to a server before class

2) You will turn in a directory with:
- all images used in the site
- all the .html pages
- and CSS should be turned in
(I will copy them to an external harddrive, so be prepared)

3) You will present your work to the rest of the class