Concept explainers
a.
Screenshot of the web page that is appealing
Screenshot of the web page that is unappealing
Program Plan:
- Open the HTML tag “<html>”.
- Open the body tag “<body>”.
- Open the form tag “<form>”.
- Type answer for the question URL of the website inside the form tag.
- Close the form tag “</form>”.
- Close the HTML tag “</html>”.
The HTML code displays a web page that contains URL of the website.
Explanation of Solution
<!-- Open the html tag -->
<html>
<!-- Open the body tag -->
<body>
<!-- Open the fieldset tag -->
<fieldset>
<!-- Open the div tag -->
<div class="form" align="center">
<!-- Open and Close the label tag -->
<label>URL (appealing):</label>
<input type="text" name="url" value="https://www.irctc.co.in" size="20">
<br>
<!-- Open and Close the label tag -->
<label>URL (non-appealing):</label>
<input type="text" name="url" value="https://www.amazon.in" size="20">
<br>
<!-- Close the div tag -->
</div>
<!-- Close the fieldset tag -->
</fieldset>
<!-- Close the body tag -->
</body>
<!-- Close the html tag -->
</html>
Output:
Screenshot of the Webpage
b.
Program Plan:
- Open the HTML tag “<html>”.
- Open the body tag “<body>”.
- Open the form tag “<form>”.
- Type answer for the question does the web page uses any table inside the form tag.
- Close the form tag “</form>”.
- Close the HTML tag “</html>”.
The HTML code displays a web page that contains the answers for given question.
Explanation of Solution
Program:
<!-- Open the html tag -->
<html>
<!-- Open the body tag -->
<body>
<!-- Open the fieldset tag -->
<fieldset>
<!-- Open the div tag -->
<div class="form" align="center">
<!-- Open and Close the label tag -->
<label>Tables (appealing):</label>
<input type="text" name="table" value="Yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason:</label>
<textarea rows="5" cols="15">
The webpage uses tables for adding page layout, organizing information and so on.
</textarea>
<br>
<!-- Open and Close the label tag -->
<label>Tables (nonappealing) :</label>
<input type="text" name="table" value="Yes">
<br>
<label>Reason :</label>
<textarea rows="5" cols="15">
The webpage uses tables for adding page layout, organizing information and so on.
</textarea>
<br>
<!-- Close the div tag -->
</div>
<!-- Close the fieldset tag -->
</fieldset>
<!-- Close the body tag -->
</body>
<!-- Close the html tag -->
</html>
Output:
Screenshot of the Webpage
c.
Program Plan:
- Open the HTML tag “<html>”.
- Open the body tag “<body>”.
- Open the form tag “<form>”.
- Type answer for the question does web site uses CSS inside the form tag.
- Close the form tag “</form>”.
- Close the HTML tag “</html>”.
The HTML code displays a web page that contains the answers for question.
Explanation of Solution
Program:
<!-- Open the html tag -->
<html>
<!-- Open the body tag -->
<body>
<!-- Open the fieldset tag -->
<fieldset>
<!-- Open the div tag -->
<div class="form" align="center">
<!-- Open and Close the label tag -->
<label>CSS (appealing):</label>
<input type="text" name="css" value="Yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason : </label>
<textarea rows="5" cols="15">
The webpage uses CSS for adding background color, background image, borders, and so on.
</textarea>
<br>
<!-- Open and Close the label tag -->
<label>CSS (non-appealing) : </label>
<input type="text" name="css" value="yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason :</label>
<textarea rows="5" cols="15">
The webpage uses CSS for adding background color, background image, borders, and so on.
</textarea>
<br>
<!-- Close the div tag -->
</div>
<!-- Close the fieldset tag -->
</fieldset>
<!-- Close the body tag -->
</body>
<!-- Close the html tag -->
</html>
Output:
Screenshot of the Webpage
d.
Program Plan:
- Open the HTML tag “<html>”.
- Open the body tag “<body>”.
- Open the form tag “<form>”.
- Type answer for the question does the web page is appealing or non-appealing inside the form tag.
- Close the form tag “</form>”.
- Close the HTML tag “</html>”.
The HTML code displays a web page that contains the answers for given question.
Explanation of Solution
Program:
<!-- Open the html tag -->
<html>
<!-- Open the body tag -->
<body>
<!-- Open the fieldset tag -->
<fieldset>
<!-- Open the div tag -->
<div class="form" align="center">
<!-- Open and Close the label tag -->
<label>Appealing : </label>
<input type="text" name="appealing" value="yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason :</label>
<textarea rows="5" cols="15">
The webpage is appealing since it displays fewer advertisements and is more user friendly.
</textarea>
<br>
<!-- Open and Close the label tag -->
<label>Non-Appealing :</label>
<input type="text" name="nonappealing" value="yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason:</label>
<textarea rows="5" cols="15">
The web page is non-appealing since it displays more advertisements and hence is more user friendly.
</textarea>
<br>
<!-- Close the div tag -->
</div>
<!-- Close the fieldset tag -->
</fieldset>
<!-- Close the body tag -->
</body>
<!-- Close the html tag -->
</html>
Output:
Screenshot of the Webpage
e.
Program Plan:
- Open the HTML tag “<html>”.
- Open the body tag “ <body>”.
- Open the form tag “<form>”.
- Type answer for the question what improvements should be given to the webpage if it is nonappealing, inside the form tag.
- Close the form tag “</form>”.
- Close the HTML tag “</html>”.
The HTML code displays a web page that contains the answers for given question.
Explanation of Solution
Program:
<!-- Open the html tag -->
<html>
<!-- Open the body tag -->
<body>
<!-- Open the fieldset tag -->
<fieldset>
<!-- Open the div tag -->
<div class="form" align="center">
<!-- Open and Close the label tag -->
<label>Ifappealing :</label>
<input type="text" name="Ifappealing" value="yes">
<br>
<!-- Open and Close the label tag -->
<label>Reason :</label>
<textarea rows="5" cols="15">
The website would be appealing if it is more user friendly and if it displays fewer advertisements.
</textarea>
<br>
<!-- Close the div tag -->
</div>
<!-- Close the fieldset tag -->
</fieldset>
<!-- Close the body tag -->
</body>
<!-- Close the html tag -->
</html>
Output:
Screenshot of the Webpage
Want to see more full solutions like this?
Chapter 9 Solutions
Basics of Web Design: Html5 & Css3
- Why should you use links rather than shortcut keys while navigating your presentation?arrow_forwardcreate a reference page containing five references from the information given below. The style you will use is APA. Please note,that citations should be listed alphabetically by the author, you will list them in the order they are below. 1.A book you have enjoyed reading 2.A web article found on bloomberg.com(Links to an external site.) 3.A newspaper article (any article) found in a recent newspaper (online or hard copy). It can be any newspaper. 4. A video from ABC News Goarrow_forwardHello, I guess my question is how I would add the new things to an existing table. For some of the tables that I asked for the answer for, have the same name for the tables that I made before, but this time have new names and values to it. How would I add to an existing table in MySql? I also copy and pasted each table that I need help with. The name of the tables is in Sans Serif font while the values I need to add to the table is in fixed width font. Thank you. Ch3_NoComp: CREATE TABLE EMPLOYEE ( EMP_NUM int, EMP_LNAME varchar(20), EMP_INITIAL varchar(1), EMP_FNAME varchar(20), DEPT_CODE varchar(4), JOB_CODE varchar(2) ); INSERT INTO EMPLOYEE VALUES('11234','Friedman','K','Robert','MKTG','12'); INSERT INTO EMPLOYEE VALUES('11238','Olanski','D','Delbert','MKTG','12'); INSERT INTO EMPLOYEE VALUES('11241','Fontein','','Juliette','INFS','5'); INSERT INTO EMPLOYEE VALUES('11242','Cruazona','J','Maria','ENG','9'); INSERT INTO EMPLOYEE VALUES('11245','Smithson','B','Bernard','INFS','6');…arrow_forward
- Help with React Try to open the same page in any other browser or incognito tab and you will see that the values didn't persist. Why weren't your answers available in the other browser/incognito tab? ============================================================================== import React from "react"; import { Formik, Form, Field } from "formik"; import { useCookies } from "react-cookie"; const App = () => { const [cookies, setCookie] = useCookies(["name"]); const localStorageKey = "email"; return ( <Formik initialValues={{ name: cookies.name || "", email: localStorage.getItem(localStorageKey) || "", }} onSubmit={(values, { setSubmitting }) => { setTimeout(() => { setCookie("name", values.name, { path: "/" }); localStorage.setItem(localStorageKey, values.email); alert(JSON.stringify(values, null, 2)); setSubmitting(false); }, 400); }} > {({…arrow_forwardMake up a table of data. Your table must have at least four rows and four columns. It must have at least one rowspan and one colspan attribute. The value for these attributes must be greater than 1. You can make up your own data. However, the table does have to make sense. Please name this file part one.html,arrow_forwardNeed a little help with this one problem to Create a table with 3 rows and 3 columns. The top row contains 1 cell with a column span of 3. The leftmost cell on the next row spans 2 rows. All other cells span a single row and column.Each cell has a number. The numbers can be put in an <h1> tag if desired. The image below shows what the table should look like.arrow_forward
- Give your own explanation of the benefits of using page view when viewing your notes. Explain. Please respond in a couple of sentences.arrow_forwardGive your own explanation of why you would want to use page view while viewing your notes. Explain. Just answer in a couple of sentences.arrow_forwardBefore I deliver my PowerPoint presentation to my professor, please double-check all of my references and APA citations.arrow_forward
- Explain briefly four issues that are frequently related with table-based Web page layout.arrow_forwardQuestion1: create a: 1. View php page: This page should have an html table that displays the data from (users table) you created in Lab#7. 2. In the View php page you created, add two more columns in the view table, one allows editing of the row and one allows deleting the row.arrow_forwardDO NOT COPY FROM OTHER WEBSITES Write your own answer. Thank you!!!arrow_forward
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage