Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 1WR
Explanation of Solution
Program:
<!--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:100%">
<!--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
JavaScript 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; }.
In javascript
Create and design any web page of your choosing.
You must use the following methods to select elements on your webpage and dynamically change one of their style settings:
getElementsByTagName()
getElementsByClassName()
querySelector()
querySelectorAll()
You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser.
createElement()
appendChild()
cloneNode() with no children cloned
cloneNode() with children cloned
insertBefore()
You must dynamically remove a node that you added to the original html file.
You must dynamically set at least three windows object properties:
You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN.
You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.…
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…
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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
Similar questions
- You may design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens www.amazon.com You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com You must add another button that when clicked calls the window…arrow_forwardHTML PROJECTarrow_forwardUsing HTML, CSS, and JavaScript create a small site that will display a list of 5 small images that can be dragged and dropped into a larger box to display the image larger on the site. The list of images should not disappear after being dropped. In dropbox, the image being dropped should replace the previous image dropped to the box.arrow_forward
- By referring to the specifications given below, use HTML code and JavaScript to create the form as shown in Figure 6. WEBINAR REGISTRATION FORM Name : Contact Number : Email : Webinar Title : Select Webinar Date : dd/mm/yyyy Time : 10am - 12pm O 2pm - 4pm Number of participants : 1 Total Registration Fees(RM) : 0.00 O Add me to your mailing list for upcoming webinars. Submit Cancel Figure 6 Specifications: Create the form by assigning suitable id and name. Add a legend containing the text "WEBINAR REGISTRATION FORM" and use inline style to design the legend. Use to arrange the form elements. Create different form elements/controls with proper data for their attributes such as name, id, value and type. There is no need to create element for each form element. Set Webinar Title as a selection list that consists of 4 options: Select Webinar, Web for Beginners (RM100), Web for Intermediate (RM200) and Web for Advanced (RM300). Set Number of participants as a spinner control with range…arrow_forwardComputer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.arrow_forwardusing flexbox css html please have the first output not the list one add the border pleasearrow_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 canvasarrow_forwardHow to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this: Specifications for the email form: • Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7. • Modify the horizontal navigation menu so it indicates that the email page is the current page. Create a new style sheet named email.css for the email page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the email.html file so it points to the correct style sheet. • Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root…arrow_forward
- In JavaScript create a program with the following parameters: Create an HTML page leaving the space between the <body> and </body> tags open. In the Title type a descriptive name Between the <body> and </body> tags add the <script> and </script> tags. Create a variable named myheading and give it this value: This is My Web Page! Create a variable named linktag and give it this value: SMC website and with a link to this text. Create a variable named Introtext and give it this value: See below for odd numbers stars. Create a variable named begineffect and give it the value: <strong>. Create a variable named endeffect and give it the value </strong>. Create a variable named beginpara and give it the value <p>. Create a variable named endpara and give it the value </p>. Place all of the variable definitions into a single var statement so that you do not need to keep repeating the var keyword remember to end the last line…arrow_forwardcreate CSS and htmlarrow_forwardIn html and CSS Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 secondsarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L