Art 301 Week 3 HW – DUE TUESDAY

1. Draw div wireframe around a screen shot of a website – 1 is already done. You get to choose a second website.
   SAMPLE SITE 1 – https://csun.enculture.com/week-8a/
2. Write in HTML only the <div> structure and name them accordingly using classes(period .)  and ID’s (hashtags #)
3. Save in Week 4 Tuesday Folder with the jpg of the wireframe and an HTML document with the div structure

PDFS of Diagrams:
css diagram
div structure diagram

Video from Today on VIMEO

OTHER NOTES FROM CLASS:

Week 3 Recap:

HTML

nesting tags

h1 – h6

p

table

a href

in line styles

img

IMAGES

jpg, gif, png

LISTS

ol and ul

li

TABLE

Cells

padding

spacing

borders

CSS:

Cascading Style Sheets

inline > embedded > attached

SELECTOR:

ID # – only appears once on html doc

CLASS . – be used multiple times

TAG – vary

h1

.header h1

a:link

#footer a:link

p {

property: value;

property: value;

property: value;

}