o notice width80 p Text aligncenter c Write the CSS to configure a class that

O notice width80 p text aligncenter c write the css

This preview shows page 5 - 7 out of 7 pages.

o. #notice { width:80%; p. Text-align:center; } c. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. q. .headline { border-bottom:2px dotted #000000;} d. Write the CSS to configure an h1 element selector with drop-shadow text, a 50% transparent background color, and sans-serif font that is 4em in size. r. H1 {text-shadow: 10px 10px 5px #000000; s. Opacity: 0.5; t. Font family: sans-serif; u. Font-size: 4em;} e. Write the CSS to configure an id named feature with small, red, Arial font; a white background; a width of 80%; and a drop shadow. v. #feature { font-size: small; w. Color: #ff0000; x. Font- family: Arial; y. Background-color:#ffffff; z. Width:80%
Image of page 5
aa. Box-shadow ab. Website Case Study ac. ad. Fish Creek Animal Hospital ae. af. Using the exiting website as a starting point, you will modify the design of the pages and create a new page, the Ask the Vet page. You have four tasks in this case study: 1. Modify the Home page to display a logo image and navigation image links. 2. Modify the Services page to be consistent with the Home page. 3. Create a new Ask the Vet page. 4. Modify the style rule in the fishcreek.css file as needed. ag. ah. Task 1: The Home Page. Launch a text editor, and open the index.html file. 1. Replace the “Fish Creek Animal Hospital” text contained within the h1 element with the fishcreeklogo.gif. Be sure to include the alt, height, and width attributes on the <img> tag for the graphic. 2. Update the navigation area. Since you will be replacing the top navigation with image links, it’s a good idea to provide for accessibility by including a set of text navigation links in the footer section of the web page. Copy the nav element, and paste it inside the footer area above the copyright line. Replace the top navigation text hyperlinks with image links. The home.gif should link to index.html. The services.gif should link to services.html. The askthevet.gif should link to askvet.html. The contact.gif should link to contact.html. Use appropriate attributes on the <img> tag: alt, height, and width. ai. Save and test your new index.html page. aj. Task 2: The Service Page. Launch a text editor, and open the services.html. Replace the “Fish Creek Animal Hospital” heading with the fishcreeklogo.gif. Configure the navigation area similar way as the home page. Save and test your new services.html page. ak. al. Task 3: The Ask the Vet Page. Use the Services page as the starting point for the Ask the Vet page. 1. Change the page title to an appropriate phrase. 2. Delete the unordered list from the page.
Image of page 6
Image of page 7

You've reached the end of your free preview.

Want to read all 7 pages?

  • Spring '16
  • mr siow

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes