1. Open the index.html file and update the comment with your name (firstname lastname), the file name, and today's date (MM/DD/YYYY). Link the index.html file to the style sheet located within the /css folder. 2. Use your browser to find a CSS color picker and color converter (you can find one here). Use the color picker to find a shade of orange. Any orange color variation is fine. 3. Open the styles.css file and locate the Orange comment. Below the comment, create a style rule for the class selector, orange-hex , that sets a background color to orange using a hexadecimal color value. 4. Create another style rule for the class selector, orange-rgb, that sets a background color to the same orange color created in task 3, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 5. Create another style rule for the class selector, orange-hsl, that sets a background color to the same orange color created in task 3, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value. 6. Use the color picker to find a shade of purple. Any purple color variation is fine. 7. Locate the Purple comment in the styles.css file. Below the comment, create a style rule for the class selector, purple-hex , that sets a background color to purple using a hexadecimal color value. 8. Create another style rule for the class selector, purple-rgb, that sets a background color to the same purple color created in task 7, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 9. Create another style rule for the class selector, purple-hsl,that sets a background color to the same purple color created in task 7, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value. 10. Use the color picker to find a shade of green. Any green color variation is fine. 11. Locate the Green comment in the styles.css file. Below the comment, create a style rule for the class selector, green-hex , that sets a background color to green using a hexadecimal color value. 12. Create another style rule for the class selector, green-rgb,that sets a background color to the same green color created in task 11, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 13. Create another style rule for the class selector, green-hsl, that sets a background color to the same green color created in task 11, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value.

1. Open the index.html file and update the comment with your name (firstname lastname), the file name, and today's date (MM/DD/YYYY). Link the index.html file to the style sheet located within the /css folder. 2. Use your browser to find a CSS color picker and color converter (you can find one here). Use the color picker to find a shade of orange. Any orange color variation is fine. 3. Open the styles.css file and locate the Orange comment. Below the comment, create a style rule for the class selector, orange-hex , that sets a background color to orange using a hexadecimal color value. 4. Create another style rule for the class selector, orange-rgb, that sets a background color to the same orange color created in task 3, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 5. Create another style rule for the class selector, orange-hsl, that sets a background color to the same orange color created in task 3, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value. 6. Use the color picker to find a shade of purple. Any purple color variation is fine. 7. Locate the Purple comment in the styles.css file. Below the comment, create a style rule for the class selector, purple-hex , that sets a background color to purple using a hexadecimal color value. 8. Create another style rule for the class selector, purple-rgb, that sets a background color to the same purple color created in task 7, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 9. Create another style rule for the class selector, purple-hsl,that sets a background color to the same purple color created in task 7, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value. 10. Use the color picker to find a shade of green. Any green color variation is fine. 11. Locate the Green comment in the styles.css file. Below the comment, create a style rule for the class selector, green-hex , that sets a background color to green using a hexadecimal color value. 12. Create another style rule for the class selector, green-rgb,that sets a background color to the same green color created in task 11, but use an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value. 13. Create another style rule for the class selector, green-hsl, that sets a background color to the same green color created in task 11, but use an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value.

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Question

100%

Below are the files needed for the assignment. Thank you in advance. I've used my textbook, looked up guides, and reviewed my notes already.

FILE #1

<!DOCTYPE html>

<!--

Student Name: Jordan Collins

File Name: index.hmtl

Date: 10/13/2021

-->

<head>

<title>CH 4 Extend Your Knowledge</title>

</head>

<body>

<h1>CSS Colors</h1>

</header>

<main>

<h2>Orange</h2>

<div class="box orange-hex">Hex Orange</div>

<div class="box orange-rgb">RGB Orange</div>

<div class="box orange-hsl">HSL Orange</div>

</div>

<h2>Purple</h2>

<div class="box purple-hex">Hex Purple</div>

<div class="box purple-rgb">RGB Purple</div>

<div class="box purple-hsl">HSL Purple</div>

</div>

<h2>Green</h2>

<div class="box green-hex">Hex Green</div>

<div class="box green-rgb">RGB Green</div>

<div class="box green-hsl">HSL Green</div>

</div>

<p>Color Converter Used: </p>

<p>Preferred color code format: </p>

<p>HWB summary</p>

<p>CMYK summary</p>

</div>

</main>

<p>Student Name: </p>

<p>Chapter 4, Extend Your Knowledge</p>

</footer>

</body>

</html>

FILE #2

Author: Maria Cruz

Date: Current Date

File Name: styles.css

/* CSS Reset */

body, header, nav, main, footer, h1, h2 {

margin: 0;

padding: 0;

border: 0;

}

/* Style rules for body and header content */

body {

background-color: #d9d9d9;

}

header, footer {

padding: 2%;

text-align: center;

}

/* Style rules for main content */

main {

padding: 2%;

overflow: auto;

}

main p {

font-size: 1.25em;

padding: 2%;

}

main a {

color: #0000b3;

text-decoration: none;

}

#orange, #purple, #green {

display: block;

margin-bottom: 2%;

text-align: center;

width: 33%;

float: left;

}

#questions {

clear: left;

}

.box {

height: 100px;

width: 100px;

border: 1px solid #000;

display: inline-block;

padding-top: 5%;

}

/* Orange */

orange-hex

background-color: #ff9900;

/* Purple */

/* Green */

**Perform the following tasks:**

1. Open the `index.html` file and update the comment with **your name** (firstname lastname), the file name, and **today’s date** (MM/DD/YYYY). Link the `index.html` file to the style sheet located within the `/css` folder.

2. Use your browser to find a CSS color picker and color converter (you can find one here). Use the color picker to find a shade of orange. Any orange color variation is fine.

3. Open the `styles.css` file and locate the Orange comment. Below the comment, create a style rule for the class selector, `orange-hex`, that sets a background color to **orange** using a hexadecimal color value.

4. Create another style rule for the class selector, `orange-rgb`, that sets a background color to the same orange color created in task 3, but uses an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value.

5. Create another style rule for the class selector, `orange-hsl`, that sets a background color to the same orange color created in task 3, but uses an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value.

6. Use the color picker to find a shade of purple. Any purple color variation is fine.

7. Locate the Purple comment in the `styles.css` file. Below the comment, create a style rule for the class selector, `purple-hex`, that sets a background color to **purple** using a hexadecimal color value.

8. Create another style rule for the class selector, `purple-rgb`, that sets a background color to the same purple color created in task 7, but uses an RGB color value instead of hexadecimal. Use a color converter to find the equivalent RGB color value.

9. Create another style rule for the class selector, `purple-hsl`, that sets a background color to the same purple color created in task 7, but uses an HSL color value instead of hexadecimal. Use a color converter to find the equivalent HSL color value.

10. Use the color picker to find a shade of green. Any green color variation is fine.

11. Locate the Green comment in the `styles.css` file. Below the comment, create a style rule for the class selector, `green-hex`, that sets a background color to **green** using a

14. View the `index.html` in your browser.

15. In the `index.html` file, use a paragraph element to identify the online color converter you used to help complete this assignment. Include a link to your resource that opens in a new tab.

16. Use your browser to research the differences between hexadecimal, RGB, and HSL CSS color codes. Use a paragraph element to summarize your findings.

17. Use a paragraph element to identify your preferred CSS color code format.

18. Use an empty paragraph element to provide a summary of HWB color.

19. Use an empty paragraph element to provide a summary of CMYK color.

20. Validate the HTML and CSS files. Correct any errors.

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 2 steps

SEE SOLUTION Check out a sample Q&A here