Web Development and Design Foundations with HTML5 (8th Edition)
Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
bartleby

Concept explainers

Expert Solution & Answer
Book Icon
Chapter 5, Problem 3FWD

Explanation of Solution

Designing color scheme for the website:

The website created is: Door’s Country Wildflowers.

  1. 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.
  1. 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.
  • 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&#39;s Door County Peninsula is ecologically diverse &mdash; 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...

Blurred answer
Students have asked these similar questions
I need help writing pseudocode for calculating class score average by putting in 5 test scores, and showing the average from all 5 inputs and the GPA score.Starting with 3 functions outside of a main module. The functions are getScore(), getGPAPoint(Integer score), and getAverage(). Function getscore is an input for a grade as a class percentage. Function getGPAPoint will calculate the score into a GPA point and return as a float (values of 90-100 as 4.0, 80-89 as 3.0, 70-79 as 2.0, 60-69 as 1.0, and anything below 60 as 0.) Function averageGPA will finally make a call to both previous functions when the user inputs numbers 5 times that then calculates the average (add up all the scores, divide by 5) and the average grade alongside displaying the average GPA. End result is a main module that makes a proper call to the averageGPA function and display its results. Need help with this!
Please original work Why is integration between data collection and business analysis so important to success in an organization that uses business analytics? How can a company that is just starting to use business analytics set up its program for success right from the beginning? Please cite in text references and add weblinks
How to make a 1 bit adder with CLA?
Knowledge Booster
Background pattern image
Computer Science
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
Text book image
Microsoft Visual C#
Computer Science
ISBN:9781337102100
Author:Joyce, Farrell.
Publisher:Cengage Learning,