Homework 7
This assignment will reinforce your knowledge and ability to explore the code of the EW Templates.
All questions refer to Personal Template 7. /
1.) For styles, this template uses
a) inline styles
b) Embedded styles
c) External styles
d) All of the above
Questions 2-6 refer to default.html (the page shown above).
2) What external style sheet does it use?
a) style1.css
b) default.css
c) master.dwt
d) style3.css
3) Line 22: </div>
a) This closes the Masthead div
b) This closes the Container div
c) This closes the Footer div
d) This closes the CSS div
4) Line 32: <li<a href="links/default.html">Links</a</li>
a) This is a link to the external style sheet
b) This is the link to the Links page from the Navigation div
c) This is the link to the Links page from the Footer div
d) This is the link to the dynamic web template
5) The Footer div contains
a) a list of links
b) a table of links
c) links using the ‘|’ character as a separator.
d) links using an imagemap
6) Line 74: <!-- End Footer --</div>
a) This is the closing Footer div
b) This is the closing CSS div
c) This is the closing Container div.
Questions 7-14 refer to style3.css .
7) Line 1: @import url("layout.css");
a) This imports all the style rules from layout.css. It is used because the EW templates separate the styles associated with layout from the styles associated with colors and images.
b) All the rules in layout.css will be applied to the template’s pages.
c) Both a and b
8) If we comment out line 5 as follows: /*background-image: url("../images/background_tile.gif");*/
a) the page background will be white
b) the page background will be black
c) the page background will be a tiled image
d) the page background will be blue
9) If we edit line 12 to be: border-bottom: 2px solid #00EE00;
a) The Masthead border bottom will be green
b) The Container border bottom will be green
c) The Masthead border bottom will be blue
d) The Container border bottom will be blue
10) How would you edit line 17 in order to center the text “My Website”
a) text-align: center;
b) text-align: none;
c) text-align: middle;
d) text-align: equal;
11) What is the effect of editing line 34 to be: background-color: #DDD;
a) The left and right columns will be light blue.
b) The left column will be light blue.
c) The left and right columns will be gray.
d) The left column will be gray.
12) What is the effect of commenting out line 81 as follows: /* float: left; */
a) The navigation links align to the right
b) The navigation links disappear
c) The navigation links appear in a vertical rather than horizontal list.
d) The navigation link HREF attribute will change.
13) What is the effect of editing line 97 as follows: background-color: #10005F;
a) The appearance of the top navigation links will change when hovered
b) The appearance of the top navigation links will change on page load
c) The appearance of the Footer navigation links will change when hovered
d) The appearance of the Footer navigation links will change on page load
14) What is the effect of line 136: text-decoration: underline;
a) Underlines are present for all hyperlinks in the template
b) Underlines are present for hyperlinks in the footer. Hyperlinks in the Navigation div have a more specific rule on line 85.
c) Underlines are present for hyperlinks in the Navigation div. Hyperlinks in the Footer div have a more specific rule on line 85.
d) This rule only affects the appearance of the hyperlinks when hovered.
Question 15 refers to layout.css .
15) What is the effect of commenting out Line 9: /* margin: 0 auto; */
a) This change has no effect
b) The entire website will be aligned to the left in the browser window
c) The entire website will be centered in the browser window