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
Do we refer to two different things when we talk about the Internet and the World Wide Web? Are the World Wide Web and the Internet independent things? How many stages are there in the process of designing a website? Provide an explanation of the goal of each step.
Using query string with javascript, how do I populate the third page with the required information? Page #3: Congratulates the user, or informs them of their failure to guess the word. This page must show: User 1 Name User 2 Name Word they were trying to guess Page 1 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hangman</title> </head> <body> <h1>Welcome to the Hangman Word Guessing Game!</h1> <p>Enter your name:</p> <input type="text" id="name-input"> <p>Enter a word for the other player to guess:</p> <input type="text" id="word-input"> <p>Enter the number of incorrect guesses allowed:</p> <input type="number" id="guesses-input"> <button onclick="startGame()">Go</button> <script src="script1.js"></script> </body> </html> script1.js: function startGame() { const name = document.getElementById("name-input").value; const…
Computer Science Locate six websites: two e-commerce websites, two blogs about web design, and two organizational websites. Familiarize yourself with the navigation on each website. 2. Examine how each website presents text links. Does the link text clearly identify the link’s target webpage or content? Do tooltips appear when you point to a text link? Does the website use both color and formatting to define text links? How are fresh and followed links differentiated? Are hidden or rollover text links used?   3. Examine how each website presents menus. What type(s) of menus does the website use? Do any examples of hidden menus exist? Were they easy to find and use?   4. Will the results of your research determine what type(s) of navigation you would use as a web designer? If yes, how? If no, why not?
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
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Text book image
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Text book image
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
Text book image
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Text book image
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Text book image
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education