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
Need help with this in python!
Help! How do I turn the flowchart that searches for a name in an array of names into structured and spaced pseudocode?
The mail merge process has ____ steps. Question 19Select one: a. five b. six c. seven d. eight
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