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
Consider the following relational schema and briefly answer the questions that follow:   Emp(eid: integer, ename: string, age: integer, salary: real)  Works(eid: integer, did: integer, pct_time: integer)  Dept(did: integer, budget: real, managerid: integer)      a. Define a table constraint on Dept that will ensure that all managers have age > 30. b. Write SQL statements to delete all information about employees whose salaries exceed that of the manager of one or more departments that they work in. Be sure to ensure that all the relevant integrity constraints are satisfied after your updates.
Consider the following relations:     Student(snum: integer, sname: string, rmajor: string,          level: string, age: integer)   Class(cname: string, meets_at: time, room: string, fid: integer)   Enrolled(snum: integer, cname: string)   Faculty(fid: integer, fname: string, deptid: integer)     The meaning of these relations is straightforward; for example, Enrolled has one record per student-class pair such that the student is enrolled in the class.     2. Express each of the following integrity constraints in SQL unless it is implied by the primary and foreign key constraint; if so, explain how it is implied. If the constraint cannot be expressed in SQL, say so. For each constraint, state what operations (inserts, deletes, and updates on specific relations) must be monitored to enforce the constraint.   (a) Every faculty member must teach at least two courses. (b) Every student must be enrolled in the course called 'Math101'. (c) A student cannot add more than two courses at a time…
Consider the following relational schema. An employee can work in more than one department; the pct_time field of the Works relation shows the percentage of time that a given employee works in a given department.   Emp(eid: integer, ename: string, age: integer, salary: real)  Works(eid: integer, did: integer, pct_time: integer)  Dept(did: integer, budget: real, managerid: integer)      Write the following queries in SQL:   a. Print the name of each employee whose salary exceeds the budget of all of the departments that he or she works in. b. Find the enames of managers who manage only departments with budgets larger than $1 million, but at least one department with budget less than $5 million.
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