Deck 7: Improving Web Design With New Page Layouts

Question 1

According to the World Wide Web Consortium (W3C), the _____ "represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document."

A)content element
B)layout element
C)figure element
D)picture element

Answer 1

C

Question 2

A general rule is that a(n) _____ is appropriate only if the element's contents would be listed explicitly in the document's outline.

A)aside element
B)summary element
C)details element
D)section element

Answer 2

A

Question 3

A _____ is used as a focal point on a webpage to capture the user's attention.

A)banner image
B)logo
C)matrix layout
D)grid structure

Answer 3

A

Question 4

A(n) _____ defines different parts of a webpage document, such as chapters.

A)section element
B)article element
C)aside element 
D)summary element

Question 5

Identify the style that specifies bottom padding for a section element.

A)section {          : 3em;
        }
B)section {
          padding-bottom: 3em;
                  }
C)  {            padding-bottom: 3em;
           }
D) {           padding-bottom: (3em);
           }

Question 6

A(n) _____, as described by the World Wide Web Consortium (W3C), is an element that "represents a section of a page that consists of content that is tangentially related to the content around that element, and which could be considered separate from that content."

A)article element
B)aside element
C)section element
D)content element

Question 7

The text-shadow property requires the _____, which designates the horizontal position of the shadow.

A)ph-shadow value
B)h(text)-shadow value
C)h-shadow value
D)hp-shadow value

Question 8

The Cascading Style Sheet 3 (CSS3) _____ specifies the transparency of an element.

A)density property
B)opacity property
C)precision property
D)clarity property

Question 9

Consider the style rule: figure img {
          opacity: 0.7;
    }
Here, the opacity value will make the images appear _____.

A)70 percent transparent
B)with 30 percent opacity
C)30 percent transparent
D)completely opaque

Question 10

A(n) _____ is used in syndication that could be a forum post, a magazine or newspaper report, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

A)article element
B)aside element
C)summary element
D)section element

Question 11

A(n) _____ is used as a sidebar and contains additional information about a particular item mentioned within another element.

A)information element
B)section element
C)aside element
D)content element

Question 12

Identify the style rule for an h1 element to center-align its content.

A) h1 {       : center;
   }
B) h1 {       text-align: center;
   }
C) h1 {       text-align: ;
   }
D)h1 {       ;
    }

Question 13

0.1em in text-shadow: 0.2em 0.1em #3D3D35; indicates the _____.

A)position of the horizontal shadow
B)color of the shadow
C)position of the vertical shadow
D)transparency of the shadow

Question 14

While styling for an anchor element within a section element, which of the following specifies a transparent background color?

A)section a: {        background-color: transparent;
          }
B)section a {        background-color: 0;
         }
C)section a {        background-color: transparent;
          }
D)section a {        background-color: 1;
          }

Question 15

The … tags are referred as HTML5 _____.

A)syntax elements
B)semantic elements
C)logical elements
D)lexical elements

Question 16

The default value of the opacity property is _____.

A)1
B)0
C)0.5
D)2

Question 17

Consider the style rule: figure img: hover {
               opacity: 1;
             }
Here, when a mouse hovers over an image, _____.

A)the opacity is removed
B)it becomes completely opaque
C)the opacity is increased by 50 percent
D)the transparency is increased by 50 percent

Question 18

A _____ analyzes current content, performs in-depth research, and then drafts recommendations for content to attract new clients.

A)website analyst
B)web researcher
C)web content strategist
D)webpage planner

Question 19

Identify the style rule for applying a text shadow with a horizontal position of 0.2em, a vertical position of 0.1em, and a dark gray color to an h1 element.

A)h1 { text-shadow: #292933;
}
B) h1 { text-shadow: 0.2em 0.1em #292933;
}
C) h1 { text-shadow(h,v): 0.2em 0.1em #292933;
}
D)h1 { h:0.2em v:0.1em #292933;
}

Question 20

The figure element may contain an optional _____, which is used to provide a caption for the figure element.

A)image caption element
B)external figure element
C)embedded figure element
D)figure caption element

Question 21

Identify the correct style rule for a paragraph element within a section element to specify a left margin.

A)section {           margin-left: 0;
                 }
B)p {           margin-left: 0;
                }
C)section p {           margin-left: 0;
                 }
D)section {           margin(left): 0;
                 }

Question 22

Similar to the _____, the overflow property can help resolve display issues related to a nearby floating element.

A)queuing property
B)underflow property
C)clear property
D)stacking property

Question 23

The _____ can be used with the column-count property.A)column-gap property B)column-style property
C)column-width property
D)column-rule property

Question 24

If the main element is displaced to the banner image area, the issue can be corrected by applying an overflow property with a value of _____ to the main style rule contained within the tablet media query.

A)empty
B)zero
C)void
D)auto

Question 25

Identify the style rule to left-align an unordered list element contained within a main article element.

A) main article ul {         text-align: %left;
B) main article u-l  {         text-align: left;
               }
C) main article *ul {         text-align: left;
               }
D) main article ul {         text-align: left;
               }

Question 26

Identify the style rule for applying a rounded border to an aside element.

A)aside {    : (0 5em 5em 5em);
      }
B) {    border-radius: 0 5em 5em 5em;
      }
C) aside {    border-radius: 0 5em 5em 5em;
      }
D) %aside {    border-radius: 0 5em 5em 5em;
      }

Question 27

If a document has any errors, _____ gives one a chance to identify and correct them.

A)simulating
B)validating
C)authenticating
D)collaborating

Question 28

Identify the appropriate style rule to style the heading two element within the main element.

A) main h2 {           color: #FFFFFF;   
        }                   
B) h2 {           color: #FFFFFF;   
        }                   
C) main (h2) {           color: #FFFFFF;
        }                   
D) main h2 {           color/>: #FFFFFF;   
        }                   

Question 29

An aside element is independently distributable or reusable.

Question 30

The aside element represents a generic section of a document or application.

Question 31

Identify the style rule to apply a font color for a main article h2 element.

A) main article h2 {      color: #000000;
                }
B) main h2 {      color: #000000;
                }
C) main article h2 {       : (#000000);
                }
D) main article {      color: #000000;
                }

Question 32

The text-shadow property requires the _____.A)h-shadow value B)r-shadow value
C)l-shadow value
D)v-shadow value

Question 33

_____ is an effective troubleshooting tool during the development process and adds a valuable level of professionalism to one's work.

A)Simulation
B)Validation
C)Authentication
D)Compilation

Question 34

Identify the style rule to center-align an image element contained within a main article element.

A) main article img {         margin-left: auto;
        margin-right: auto;
                  }
B) main img {         margin-left: auto;
        margin-right: auto;
                  }
C) main article img {        : auto;
       : auto;
                  }
D) .

Question 35

_____ is an HTML entity used to display ¼ on a webpage.

A)*frac14;
B)14&frac;
C)14*frac;
D)¼

Question 36

Identify the style rule to left-align a paragraph element contained within a main article element.

A) main article {         text-align: left;
               }
B) main p {         text-align: left;
               }
C) main article p {         text-align: left;
               }
D) main article p {         : %left;
               }

Question 37

Identify the correct style rule to format the aside elements with an italic font style.

A){            font-style: italic;
          }
B) {            font-style: italic;
          }
C) aside {            font-style: italic;
          }
D) aside {            : italic;
          }

Question 38

The _____ is used to specify how to manage content when it "spills over" into another element.

A)queuing property
B) overflow property 
C)pipeline property
D)stacking property

Question 39

The _____ CSS3 property can be used to create multiple columns.

A)column-add
B)column-multiply
C)column-type
D)column-count

Question 40

_____ can be nested within article elements.A)Link elements B)Aside elements
C)Section elements
D)Place elements

Question 41

While redesigning the home page of a website, one can modify the wireframes for tablet and desktop viewports because the additional space allows extra content to be included.

Question 42

The World Wide Web Consortium (W3C) states that the section element is not a generic container element.

Question 43

Article elements can be nested within aside elements.

Question 44

The figure element is the same as the img element.

Question 45

The theme of each section for a section element should be identified, typically by including a footer element as a child of the section element.

Question 46

