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 (9th Edition) (What's New in Computer Science)
- What should the next three steps be in my machine based home security system after deployment and after the following current steps: Enhancing Security & Privacy Measures User Interface (UI) and Experience (UX) Improvement Machine Learning Model Refinement & Continuous Improvementarrow_forwardI am creating a machine learning home based security system, have completed initial deployment and in the following phases of the project: Expanding device compatibility and integration, preparing for cloud integration, and implementing system reduncancy and disaster recovery. What should the next three phases be?arrow_forwardHands-On Assignments Part II Assignment 1-5: Querying the DoGood Donor Database Review the DoGood Donor data by writing and running SQL statements to perform the following tasks: 1. List each donor who has made a pledge and indicated a single lump sum payment. Include first name, last name, pledge date, and pledge amount. 2. List each donor who has made a pledge and indicated monthly payments over one year. Include first name, last name, pledge date, and pledge amount. Also, display the monthly payment amount. (Equal monthly payments are made for all pledges paid in monthly payments.) 3. Display an unduplicated list of projects (ID and name) that have pledges committed. Don't display all projects defined; list only those that have pledges assigned. 4. Display the number of pledges made by each donor. Include the donor ID, first name, last name, and number of pledges. 5. Display all pledges made before March 8, 2012. Include all column data from the DD PLEDGE table.arrow_forward
- Write a FancyCar class to support basic operations such as drive, add gas, honk horn, and start engine. FancyCar.java is provided with method stubs. Follow each step to gradually complete all methods. Note: This program is designed for incremental development. Complete each step and submit for grading before starting the next step. Only a portion of tests pass after each step but confirm progress. The main() method includes basic method calls. Add statements in main() as methods are completed to support development mode testing. Step 0. Declare private fields for miles driven as shown on the odometer (int), gallons of gas in tank (double), miles per gallon or MPG (double), driving capacity (double), and car model (String). Note the provided final variable indicates the gas tank capacity of 14.0 gallons. Step 1 (2 pts). 1) Complete the default constructor by initializing the odometer to five miles, tank is full of gas, miles per gallon is 24.0, and the model is "Old Clunker". 2)…arrow_forwardFind the error: daily_sales = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0] days_of_week = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] for i in range(7): daily_sales[i] = float(input('Enter the sales for ' \ + day_of_week[i] + ': ')arrow_forwardFind the error: daily_sales = [0.0, 0,0, 0.0, 0.0, 0.0, 0.0, 0.0] days_of_week = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] for i in range(7): daily_sales[i] = float(input('Enter the sales for ' \ + days_of_week[i] + ': ')arrow_forward
- Find the error: daily_sales = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0] days_of_week = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] for i in range(6): daily_sales[i] = float(input('Enter the sales for ' \ + days_of_week[i] + ': '))arrow_forwardWhat are the steps you will follow in order to check the database and fix any problems with it and normalize it? Give two references with your answer.arrow_forwardWhat are the steps you will follow in order to check the database and fix any problems with it? Have in mind that you SHOULD normalize it as well. Consider that the database offline is not allowed since people are connected to it and personal data might be bridged and not secured. Provide three refernces with you answer.arrow_forward
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
Microsoft Visual C#Computer ScienceISBN:9781337102100Author:Joyce, Farrell.Publisher:Cengage Learning,