Add color to html template

you can colors using the color picker or by looking up the number of the color you created in photoshop. Iin this exercise I am using the color # from photoshop

  1. open index.html in dreamweaver
  2. look up the color # for the navbar in photoshop
  3. the color # for the navbar is #004a4a
  4. in the CSS Styles panel, double-click the ul.nav rule
  5. select the background category, add the color from photoshop (in my case #004a4a)
  6. in the CSS Styles panel, double-click the ul.nav a, ul.nav a:visited rule
  7. if necessary, select the type category, add a lighter or darker nuetral color (in my case I added #CCCCCC)
  8. select the background category, add the color from photoshop (in my case #004a4a)
  9. in the CSS Styles panel, double-click the ul.nav a:hover, ul.nav a:active, ul.nav a:focus rule
  10. select the background category, add the color from photoshop (in my case #004a4a)
  11. in the CSS Styles panel, double-click the container rule
  12. select the background category, add the color from photoshop (in my case #000001)
  13. File>Save

Previous Next