
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
- Question 1 Generate a random sample of standard lognormal data (rlnorm()) for sample size n = 100. Construct histogram estimates of density for this sample using Sturges’ Rule, Scott’s Normal Reference Rule, and the FD Rule. Question 2 Construct a frequency polygon density estimate for the sample in Question 1, using bin width determined by Sturges’ Rule.arrow_forwardGenerate a random sample of standard lognormal data (rlnorm()) for sample size n = 100. Construct histogram estimates of density for this sample using Sturges’ Rule, Scott’s Normal Reference Rule, and the FD Rule.arrow_forwardCan I get help with this case please, thank youarrow_forward
- I need help to solve the following, thank youarrow_forwardreminder it an exercice not a grading work GETTING STARTED Open the file SC_EX19_EOM2-1_FirstLastNamexlsx, available for download from the SAM website. Save the file as SC_EX19_EOM2-1_FirstLastNamexlsx by changing the “1” to a “2”. If you do not see the .xlsx file extension in the Save As dialog box, do not type it. The program will add the file extension for you automatically. With the file SC_EX19_EOM2-1_FirstLastNamexlsx still open, ensure that your first and last name is displayed in cell B6 of the Documentation sheet. If cell B6 does not display your name, delete the file and download a new copy from the SAM website. Brad Kauffman is the senior director of projects for Rivera Engineering in Miami, Florida. The company performs engineering projects for public utilities and energy companies. Brad has started to create an Excel workbook to track estimated and actual hours and billing amounts for each project. He asks you to format the workbook to make the…arrow_forwardNeed help completing this algorithm here in coding! 2arrow_forward
- Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningMicrosoft Windows 10 Comprehensive 2019Computer ScienceISBN:9780357392607Author:FREUNDPublisher:Cengage

