Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 6, Problem 1FWD
Explanation of Solution
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Style Tag-->
<style>
<!--Alignment for body Tag-->
body
{
background-color:black;
color:white;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Header Tag-->
<h2>Five CSS Resources on the web</h2>
<!--Table Tag-->
<table style="width:80%">
<!--First Row Tag-->
<tr>
<th>URL</th>
<th>Website Name</th>
<th>Brief Description</th>
</tr>
<!--Second Row Tag-->
<tr>
<td> https://www.w3.org/Style/CSS/</td>
<td>CSS Tutorial - W3Schools</td>
<td>These pages contain information on how to learn and use CSS and on available software. They also contain news from the CSS working group.</td>
</tr>
<!--Third Row Tag-->
<tr>
<td> https://developer.mozilla.org/en-US/docs/Web/CSS</td>
<td>CSS: Cascading Style Sheets | MDN</td>
<td>Our CSS learning area contains a wealth of tutorials to take you from beginner level to proficiency, covering all the fundamentals.</td>
</tr>
<!--Forth Row Tag-->
<tr>
<td> https://www...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
in HTML and CSS create a nav bar with buttons like in image.
Web Development:
You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework.
FrameworkUse a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc.
FontsYour fonts must be one of the following sets.
Baloo with Montserrat
Amaranth with Open Sans
Palanquin with Roboto
Sansita with Open Sans
Playfair Display and Fauna One
Type Scale
Augmented Fourth
Colour Scheme options
Choose one of the following options
https://coolors.co/palette/ff9f1c-ffbf69-ffffff-cbf3f0-2ec4b6
https://coolors.co/palette/555b6e-89b0ae-bee3db-faf9f9-ffd6ba
https://coolors.co/palette/ff6700-ebebeb-c0c0c0-3a6ea5-004e98
https://coolors.co/palette/6b9080-a4c3b2-cce3de-eaf4f4-f6fff8
Digital Asset
Must include at least two (2) video assets
Must include at least six (6) image assets ( at least one must be *.webp. )
No less than three javascript elements such as on demand header, show hide div etc.
Site…
Design a webpage that has the following layout using HTML and CSS. Styling MUST be written in EXTERNAL CSS file
Chapter 6 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- Explain how the browser will render the web page if you use CSS to configure both a background image and a background color.arrow_forwardJavaScript all design notvsame as web page remember that. Allala Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.arrow_forwardNot acceptable for illogical code please. Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.arrow_forward
- Assignment Create a web page that can calculate the roots of aparabola using the quadratic formula Your web page should have 3 input fields,representing the a, b and c values of a quadraticfunction in standard form, and a button thatcalculates the roots when clicked You must: use HTML5 use CSS use JavaScript solve for 1, 2 or no rootsarrow_forwardUsing HTML5 and JavaScript. Create an Html page that allows a user to drag and drop an image.The container should have rounded corners.arrow_forwardthe photo i attached like that whole photo(the pictures and the words) should be turned in to code using html and cssarrow_forward
- Using HTML and CSS and Javascript. Include a new page named “funpage.html” about coffee shop website, which allows the users to interact with your page and have fun with it when accessing your website (e.g., play a game such as re-assembling a cut-photo; or do simple drawings; or gathering words to make English sentences from given a set of words); be creative. The page should have the following minimum requirements: a) Use of dynamic Html concepts. b) Add full comments to your JavaScript code explaining how does it work. c) The page should be well-designed, nice-looking, have look-n-feel concepts. The game should be related to the objective of the website.arrow_forwardin CSS please help How do you make each word in a text start with a capital letter a text-transform: capitalzie b transform:capitalize c text-style: capitalize d. You cant do that in cssarrow_forwardPlease use html and css: one of the links in your menu will take to another .html page where you will have some images in it. You will have one big image frame, and some small images placed underneath the big frame. Every half second, the image on the big frame will change based on the small images you list down belowarrow_forward
- Write HTML Code to design the web page as shown here. HTML Code must be neat and clean. Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lablesarrow_forwardHTML Last lab, you created a webpage about someone you admire. Now we are going to add some styling to the webpage. You must apply descriptors (css rule) to the following selectors (any tags you do not currently have need to be added): body h1,h2,h3,h4,h5,h6,h7 (use at least 2) p ul li img You must use all of the following descriptors below in your page. Although you are not being graded on your design ability, do your best to make the style your own. Text Descriptors color font-size font-weight text-align Background background-color border Size width height margin You may add any additional styling or layout descriptors you like. Layout is a complicated topic in CSS and the lab does not require any specific layout, but here is a good explanation if you want to alter the layout anyway: https://learnlayout.com/arrow_forwardHTML/CSS: How to make a sidebar on the left that has two buttons which are the draw mode and the proof mode? Make sure to use HTML and CSS only and show the screenshots of the full code and output.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