Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Expert Solution & Answer
Chapter 3, Problem 8HOE
(a)
Explanation of Solution
Filename – Advantage.html
Program:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Practice with the Cascade</title>
<link rel=“stylesheet” href=“ex8.css” >
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Header Tag-->
<header><h1>CSS Advantages</h1></header>
<!--Main Tag-->
<main>
<!--Unordered list tag-->
<ul>
<li>More Precise Formatting</li>
<li>Easier Site Maintenance</li>
<li class=“news”> Separation of HTML content from appearance </li>
</ul>
<!--Division Tag-->
<div><a href=“http://www...
(b)
Explanation of Solution
Filename – ex8.css
Program:
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Style Tag-->
<style>
<!--Alignment for body Tag-->
body
{
background-color: #FFFFFF;
color: #000099;
font-family: Arial, Helvetica, sans-serif;
}
<!--Alignment for hyperlink Tag-->
a
{
background-color: #CCCCCC;
}
<!--Alignment for header Tag-->
h1
{
font-family: "Times New Roman", serif;
color: #000000;
}
<!--User defined class-->
.news
{
color: #FF0000;
font-style: italic;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
<!-- Body Tag-->
<body>
<!--Heading Tag-->
>&#...
(c)
Explanation of Solution
Program:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Practice with the Cascade</title>
<!--Style Tag-->
<style>
<!--Alignment for body tag-->
body
{
background-color: #FFFFFF;
color: #000099;
font-family: Arial, Helvetica, sans-serif;
}
<!--Alignment for hyperlink tag-->
a
{
background-color: #CCCCCC;
}
<!--Alignment for head tag-->
h1
{
font-family: "Times New Roman", serif;
color: #000000;
}
<!--User defined class-->
.news
{
color: #FF0000;
font-style: italic;
}
<!--Style Tag-->
</style>
<!--Head Tag-->
</head>
<!--Body Tag-->
<body>
<!--Head Tag-->
<header>�...
(d)
Explanation of Solution
Program:
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Style Tag-->
<style>
<!--Alignment for body Tag-->
body
{
background-color: #000000
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}
<!--Alignment for hyperlink Tag-->
a
{
background-color: #CCCCCC;
}
<!--Alignment for header Tag-->
h1
{
font-family: "Times New Roman", serif;
color: #CCCCCC;
}
.news
{
color: #FF0000;
font-style: italic;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
<!-- Body Tag-->
<body>
<!--Heading Tag-->
<h1�...
(e)
Explanation of Solution
Program:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Practice with the Cascade</title>
<link rel=“stylesheet” href=“ex8.css” >
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Header Tag-->
<header style="color: #FF0000;"><h1>CSS Advantages</h1></header>
<!--Main Tag-->
<main>
<!--Unordered list tag-->
<ul>
<li>More Precise Formatting</li>
<li>Easier Site Maintenance</li>
>&#x...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Please help me with this. I am not understanding what to do
C- Create thumbnails of all proposed webpages and place them on one singlepaper/page. Connect all your thumbnails with arrows. All designs must haveat least one arrow pointing to them, and at least one arrow pointing fromthem. This is intended to illustrate how you will move around the website.The arrows must start from the EDGE of the ‘element’ that one clicks tonavigate from a given page and the arrows must end at the EDGE of thewebpage or sidebar or popup that opens as a result.
Let me tell you some back story about what I am instructed to do. for a application I am creating (Document editor)
So I have to illustrate a totoal of 3-10 webpages using wireframes that should be Lo-Fi (no colour, and as concise as possible). Noting that I might have popup boxes, or dropdown menus/sidebars. You should draw these as their own small boxes/rectangles/etc. Do not drawn any images top of your webpage designs as this will clutter…
i need to make sure for the answer
Please help me with the following exercise.
Use your programming environment to generate a simple Web site using Python flask. The site should be unique, include at least 3 routes (e.g. 3 pages one can navigate), each route should render the HTML pages by using the render_template() functionality.
A style sheet should be included that is used by all Web pages.
Proper organization should take place of the web site including the location of templates and static pages.
Keep in the basic HTML form for a function web page includes the following components:
<!DOCTYPE html><html><head><title>Page Title</title></head><body>...your page content...</body></html>
In addition to the requirements list above the following functionality should be found within your web site on one or more web pages.• Use at least 3 different heading styles (e.g. <h1>, <h2>, <h3>)• Paragraph (<p>)• Comments <!-- -->)• Ordered list•…
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 3.4 - Prob. 1CPCh. 3.4 - Prob. 2CPCh. 3.4 - Prob. 3CPCh. 3.8 - Prob. 1CPCh. 3.8 - Prob. 2CPCh. 3.8 - Prob. 3CPCh. 3 - Prob. 1MCCh. 3 - Prob. 2MCCh. 3 - Prob. 3MCCh. 3 - Prob. 4MC
Ch. 3 - Prob. 5MCCh. 3 - Prob. 6MCCh. 3 - Prob. 7MCCh. 3 - Prob. 8MCCh. 3 - Prob. 9MCCh. 3 - Prob. 10MCCh. 3 - Prob. 11MCCh. 3 - Prob. 12FIBCh. 3 - Prob. 13FIBCh. 3 - Prob. 14FIBCh. 3 - Prob. 15FIBCh. 3 - Prob. 1AYKCh. 3 - Prob. 2AYKCh. 3 - Prob. 3AYKCh. 3 - Prob. 1HOECh. 3 - Prob. 2HOECh. 3 - Prob. 3HOECh. 3 - Prob. 4HOECh. 3 - Prob. 5HOECh. 3 - Prob. 6HOECh. 3 - Prob. 7HOECh. 3 - Prob. 8HOECh. 3 - Prob. 9HOECh. 3 - Prob. 1WRCh. 3 - Prob. 2WRCh. 3 - Prob. 1FWD
Knowledge Booster
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
- Implement a Web Page with CSS styles. Create div element with a width and height of 600 px. create a radial gradient with three colors. Start in the bottom left corner with the colors changing as they move along the gradient line to the rightarrow_forwardWrite HTML program to display a TABLE of five rows and four columns (insert data in the table yourself). First row data should be only BOLD. Second row data should be only Italic. Third row data should be only Underline. Fourth row should be Bold, Italic and Underlined. Each cell of fifth row should have different color. Insert the code and snapshot of result.arrow_forwardWrite the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: • a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en- US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes Document Ⓒ File /Users/cg-admin/Desktop/TEMP/Assignment%20G%20CVS1-12... ✰ Name Breed Tabby Siamese Ragdoll Ronald Tabby Dom Felix Cutest Kittens Competition Fifi Points 6000 5150 2150 Rank 1 2 3 Disqualified for bad behaviour Updatearrow_forward
- Create a web page consisting of HTML (register.html), CSS (style.css), and JavaScript (register.js) files that implements a user registration form with form validation. The web page styling should be close to the following. Note: Specific styles listed in the requirements will be checked using automated tests, but a visual inspection may also be used to check the overall style of the web page. User inputs elements: Define the following <input> elements using the specified IDs Text <input> element with ID fullName and label "Full Name" Email <input> element with ID email and label "Email" Password <input> element with ID password and label "Password" Password <input> element with ID passwordConfirm and label "Confirm Password" Submit <input> element with ID submit and value "Register" The default border for the test, email, and password <input> elements should be 1 pixel, solid, with color #aaa Use a <form> element. <div>…arrow_forwardUse DOM2 events and javascript to add functionality to a page such that whenever an elementon the page is clicked, the text on that element is set to white, and the background is set topurple.arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward
- Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward
- Please help me with the two based on the three wireframes below. Please just provide answer using images Using the three wireframes below complete the following: 1. Create thumbnails of all proposed webpages and place them on one single paper/page. 2. Connect all your thumbnails with arrows. All designs must have at least one arrow pointing to them, and at least one arrow pointing from them. This is intended to illustrate how you will move around the website. The arrows must start from the EDGE of the ‘element’ that one clicks to navigate from a given page and the arrows must end at the EDGE of the webpage or sidebar or popup that opens as a result Thank you.arrow_forwardPlease help me with this. I am not understanding what to do. Please show what it saying using the image below C- Create thumbnails of all proposed webpages and place them on one singlepaper/page. Connect all your thumbnails with arrows. All designs must haveat least one arrow pointing to them, and at least one arrow pointing fromthem. This is intended to illustrate how you will move around the website.The arrows must start from the EDGE of the ‘element’ that one clicks tonavigate from a given page and the arrows must end at the EDGE of thewebpage or sidebar or popup that opens as a result. Let me tell you some back story about what I am instructed to do. for a application I am creating (Document editor) So I have to illustrate a totoal of 3-10 webpages using wireframes that should be Lo-Fi (no colour, and as concise as possible). Noting that I might have popup boxes, or dropdown menus/sidebars. You should draw these as their own small boxes/rectangles/etc. Do not drawn any images…arrow_forwardI need help, please try to actually make it look like this, I have been given inaccurate answers, this is done with HTMl and CSS Create the page layout where we call the top, bottom, left, and right portions of the page "header", "footer", "content", and "menu", respectively. Note that the content part of the page is further divided into three blocks: the top block has a heading and a paragraph, and is followed by two blocks - one on the left with two images, and one on the right with three "announcements". The header should use large, white, center-aligned text on a red background with a thick black border. There should be some space between the text and the border. The footer should use green, centered-aligned text on a gray background. The menu has an unordered list on a black background but the actual background of the list is red. so its a black block with a red block inside that has the list. Each item in the list is hyperlinked except for one called "Home". The unlinked…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education