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

Phases of web development
The process of developing web application and websites which works using the internet is known as web development. Web developers need to use scripting languages at both the server and client end. A content management system is necessary to create a stat…
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!
Previous
Chapter 9, Problem 5HOE
Next
Chapter 10, Problem 1RQ
Students have asked these similar questions
create a reference page containing five references from the information given below. The style you will use is APA. Please note,that citations should be listed alphabetically by the author, you will list them in the order they are below. 1.A book you have enjoyed reading 2.A web article found on bloomberg.com(Links to an external site.) 3.A newspaper article (any article) found in a recent newspaper (online or hard copy). It can be any newspaper. 4. A video from ABC News Go
Create a web page that helps you study HTML tags used. Present the tags in three lists. The first list should be an unordered list. The second list should be an ordered list. The third list should be a description list. Each list should be labelled using a h1 tag. Here are the tags that should be included in each of the lists: html, head, title, body, h1, h2, a, p, div, style, link, script, and br. html
Help with React Try to open the same page in any other browser or incognito tab and you will see that the values didn't persist. Why weren't your answers available in the other browser/incognito tab? ============================================================================== import React from "react"; import { Formik, Form, Field } from "formik"; import { useCookies } from "react-cookie"; const App = () => {   const [cookies, setCookie] = useCookies(["name"]);   const localStorageKey = "email";   return (     <Formik       initialValues={{         name: cookies.name || "",         email: localStorage.getItem(localStorageKey) || "",       }}       onSubmit={(values, { setSubmitting }) => {         setTimeout(() => {           setCookie("name", values.name, { path: "/" });           localStorage.setItem(localStorageKey, values.email);           alert(JSON.stringify(values, null, 2));           setSubmitting(false);         }, 400);       }}     >       {({…

Chapter 9 Solutions

Basics of Web Design: Html5 & Css3

Ch. 9 - Prob. 1RQCh. 9 - Prob. 2RQCh. 9 - Prob. 3RQCh. 9 - Prob. 4RQCh. 9 - Prob. 5RQCh. 9 - Prob. 6RQCh. 9 - Prob. 7RQCh. 9 - Prob. 8RQCh. 9 - Prob. 9RQCh. 9 - Prob. 10RQ
Ch. 9 - Prob. 1HOECh. 9 - Prob. 2HOECh. 9 - Prob. 3HOECh. 9 - Prob. 4HOECh. 9 - Prob. 5HOECh. 9 - Prob. 1FWD
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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
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
SEE MORE TEXTBOOKS