_week : 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14

Week #11

DESIGN FOR THE WWW
ART 365 - 002
SPRING 2019
Tuesday, 2:00pm - 5:50pm
CA 4030
Instructor : Ryan Smith

webpage: ryanSmithArt.com/courses/2019

---

Talk about:
your class web page
If you haven't already...
add link from your class web page, to your "Project A" & "Project B"

"project_a"

&

"project_b"

---

**Talk about Grades
- site structure and a wire frames

---

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

- "project_c"

Instax Photo | socks | PIXI soap | Fidget Spinner

---

* Branding, identity, & logo design

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

---

some review...

CSS positioning & other fun stuff

---

Homework :

Get started on

"project_c"

This week:

- come up with an idea

**draw site structure and wire frames
- start designing and building an informative website based on your research.
(background, typefaces, font colors, etc.)

** make or get:
- high resolution images, photos, illustrations, charts, graphs, and/or a logo.
And, you could make or get a video or two.

---

---