Web Design-Assignment 4 Rescue Tutoring Service needs a more stylish

Assignment 4Rescue Tutoring Service needs a more stylish Web page than the extremely plain one they have sent to you. Follow the instructions below to create a cascading style sheet that will spruce up their web presence.1. Create a folder on your computer named Project4. Download the file Tut04.htm and save as project4solution.htm in your Project4 folder. Download the image file bullet.gif and save in the folder as well.2. Open the project4solution.htm file in a simple text editor such as Notepad.3. Open another instance of Notepad and create a file named project4style.css and save this file in the Project4 folder. Add HTML code to the style sheet according to the specifications below:a. Insert a CSS comment at the top of the document that contains your name and Project 4 Style Sheet.b. Apply a style to h1 headings that sets the color to #CC3300 and centers them horizontally.c. Apply a style to h2 headings that sets the color to #333333.d. Using a contextual selector, change the color of italic text contained in h4 headings to gold.e. Apply the following styles to all links:a text-decoration: none color: red font-weight: boldf. Apply the following styles to the body of the document:body background-color: #999999 font-family: Verdana, Arial, sans-serif margin: 30pxg. Set the styles for

    tags so that the line-height is 1.5, the text is centered vertically in the line, and change the bullet style to the bullet.gif file.h. Apply a link rollover to all links to create a hover effect that turns the text white with a red background.i. Apply a style to the class studytip that will change the format of the first line of text to 18pt underlined small caps of the color #660000. (Hint: Use the pseudo-element first-line).j. Add a callout note to the Web page by setting the following styles for the class notice:.notice position: relative left: 20px top: 10px font-size: 10pt color: brown background-color: ivory border: 3px inset #CC3300 width: 230pxk. Add a contextual selector to set the p tag inside the class notice to a margin of 15px.4. Add the code in the section of the page that will link your CSS file to the project4solution.htm file.5. View your HTML file in a browser and correct any errors.6. Print a copy of the code for both files and a copy of the page displayed in a browser.

     

    CLICK HERE TO ORDER A SIMILAR PAPER

    We pride ourselves in writing quality essays
    
    CLICK HERE TO CONTACT US

Lets Start Working

Plagiarism Free

We use anti-plagiarism software to ensure you get high-quality, unique papers. Besides, our writers have a zero plagiarism mentality

On Time Delivery

Your essay will be delivered strictly within the deadline.  If you have an urgent order, we can do it!

Money Back Guarantee

We offer warranty service, including free revisions, and a right to request a refund incase your expectations are not met!

THE BEST PAPER WRITER HELPER

Our Advantage

  • Say “NO” to plagiarism – FREE plagiarism report as an addition to your paper
  • The lowest prices that fit excellent quality
  • Authorship – you are the one who possesses the paper. We DO NOT re-sale or re-use any of them.

OUR PAPER WRITER HELPER GOODIES

Our Freebies

  • Free Cover Page
  • Free Revisions
  • Free Reference Page
  • Free 24/7 support

Pin It on Pinterest

Share This