_design_for_the_WWW
_week: 1 . 2 . 3 . 4 . 5 . 6 . 7 . 8 . 9 . 10 . 11 . 12 . 13 .





TOWSON: FALL 2017


- Projects 1 & 2 should be uploaded

This week:

CSS positioning & other fun stuff
- what's a favicon?

Week #12


Yoga?

**Talk about Grades


Talk about "PROJECT #3"


* Branding, identity, & logo design

examples:
- christhurman.com
- studioix.com
- whirlpool.com
- student work






#vid{
margin-left:auto;
margin-right:auto;
text-align:center;
width:450px;
background-color:black;
}


more CSS Stuff:

<link href="365.css" rel="stylesheet" type="text/css" />
* using an external style sheet

w3schools.com/css/css_boxmodel
Margin -
Clears an area around the border. The margin does not have a background color, it is completely transparent
Border - A border that goes around the padding and content. The border is affected by the background color of the box
Padding - Clears an area around the content. The padding is affected by the background color of the box
Content - The content of the box, where text and images appear

(page layout)
htmldog.com/guides/cssadvanced/layout/


LAYERS WITH CSS

position:relative; top:-50; left:5; color:red; font-size:80px; z-index:2;
http://www.echoecho.com/csslayers.htm

Z-INDEX EXAMPLE

Z-Index example #2




some review...

CSS positioning & other fun stuff





Homework :


"Project #3" is due next class.