
Concept explainers
Explanation of Solution
Designing color scheme for the website:
The website created is: Door’s Country Wildflowers.
- a) Color schemes used:
The color schemes used for the styling of website are mentioned below:
- #ffffff - This color scheme is used for the background color of the body of the website.
- This stands for color Hex White and has a RGB value of (255,255,255).
- #636631 - This color scheme is used for the background color of the header section of the website.
- This color is composed of 38.8% red, 40% green and 19.2% blue.
- #eeeeee - This color scheme is used for the background color of the container of the website.
- This color’s red value is 238, green value is 238 and the blue value of its RGB is 238.
- b) Process of Selecting colors:
For a web designer, the process of selecting color schemes for their website is mentioned below:
- One must choose the dominant color in a limited number of places where visitors mostly pay attention.
- The body’s background color must match with the theme of the website.
- One must choose their accent color by using color matching tools to match with the background color.
- In order to make a memorable connection, one must choose color and design which mostly appeals to the target audience.
URL of the resourced used is:
https://www.websitebuilderexpert.com/how-to-choose-color-for-your-website/
The website which includes the external style sheet with the color schemes:
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Include a hyperlink to the named fragment designated by “top”.
- Close the header tag.
- Include an internal CSS file using the style tag.
- Include Alignment For Body Tag.
- Include Alignment for CSS Container.
- Alignment to have the image in the right side of the webpage.
- Alignment for aside tag to place some content aside from the content it is placed in.
- Include the body using the <body> tag.
- Include a heading using the <h1> tag.
- Include a paragraph using the <p> tag.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Program:
The HTML code that shows examples of the color configured in the CSS Styles Rules:
<!DOCTYPE html>
<!-- HTML Tag -->
<html lang="en">
<link rel="stylesheet" type="text/css" href="color.css">
<!-- Head Tag -->
<head>
<!-- Title Tag -->
<title>Door County Wildflowers</title>
<meta charset="utf-8">
<!-- Close Tag -->
</head>
<!-- Body Tag -->
<body>
<!-- Division Tag -->
<div id="container">
<!-- Use of ARIA Landmark -->
<header role="banner">
<!-- Include link -->
<span><a href="#center">Skip to Content</a></span>
<h1>Door County Wildflowers</h1>
</header>
<div id="demo">
<!--navigation tag -->
<nav role="navigation">
<!-- unordered lists of services in the webpages -->
<li><a href="index.html">Home</a></li>
<li><a href="spring.html">Spring</a></li>
<li><a href="summer.html">Summer</a></li>
<li><a href="fall.html">Fall</a></li>
<li><a href="contact.html">Contact</a></li>
<!-- image used as a hyperlink -->
<img src="plsthumb.jpg" width="100" height="100" alt="Showy Lady Slipper">
<!--Close Tag -->
</nav>
<aside role="complementary">
<h3>The Ridges</h3>
<!-- include paragraph -->
<p class="news">The Ridges Nature Sanctuary offers wild orchid hikes during the summer months. For more info, visit <a href=" http://www.ridgesanctuary.org ">The Ridges</a>.</p>
<h3>Newport State Park</h3>
<p class="news">The <a href=" http://www.newportwildernesssociety.org ">
Newport Wilderness Society</a> sponsors free meadow hikes at 9am every Saturday. Stop by the park office to register.</p>
</aside>
<!-- close tag -->
<!-- main tag -->
<main role="main">
<h2>Door County</h2>
<p>Wisconsin's Door County Peninsula is ecologically diverse — upland and boreal forest, bogs, swamps, sand and rock beaches, limestone escarpments, and farmlands.</p>
<p>The variety of ecosystems supports a large number of wildflower species.</p>
<img src="trillium...

