Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Complete the following for this assignment: Download the above file, save it in your ITCO381 folder and extract the contents. In Visual Studio click File

Complete the following for this assignment:

  • Download the above file, save it in your ITCO381 folder and extract the contents.
  • In Visual Studio click File > Open > Web Site
  • In Solution Explorer, Right-click the website and choose Add > Style Sheet. Use styles.css as the name
  • Your HTML page will need to have the link to the CSS file added and the below updated:
    • Required: Title: Add your name and IP2
    • Required: Headings: Your name in the H1, University name in H2, and courses in H3
    • Required: Paragraphs: Please describe details about the courses that you are taking at the university.
    • Optional - Link: Include links to your favorite websites.
    • Optional - Images: You may update the header image to include a selfie/profile picture and the image in the body to reflect a picture relevant to your courses
  • Add style rules in the CSS file to accomplish the following:
    • Set the width of the page to 700px
    • Use the font family starting with Verdana
    • Set the width of the header image to 200px
    • Float the header image to the right
    • Add a margin of 10px to the header image
    • Change the color and font of the header text
    • Add a border and background color of your choice to the header
    • Ensure the contents of the section does not float into the header
    • Center all headings
    • Ensure paragraph text is not centered
    • Set the width of the paragraph image to 175px
    • Float the paragraph image(s) to the left
    • Add a margin of 10px to the paragraph image
    • Set the nav links to text-decoration:none and change the color
    • Set the nav links to change to a color of your choice when hovered or focus or active
    • Align the footer text to the right
    • Set the footer text to 80% size
  • Validate the CSS style rules.
  • Validate the HTML document, and make sure the CSS updates are showing.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Concepts

Authors: David Kroenke

4th Edition

0136086535, 9780136086536

More Books

Students also viewed these Databases questions