Web Publishing II Exercise 4 University of Oregon Libraries

Web Publishing II
Exercise 4

Add a Little Style

  1. Paste the following into the Head of your HTML document:

    <style type="text/css"><!--
    
       body {
    
          background-color: #ffffff;
    
          color: #000000;
    
          font-family: Verdana,Arial,Helvetica,sans-serif;
    
       }
    
     
    
       a:link {
    
          color: #cc0000;
    
          font-weight: bold;
    
       }
    
    
       a:visited {
    
          color: #339999;
    
          font-weight: bold;
    
       }
    
    
       a:hover {
    
          background-color: #ffffcc;
    
       }
    
    
       h1 {
    
          border: 1px solid #339999;
    
          font-family: Georgia,'Times New Roman',Times,serif;
    
          font-size: 150%;
    
          text-align: center;
    
       }
    
    --></style>
  2. Save your file, then view it in your web browser.
  3. Edit the style sheet – try changing the colors, font sizes, and text alignments. Refer to the CSS Summary. Save your changes as you make them and view them in your web browser.
  4. Publish your page to the server, and test it in your browser.

You're done – return to the workshop outline.

Created by not on Jun 18, 2012 Last updated Jun 28, 2012