Want to see the full answer?
Check out a sample textbook solution
Chapter 5 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- I need help writing pseudocode for this function. The following pseudocode statement calls a function named half, which returns a value that is half that of the argument. (Assume both the result and number variables are Real.) Set result = half(number)arrow_forwardNeed help converting my pseudocode to python, AND have a flowchart showing everything!The code:Main Module Call InputModuleEnd Main Module Module InputModule // This module gets input from the user Declare Principal, AnnualRate, Years as Float Output "Enter the Principal amount (P): " Input Principal Output "Enter the Annual Interest Rate (in percentage, e.g., 5 for 5%): " Input AnnualRate Output "Enter the number of Years to repay the loan: " Input Years Call DisplayPayment(Principal, AnnualRate, Years)End Module Module DisplayPayment(Principal, AnnualRate, Years) // This module calculates and displays the monthly payment Declare R, N as Float Declare MonthlyPayment as Float Declare PowerFactor as Float // second local variable // Calculate monthly interest rate R and number of months N Set R = (AnnualRate / 100) / 12 Set N = Years * 12 // Calculate PowerFactor = (1 + R)^N Set PowerFactor = (1 + R) ^ N // Calculate…arrow_forwardWhats wrong with my pseudocode? Where did I make an error?Code: Module main() Declare Real mileage Call getMileage() Display “You’ve drive a total of “, mileage, “ miles End Module Module getMilage() Display “Enter your mileage: “ Input mileage End Modulearrow_forward
- I need help!! Writing a long pseudocode for a modular program that will display the monthly payment on a mortgage. P=Principal amount borrowed (loan)R=Rate of interest computed for each monthN=Number of months to pay back the loan or mortgageThe help I need is creating a module that you can input the principle, rate of percentage, and years to repay the loan, and another module "displaypayment" that accepts the 3 values and calculates the monthly payment needed for the rates. Lastly 2 local variables needed!Equation:Monthly Payment=[(R*(1+R)^N)/((1+R)^N-1)]*Parrow_forwardTwo pseudocode questions I need help with: How do I design a module called findSum that will display the sum of two integer passed by parameter, and a module called findArea that will display the area of a rectangle when passed 2 real values for the length and width of the rectangle?arrow_forwardFor the pseudocode module, what is displayed with the call findValue(1, 4, 2)?Module findValue(Integer a, Integer b, Integer c) Declare Integer value value = b + c - a Display valuearrow_forward
- I need help finishing my python rock paper scissors code, where it asks the user "rock, paper, scissors", the user types either option (repeatedly asks until its one of the three), and for a random option from the code to select also rock paper scissors. The end result would be you winning, code winning, or a tie.My code:import randomOPTIONS = ("ROCK", "PAPER", "SCISSOR") def getInput(): """ Function getInput() will receive and validate user input to be the string ROCK, PAPER, or SCISSOR. Input must be spelled correctly and in all capital letters. Function will return the validated input @return user input as ROCK, PAPER, OR SCISSOR """ #need help here def checkWinner(user, computer): """ Function checkWinner will accept 2 string parameters that must be unique values of ROCK, PAPER, or SCISSOR. Functions should return true if the string in parameter user beats the string in parameter computer in a game of rock…arrow_forwardI need help understanding how could I got the IP Address for the 1st Host on this Subnet, the IP Address for the Last Host on this Subnet & the Broadcast Address for this Subnet My Explanation:8 bits --> 17 & 0 128 64 32 16 | 8 4 2 1 0 0 0 1 0 0 0 1 -->17+ 0 0 0 0 0 0 0 0 --> 0 0 0 0 0 0 0 0 0 --> 0 (The Major (Base) Network Address): 142.20.33.0 To find the broadcast address, we can set all the bits in the host portion of the address to 1, which gives us 142.20.33.255. Based on the subnet mask 255.255.255.0, no bits were borrowed from the host portion, meaning 8 bits remain in the host portion. Using the formula 2^h – 2 (where h represents the number of host bits), we get 2^8 - 2 = 254 hosts. 8 bits --> 17 & 252 128 64 32 16 | 8 4 2 1 0 0 0 1 0 0 0 1 --> 17+ 1 1 1 1 1 1 0 0 --> 252 0 0 0 1…arrow_forwardWhich of the following opens when you click the launcher in the Size group on the Ribbon? Question 19Select one: a. Size dialog box b. Layout dialog box c. Width and Height dialog box d. Format dialog boxarrow_forward
- How do you resize a graphic object horizontally while keeping the center position fixed? Question 20Select one: a. Drag a side sizing handle. b. Press [Ctrl] and drag a side sizing handle. c. Press [Alt] and drag a side sizing handle. d. Press [Shift] and drag a side sizing handle.arrow_forwardWhich of the following indicates that a graphic is anchored to the nearest paragraph? Question 18Select one: a. X and Y coordinates b. An anchor symbol c. A paragraph symbol d. ruler marksarrow_forwardWhich command in the Adjust group allows you to change one picture for another but retain the original picture's size and formatting? Question 17Select one: a. Change Picture b. Replace c. Swap d. Relinkarrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageProgramming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LEBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENTMicrosoft Visual C#Computer ScienceISBN:9781337102100Author:Joyce, Farrell.Publisher:Cengage Learning,



