_week: 1 . 2 . 3 . 4 . 5 . 6 . 7 .

TOWSON: FALL 2017

Week #5

* Talk about "PROJECT #1"

examples :
Beatriz Martin Vidal
Chuck Close
Banksy

Class work:

*Review file management
- Talk about .pdf & .zip files, email.

Open up "Dreamweaver"
(Rollover Images)

*Try to add a link from your personal webpage to your "project #1" site*
examples: victoria | andrew | devon | nathan

---

CSS:

*CSS Opacity

styling links

View image gallery open "image_gallery.zip" (from last week).

---

More CSS (continued from week #4)

Center divs using CSS:

#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}

****changing the background with CSS

....... CSS3:

html{
height:100%;
overflow-y: scroll;
background: url(images/bg.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Google fonts
why not use "daFont.com" ?

ID vs. Classes
* htmldog.com
( review : reading materials )

* 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:

---

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

---

Homework :

Next week (Oct. 3), Tuesday :
- Project #1 should be completed
- Presentations

---