Answered step by step
Verified Expert Solution
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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started