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
Question
Chapter 3.4, Problem 2CP
Program Plan Intro
CSS:
CSS is called as Cascading Style Sheets. It is a language that is used in HTML (Hypertext Markup Language) in order to provide styles like fonts, colors, and spacing for the web page.
- It saves time and also it has the capacity to control the layout of several web pages simultaneously.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
HTML PROJECT
Q2
Design a web page (name it q2.html), which uses Bootstrap framework, to display
the following sentence:
Web Development for Mobile Devices.
The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px
thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the
sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness.
Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and
replaced with the sentence (Too small screen!) in "red" text color:
Q3
Analysis, and Comments. The tab-page of Result tab must include three cards of three different
must appear horizontally in one line for small and larger screens, and vertically for mobile screens.
items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards
The tab-page of Analysis tab includes a table of three columns (with titles of your own…
In 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 seconds
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
Similar questions
- Android Studio Java Create a detailed plan to implement the app and submit this file The plan should include at least App Feature Description (graph if needed) Tech Difficulty Solution to Each Difficulty in Detail (tutorial/image if needed) Version of Approach 2. Layout of a simplified version Create an android app and do layout only Climacons.ttf for weather condition icons Fixed weather values, no function As close as possible Ignore the page indicators (4 dots) at the bottom Layout should look properly on different screens Submit .xml file and screenshotarrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"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_forward
- You can choose any topic to develop a front-end of a website using HTML, CSS, JavaScript (no framework is allowed)Instructions to design your front-end :i) A Registration and a Login form with JavaScript Validationii) Drop-down Navigation Bariii) Home Page should have - (header, Navigation bar, body with a side bar, footer)iv) You have to design minimum 5 Pages without Home, Registration and Login Pagearrow_forwardThe HTML ________element is used to draw graphics, on the fly, via JavaScript.Single choice. CHOOSE OPTION: <draw> <canvasarea> <figure> <canvas>arrow_forward<!DOCTYPE html><html> <head> <title>Home Page</title><style> *{ margin: 0; padding: 0;}@media (min-width:1200px){ body{ background-color: skyblue; } main{ display: grid; grid-template-areas: "nav" "h1" "picture" "h3" "iframe" "footer"; grid-template-columns: auto; grid-template-rows: auto; } nav{ display: flex; flex-direction: row; justify-content: end; background-color: aqua; } picture{ text-align: center; } nav>a{ padding: 10px; margin: 10px; } main>h1, h3{ text-align: center; } iframe{ margin: auto; } footer{ position: fixed; left: 0; bottom: 0; width: 100%; background-color:antiquewhite; }…arrow_forward
- <!DOCTYPE html><html> <head><link rel="stylesheet" href="./styles/colors1.css"><link rel="stylesheet" href="./styles/formatting1.css"><link rel="stylesheet" href="./styles/transitions-animations1.css"></head> <body><main><nav><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="about.html">About</a></nav><h1>Welcome to my (about me) site</h1><picture><source media="(min-width:650px)" srcset="./images/me3-650.jpg"><source media="(min-width:465px)" srcset="./images/me3-465.jpg"><img src="./images/me3.JPG" alt="ME" style="width:auto;"></picture> <h3>HI there this is one of my favorite songs down below.</h3><iframe width="420" height="345"src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…arrow_forwardExercise 3 – XHTML and JavaScriptUsing XHTML and JavaScript you have create a web page that allows users to choose the colour and design of a sofa (see figure 1). Figure 1: Sofa personalisation web pageThe document begins with a heading level 4 (Choose the colour you would like:), which is followed by a group of 4 radio buttons, labelled Red, Blue, Orange and Green. Whenever a button is selected by the user, an alert message must be produced stating the chosen colour (see figure 2). Figure 2: A message is displayed in response to selecting a radio buttonThen the document contains another heading level 4 (Choose the design you would like:), which is followed by 3 buttons. When clicked each button changes the image which is displayed below. For example, when the “Design 2” button is pressed, the image changes to show the second sofa design (see figure 3). Figure 3: the “Design 2” button is pressedAdditionally there is a text box above the image, which displays the currently chosen…arrow_forward<!DOCTYPE html><html lang="en"><head> <title>JavaScript Practice</title> <meta charset="utf-8"><style>input { display: block; margin-bottom: 1em; }label { float: left; width: 5em; padding-right: 1em; text-align: right; }input[type="submit"] { margin-left: 7em; } </style><script>function validateForm() {if (document.forms[0].userName.value == "" ) { alert("Name field cannot be empty."); return false;} // end ifif (document.forms[0].userAge.value < 18) { alert("Age is less than 18. You are not an adult."); return false;} // end ifalert("Name and Age are valid.");return true;} // end function validateForm</script></head><body><h1>JavaScript Form Handling</h1><form method="post" action="https://webdevbasics.net/scripts/demo.php" onsubmit="return validateForm();"><label for="userName">Name:</label><input type="text"…arrow_forward
- How can a hyperlink tag structure be tested without clicking on it?arrow_forwardA Read aloud Draw F Highlight Create a web page which contains four links. These links are NOT underlined when user opens it. When user moves the mouse to hover on the link, its background color will be changed to yellow. When user clicks on the link it will go to the corresponding web site. In the example below The following is when hover on Google. Note its background color changed to Yellow. Here are my favorite sites Click on a name to go to that page. Facebook Twitter Yahoo Googlearrow_forwardJavascriptarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L