Senior Project

1
Senior Project

• AUDRA TRITCHLERS

2
My Project

• Learn HTML CSS
• Design and build a website for the Napa County
  Historical Society

3
First Layout Sketch
4
Second Layout Sketch
5
Original Color Scheme

• Navigation Background Color 557799
• Navigation Text Color White ?

• Content Background Color 99BBDD
• Content Text Color 222244 ?

6
New Design
7
Logo Banner Mini-Project
2.
1.
3.

• Original Logo
• Logo /w Background Removed Using Magic Wand
  Tool
• Logo /w Background Removed by Hand

8
Practice HTML Page

• lthtmlgt
• ltheadgt
• lttitlegtNapa County Historical Society lt/titlegt
• ltbody backgroundbackground.jpg"
  bgcolor"FFFFFF" link"000000" text"000000"
  vlink" afafaf " alink000000"gt
• lttable border"0" width"730" cellpadding"0"
  cellspacing"0"gt
• lttrgtlttdgt
• The actual page text and graphics are found
  inside here.
• lt/tdgtlt/trgt
• lt/tablegt
• lt/divgt
• lt/headgt
• lt/htmlgt

9
CSS Page

• body
• background FFFFFF
• url (background.jpg)
• repeat-x scroll
• color 000000
• p
• text-indent 3em
• font-family 'Times New Roman', serif
• font-size 16pt
• color black
• h1
• font-family 'Cambria', ''Times New Roman',
  serif
• color 5a0000

10
CSS Page
a. color5a0000 a.link text decoration
none color 5a0000 a.visited text
decoration none color 333333 a.hover
text decoration underline color
5a0000
a.active text decoration underline color
5a0000
11
Questions?