Basics of Web Design: Html5 & Css3
Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
bartleby

Concept explainers

Question
Book Icon
Chapter 9, Problem 1FWD
Program Plan Intro

a.

Screenshot of the web page that is appealing

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  1

Screenshot of the web page that is unappealing

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  2

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>”.

Expert Solution
Check Mark
Program Description Answer

The HTML code displays a web page that contains URL of the website.

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>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>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  3

Program Plan Intro

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>”.

Expert Solution
Check Mark
Program Description Answer

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>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  4

Program Plan Intro

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>”.

Expert Solution
Check Mark
Program Description Answer

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>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  5

Program Plan Intro

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>”.

Expert Solution
Check Mark
Program Description Answer

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>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  6

Program Plan Intro

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>”.

Expert Solution
Check Mark
Program Description Answer

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>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 9, Problem 1FWD , additional homework tip  7

Want to see more full solutions like this?

Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
(use R language)Scatter plot(a). Run the R code example, and look at the help file for plot() function. Try different values for arguments:type, pch, lty, lwd, col(b). Use par(mfrow=c(3,2)) and output 6 plots with different argument settings.
1. Draw flow charts for each of the following;a) A system that reads three numbers and prints the value of the largest number.b) A system reads an employee name (NAME), overtime hours worked (OVERTIME), hours absent(ABSENT) and determines the bonus payment (PAYMENT).
Scenario You work for a small company that exports artisan chocolate. Although you measure your products in kilograms, you often get orders in both pounds and ounces. You have decided that rather than have to look up conversions all the time, you could use Python code to take inputs to make conversions between the different units of measurement. You will write three blocks of code. The first will convert kilograms to pounds and ounces. The second will convert pounds to kilograms and ounces. The third will convert ounces to kilograms and pounds. The conversions are as follows: 1 kilogram = 35.274 ounces 1 kilogram = 2.20462 pounds 1 pound = 0.453592 kilograms 1 pound = 16 ounces 1 ounce = 0.0283 kilograms 1 ounce = 0.0625 pounds For the purposes of this activity the template for a function has been provided. You have not yet covered functions in the course, but they are a way of reusing code. Like a Python script, a function can have zero or more parameters. In the code window you…
Knowledge Booster
Background pattern image
Computer Science
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
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
CMPTR
Computer Science
ISBN:9781337681872
Author:PINARD
Publisher:Cengage
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Text book image
Oracle 12c: SQL
Computer Science
ISBN:9781305251038
Author:Joan Casteel
Publisher:Cengage Learning
Text book image
Microsoft Windows 10 Comprehensive 2019
Computer Science
ISBN:9780357392607
Author:FREUND
Publisher:Cengage