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)
- Please original work select a topic related to architectures or infrastructures (Data Lakehouse Architecture). Discussing how you would implement your chosen topic in a data warehouse project Please cite in text references and add weblinksarrow_forwardPlease original work What topic would be related to architectures or infrastructures. How you would implement your chosen topic in a data warehouse project. Please cite in text references and add weblinksarrow_forwardWhat is cloud computing and why do we use it? Give one of your friends with your answer.arrow_forward
- What are triggers and how do you invoke them on demand? Give one reference with your answer.arrow_forwardDiscuss with appropriate examples the types of relationships in a database. Give one reference with your answer.arrow_forwardDetermine the velocity error constant (k,) for the system shown. + R(s)- K G(s) where: K=1.6 A(s+B) G(s) = as²+bs C(s) where: A 14, B =3, a =6. and b =10arrow_forward
- • Solve the problem (pls refer to the inserted image)arrow_forwardWrite .php file that saves car booking and displays feedback. There are 2 buttons, which are <Book it> <Select a date>. <Select a date> button gets an input from the user, start date and an end date. Book it button can be pressed only if the start date and ending date are chosen by the user. If successful, it books cars for specific dates, with bookings saved. Booking should be in the .json file which contains all the bookings, and have the following information: Start Date. End Date. User Email. Car ID. If the car is already booked for the selected period, a failure message should be displayed, along with a button to return to the homepage. In the booking.json file, if the Car ID and start date and end date matches, it fails Use AJAX: Save bookings and display feedback without page refresh, using a custom modal (not alert).arrow_forwardWrite .php file with the html that saves car booking and displays feedback. Booking should be in the .json file which contains all the bookings, and have the following information: Start Date. End Date. User Email. Car ID. There are 2 buttons, which are <Book it> <Select a date> Book it button can be pressed only if the start date and ending date are chosen by the user. If successful, book cars for specific dates, with bookings saved. If the car is already booked for the selected period, a failure message should be displayed, along with a button to return to the homepage. Use AJAX: Save bookings and display feedback without page refresh, using a custom modal (not alert). And then add an additional feature that only free dates are selectable (e.g., calendar view).arrow_forward
- • Solve the problem (pls refer to the inserted image) and create line graph.arrow_forwardwho started the world wide webarrow_forwardQuestion No 1: (Topic: Systems for collaboration and social business The information systems function in business) How does Porter's competitive forces model help companies develop competitive strategies using information systems? • List and describe four competitive strategies enabled by information systems that firms can pursue. • Describe how information systems can support each of these competitive strategies and give examples.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