Many of today's modern websites display little text on the home page and use key words or phrases, or call-to-action items, to entice the user to further explore the website.

Question 47

The aside element can be formatted differently from the rest of the article so that it stands out.

Question 48

Each group of content on a webpage can be wrapped within a summary element.

Question 49

​A caption   element can be used to display a chart, graph, or table.

Question 50

A figure   element can contain one or more img elements.

Question 51

In modern day websites, textual content is kept to a minimum.

Question 52

Articles may be nested within other HTML elements.

Question 53

Webpage content should be grouped to improve semantic design and search engine results.

Question 54

Hypertext Markup Language (HTML) is commonly used to create a sliding banner.

Question 55

A mobile layout usually uses a three-column layout, whereas a one-column layout is usually used for tablet and desktop viewports.

Question 56

Wrapping elements within a paragraph element places each element within its own paragraph and subsequently blocks its surrounding content.

Question 57

The v-shadow value of the text-shadow property designates the horizontal position of the shadow.

Question 58

An aside element is contained in the middle of each article element.

Question 59

An opacity property value of 1 makes an element completely transparent.

Question 60

Each image element can be wrapped within separate figure and figure caption elements.

Question 62

The h2 element in a desktop viewport is the last element that needs to be formatted.

Question 63

_________ are sets of starting and ending Hypertext Markup Language (HTML) tags that provide meaning about the content of the tags.

Question 64

​Explain figure and figure caption elements.

Question 65

The _________ is a CSS3 property that applies a shadow to text.

Question 66

The _________ element is a semantic element with self-contained content.

Question 67

A(n) _________ is a graphic that usually brands a website, often by displaying its name or an identifying image.

Question 68

A(n) _________ is responsible for developing strategies for displaying content on a webpage.

Question 69

A(n) _________ should be used for content that naturally contains a heading.

Question 70

Critical Thinking Questions Ben has been assigned the task of restyling the website of a leading fashion brand. Ben observes that the content on the webpages are not grouped together due to which the website receives low search engine results.
After the grouping of all the areas together, Ben wants to specify a bottom padding of 3em for the section element. Which of the following style rules is the correct form of specifying bottom padding for a section element?

A)section {          bottom : 3em;
        }
B)section {          padding-bottom: 3em;
        }
C) section {          bottom-padding: 3em;
        }
D) section {           bottom: 3em;
        }

Question 71

​Critical Thinking Questions
James has been assigned the task of creating a website for the Finneray University. The website should primarily focus on delivering the following information to the visitors of their webpage: the various departments, the courses offered by the university, the duration of each course, the expert faculties, the scholarship programs, the fee structure, and the campus housing facilities.
James has also been asked to include sample tutorial videos while working on the university's website. He creates a webpage that contains a list of tutorials. He should use a(n) _____ to place each tutorial within a document including a heading element and an appropriate title for the tutorial followed by the tutorial content.

A)details element
B)aside element
C)summary element
D)section element

Question 72

Explain an article element. Also, give an example of three article elements nested within a main element.

Question 73

A(n) _________ element is contained at the bottom of each article element and the content provided in this element gives more information pertaining to that particular article.

Question 74

The _________, as described by the World Wide Web Consortium (W3C), is a complete, self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable.

Question 75

A(n) _________ consists of three or more images that display new products, promotions, or other new content to stimulate user interest.

Question 76

Wrapping elements within a(n) _________ places each element within its own paragraph.

Question 77

_________ are commonly used for pull-out quotes, glossary terms, or related links.

Question 78

One should add _________ elements to a webpage to group content to improve semantic design and search engine results.

Question 79

Explain a section element. Also, give an example of several section elements nested within an article element.

Question 80

Critical Thinking Questions Ben has been assigned the task of restyling the website of a leading fashion brand. Ben observes that the content on the webpages are not grouped together due to which the website receives low search engine results.
While restyling the About Us page, Ben notices that it contains groups of content that are not currently wrapped within a semantic element. These groups of content include the Designer Clothing group, the Casual Clothing group, and the Formal Clothing group. Ben should use a(n) _____ to group each of these areas together.

A)section element
B)summary element
C)details element
D)aside element