Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Expert Solution & Answer
Chapter 3, Problem 10RQ
Program Description Answer
The design technique that is used in creating pages that stretch to fill the browser window is Fluid.
Hence, the correct answer is option “B”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
1. Write a program that displays four images along with their label texts in a grid pane, as
shown below. You may use the images available in the folder "LabFiles"
| Flags
Sultanate of Oman
Republic of Yemen
Kingdom of Saudi Arabia
United Arab Emirates
Check Point:
How the nodes (elements) are arranged in a grid pane?
How can you add nodes to the grid pane?
2. Create different versions of this program to test different type of pane layouts.
Can you design me a graphics user interface in HTML/CSS for a game "Snake" .
Design the following HTML pages:
-A title page
-A game page with the snakes playground. Let the snake be static, and of a considerable lenght. Display an apple and a few obstacles.
-The instruction page that describes rules of the game and how to play it.
Make the button timer and reset work, also make the cards to be flipped over and make them to be in random order, when you match two correct cards let them be flipped, if they are not matching flipdem back. Do this in JavaScript.
html code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="start.css">
<title></title>
</head>
<body>
<div class="whole">
<div class="images"><img src="1.png"></div>
<div class="images" ><img src="final.jpg"></div>
<div class="images"><img src="2.png"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="4.png"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="3.png"></div>
<div…
Chapter 3 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
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
- What does the following JavaScript code accomplish? let surveyForm = window.open(""); let mainHeading = document.createElement("h1"); mainHeading.textContent = "Your Experience"; surveyForm.document.body.appendChild(mainHeading); a. opens a new browser window or tab containing only the heading “Your Experience” b. opens a blank browser window c. opens a pop-up dialog box with the message “Your Experience” d. creates a new element node within the web page being viewed in the current browser windowarrow_forwardCreate a web page that contains three buttons and two images. To meet the requirements follow the instructions given below by writing JavaScript and jquery: When user clicks the “Hide Images” button, both images should be vanished (jquery). When user clicks the “Show Images” button, both images should be appeared again (jquery). When user clicks the swap button, the height of both images should be swapped (JavaScript).arrow_forward1. When the user clicks on a picture and it opens a window containing a zoomed version of the image, give her a hyperlink (button) to add the pic to a favorites’ area at the bottom of the first page (add img nodes to the DOM). 2. A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first. 3. If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites. 4. (10% of the grade) Use good web design practices to enhance visually your html page. Add a title, picture, copyright line, etc.arrow_forward
- How do you display hyperlinks without an underline? Select one: O a. a {text-decoration:none;} O b. a {underline:none;} O c.a{text-decoration:no-underline;} O d. a {decoration:no-underline;}arrow_forwardPlease help me create a jframe with clickable image icons (with words at the bottom of the icons) and a search bar at the top. Please include the logo at the top. Please use java and comment the code. Images are provided belowarrow_forwardI need to code a Sierpinski Triangle that's in a canvas. This should be written in CSS, HTML, and Javascript. There should be two buttons on the bottom, one should say "delete" the other one should say "draw". If you press "draw" the triangle will be on the canvas. If you press "delete" the triangle will be gone from the canvas.arrow_forward
- HereWrite 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_forwardJavascript allowsWrite a page using a balloon emoji (?). When you push the up arrow, it should increase 10%, and when you press the down arrow, it should decrease 10%.Emoji are text, hence adjusting its parent element's font-size CSS property (style.fontSize) controls its size. Remember to provide a unit, such as pixels (10px)."Arrow Up" and "Arrow Down" are the arrow keys. Make sure the keys modify the balloon without scrolling.arrow_forwardmake a simple java program that can calculate the area of a circle add this button: 1. calculate button --> calculate the area2. reset button --> delete all inputs/output at once3. cancel button --> close the frame use any of the following: java awtjava swingjava applet java layout managerarrow_forward
- Design a quiz interface showing - In this project, you must develop a web page that contains various multiple-choice alternatives with four options, as well as the quiz's result, which will be presented after the user submits the test. However, each option should be javascript validated.arrow_forwardTRUE OR FALSE JavaScript codes placed in either HEAD or BODY need to be executed multiple times on pageload.arrow_forwardPlease implement this web browser menu bar. If you already visited the page for example Home is going to be purple. If you have not visited the page for example Producs is going to be blue. If you are going to visited Contact is going to be white text under black background.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT