Chapter 4 Creating Tables in a Web Site Using an External Style Sheet

Transcription

1 Chapter 4 Creating Tables in a Web Site Using an External Style Sheet MULTIPLE RESPONSE Modified Multiple Choice 1. Attributes are set relative to the elements in a table. a. line c. row b. column d. cell ANS: B, C, D PTS: 1 REF: HTML A table caption is descriptive text located a table that further describes the purpose of the table. a. above c. to the left of b. below d. to the right of ANS: A, B PTS: 1 REF: HTML Tables include features such as. a. resolutions c. borders b. captions d. headers ANS: B, C, D PTS: 1 REF: HTML Creating tables for a Web page always includes. a. determining if a table is needed c. coding the table b. captioning the table d. planning the table ANS: A, C, D PTS: 1 REF: HTML Text in a heading cell appears. a. italicized c. bold b. centered d. justified ANS: B, C PTS: 1 REF: HTML 193 MULTIPLE CHOICE 1. are useful when you want to arrange text and images in order to make the information straightforward and clear to the Web page visitor. a. Indices c. Animations b. Flowcharts d. Tables ANS: D PTS: 1 REF: HTML The of a table helps to define what formatting is appropriate. a. dimension c. size b. resolution d. purpose ANS: D PTS: 1 REF: HTML 161 1

2 3. Tables allow you to organize information on a Web page using HTML. a. keylinks c. indices b. flowcharts d. tags ANS: D PTS: 1 REF: HTML Tables can be used to create a around an image. a. baseline c. matrix b. border d. flowchart ANS: B PTS: 1 REF: HTML Using a table to create a(n) is a simple technique that gives an image a polished look and highlights the image. a. banner c. index b. link d. frame ANS: D PTS: 1 REF: HTML Tables are similar in design to. a. spreadsheets c. documents b. presentations d. databases ANS: A PTS: 1 REF: HTML A heading cell displays text as bold and. a. left-aligned c. right-aligned b. center-aligned d. justified ANS: B PTS: 1 REF: HTML You can set for an entire row of information, for a single cell, or for one or more cells within a row. a. links c. attributes b. keys d. indices ANS: C PTS: 1 REF: HTML consist of rows, columns, and cells. a. Indices c. Flowcharts b. Tables d. Animations ANS: B PTS: 1 REF: HTML A(n) is a horizontal line of information in a table. a. column c. row b. grid d. baseline ANS: C PTS: 1 REF: HTML 163 2

3 11. A(n) is a vertical line of information in a table. a. column c. row b. grid d. baseline ANS: A PTS: 1 REF: HTML A(n) is the intersection of a row and a column. a. apex c. index b. cell d. chart ANS: B PTS: 1 REF: HTML A(n) cell displays normal text that is left-aligned. a. data c. heading b. index d. baseline ANS: A PTS: 1 REF: HTML A table is any cell with bold text that indicates the purpose of the row or column. a. caption c. glossary b. key d. header ANS: D PTS: 1 REF: HTML A caption can be placed a table. a. to the left of c. above b. to the right of d. all of the above ANS: C PTS: 1 REF: HTML The attribute supports several values to provide different formatting options. a. headers c. grid b. borders d. rules ANS: D PTS: 1 REF: HTML The attribute allows a Web developer to select which internal borders to show in a table. a. visible c. display b. internal d. rules ANS: D PTS: 1 REF: HTML The value for the rules attribute creates a table with no internal rules. a. null c. none b. plain d. void ANS: C PTS: 1 REF: HTML 166 3

4 19. The value for the rules attribute creates a table with vertical rules between each column in the table. a. cols c. up b. vert d. rows ANS: A PTS: 1 REF: HTML The process for creating tables for a Web page includes. a. determining if a table is needed; planning the table; and coding the table b. determining if a table is needed; planning the table; linking the table; and coding the table c. determining if a table is needed; coding the table; and formatting the table d. determining if a table is needed; formatting the table; planning the table; and coding the table ANS: A PTS: 1 REF: HTML The first step in creating a table is to. a. code the table c. determine if a table is needed b. format the table d. plan the table ANS: C PTS: 1 REF: HTML Conceptualizing a table on paper first saves time trying to determine which HTML table to use to create the table. a. keylinks c. flowcharts b. indices d. tags ANS: D PTS: 1 REF: HTML The tags indicate the start and end of table rows. a. <td></td> c. <th></th> b. <tc></tc> d. <tr></tr> ANS: D PTS: 1 REF: HTML The tags indicate the start and end of a row with table heading cells. a. <td></td> c. <th></th> b. <tc></tc> d. <tr></tr> ANS: C PTS: 1 REF: HTML The tags indicate the start and end of a row of data cells. a. <td></td> c. <th></th> b. <tc></tc> d. <tr></tr> ANS: A PTS: 1 REF: HTML The tag indicates the start and end of a table. a. <tr> </tr> c. <table> </table> b. <t> </t> d. <tab> </tab> ANS: C PTS: 1 REF: HTML 169 4

5 27. The tags have the same attributes. a. <tr> and <th> c. <th> and <td> b. <td> and <tr> d. <td> and <tt> ANS: C PTS: 1 REF: HTML The tag does not use the valign attribute. a. <tr> c. <td> b. <table> d. <th> ANS: B PTS: 1 REF: HTML The tag uses the border attribute. a. <table> c. <tr> b. <td> d. <th> ANS: A PTS: 1 REF: HTML The attribute of the <table> tag defines the number of columns in the table. a. cols c. width b. num d. columns ANS: A PTS: 1 REF: HTML The width of a table s border is defined in. a. picas c. points b. pixels d. inches ANS: B PTS: 1 REF: HTML Each page in a multipage Web site should have a link back to the page of the Web site. a. index c. home b. start d. origin ANS: C PTS: 1 REF: HTML Changing the of an image can cause the image to look distorted on the Web page. a. resolution c. width b. dimension d. style ANS: C PTS: 1 REF: HTML Press to copy selected text to the Clipboard. a. CTRL+W c. CTRL+V b. CTRL+B d. CTRL+C ANS: D PTS: 1 REF: HTML defines the number of pixels of space between cells in a table. a. Cellspacing c. Cellwidth b. Cellpadding d. Cellheight ANS: A PTS: 1 REF: HTML 197 5

6 36. defines the number of pixels of space between a cell's contents and the cell wall. a. Cellspacing c. Cellwidth b. Cellpadding d. Cellheight ANS: B PTS: 1 REF: HTML If you do not use the attributes, the size of each data cell automatically is set to the minimum size needed for the text inserted in the data cell. a. cellspacing or cellpadding c. vspace and hspace b. width and height d. resolution and dimension ANS: A PTS: 1 REF: HTML The colspan attribute of the tag sets a number of columns spanned by a cell. a. <td> c. <tr> b. <th> d. both a and b ANS: D PTS: 1 REF: HTML Captions are recommended for tables that are used to. a. structure columns and rows of information b. position images c. create menu bars d. all of the above ANS: A PTS: 1 REF: HTML If you decide to add row or column, it is best to sketch your ideas on paper first. a. scanning c. spanning b. titles d. anchors ANS: C PTS: 1 REF: HTML 202 TRUE/FALSE 1. You cannot apply a background color to a table cell. ANS: F PTS: 1 REF: HTML Tables can be simple, with a basic grid format and no color. ANS: T PTS: 1 REF: HTML Tables cannot be used to position text and images. ANS: F PTS: 1 REF: HTML An advantage to wrapping text around an image, instead of using a table, is that you have more control over the placement of the text and the image. ANS: F PTS: 1 REF: HTML 162 6

7 5. The purpose for a table dictates which features are used. ANS: T PTS: 1 REF: HTML Creating tables for a Web page is a two-step process: (1) determining if a table is needed; and (2) coding the table. ANS: F PTS: 1 REF: HTML The first step in creating a table is to code the table. ANS: F PTS: 1 REF: HTML All Web pages require the use of tables. ANS: F PTS: 1 REF: HTML A general rule is that a table should be used when it will help organize information or Web page elements in such a way that it is easier for the Web page visitor to read. ANS: T PTS: 1 REF: HTML To create effective tables, you must begin by planning how the information will appear in the table and create a good design. ANS: T PTS: 1 REF: HTML After a table is sketched on paper, it is easier to see how many rows and columns to create, if the table will include headings, and if any of the headings span rows or columns. ANS: T PTS: 1 REF: HTML The home page is the main page of a Web site, which Web site visitors generally view first. ANS: T PTS: 1 REF: HTML To create an external style sheet, enter all of the style statements in a text file using Notepad++ or another text editor, and then save the text file with a.css extension. ANS: T PTS: 1 REF: HTML The format of an external style sheet is very different from the format of an embedded style sheet. ANS: F PTS: 1 REF: HTML Press CTRL+P to paste contents from the Clipboard into a file. ANS: F PTS: 1 REF: HTML 190 7

8 16. Tables with borders are most appropriate when the tables are used to position text and image elements. ANS: F PTS: 1 REF: HTML Click the Print button on the Command bar to print a Web page using the browser. ANS: T PTS: 1 REF: HTML Using cellpadding adds space between cells (or columns). ANS: F PTS: 1 REF: HTML When a table uses the cellspacing and cellpadding attributes, the size of each data cell is automatically set to the minimum size needed for the text inserted in the data cell. ANS: F PTS: 1 REF: HTML Creating headings that span rows and columns defines tables more clearly. ANS: T PTS: 1 REF: HTML Tables used to structure columns and rows of information can benefit from having an index to clarify the contents of the table. ANS: F PTS: 1 REF: HTML If the content in a table is broken into logical segments of information, you should not use row or column spanning. ANS: F PTS: 1 REF: HTML You can help visitors more easily read a table full of information by varying the background colors effectively. ANS: T PTS: 1 REF: HTML Before using row or column spanning, it is best to sketch your ideas on paper first. ANS: T PTS: 1 REF: HTML Given an external style sheet named styles1.css, the code <link rel="stylesheet" type="text/css" href="styles1.css" /> will link the HTML file in which this code appears to that style sheet. ANS: T PTS: 1 REF: HTML 203 8

9 MODIFIED TRUE/FALSE 1. Tables consist of rows, columns, and cells, much like text files. ANS: F, spreadsheet PTS: 1 REF: HTML Using the attribute and value rules= null creates tables with no internal rules. ANS: F, none PTS: 1 REF: HTML Data cells are indicated by the start <th> and </th> tags. ANS: F, Heading PTS: 1 REF: HTML The most beneficial feature of the internal style sheet is that you can easily change the appearance of all Web pages into which the style sheet is linked just by changing the style sheet. ANS: F, external PTS: 1 REF: HTML When a table is used to structure columns and rows of information, bordered tables are most appropriate. ANS: T PTS: 1 REF: HTML 191 COMPLETION 1. A table is the line that encloses the perimeter of the table. ANS: border PTS: 1 REF: HTML A table is descriptive text located above or below the table that further describes the purpose of the table. ANS: caption PTS: 1 REF: HTML 165 9

10 3. generally are useful on a Web page if the Web page needs to display a structured, organized list of information or includes text and images that must be positioned in a very specific manner. ANS: Tables PTS: 1 REF: HTML There are main HTML tags used to create a table. ANS: four PTS: 1 REF: HTML All tags for a table are inserted within the < > tags. ANS: table PTS: 1 REF: HTML Generally, companies utilize the same on their Web site as they use on print material associated with the company, such as business cards and letterheads. ANS: logo PTS: 1 REF: HTML The attribute of the <table> tag sets the table width relative to the window width. ANS: width PTS: 1 REF: HTML The cellspacing attribute of the <table> tag defines the space between cells in. ANS: pixels PTS: 1 REF: HTML When using a table to organize text links, it is important to first decide how to the table. ANS: format PTS: 1 REF: HTML

11 10. The attribute of the <th> or <td> tag sets the number of rows spanned by a cell. ANS: rowspan PTS: 1 REF: HTML The attribute of the <th> or <td> tag sets the number of columns spanned by a cell. ANS: colspan PTS: 1 REF: HTML Using the = top attribute aligns the information in a cell at the top of the cell. ANS: valign PTS: 1 REF: HTML All external style sheets must be saved with the file name extension of. ANS:.css PTS: 1 REF: HTML tables often are appropriate when the tables are used to position text and image elements. ANS: Borderless PTS: 1 REF: HTML A table is modified to use cellspacing and cellpadding by adding these attributes to the < > tag. ANS: table PTS: 1 REF: HTML defines the number of pixels of space between a cell s contents and the cell wall. ANS: Cellpadding PTS: 1 REF: HTML

12 17. The attribute sets the amount of space between cells. ANS: cellspacing PTS: 1 REF: HTML Tables used to structure columns and rows of information can benefit from having a(n) to clarify the contents of the table. ANS: caption PTS: 1 REF: HTML A(n) can be used to add information that doesn't fit elsewhere in the table. ANS: caption PTS: 1 REF: HTML To quit Notepad++, click the button on the Notepad++ title bar. ANS: Close PTS: 1 REF: HTML 206 MATCHING Identify the letter of the choice that best matches the phrase or definition. a. <td> </td> f. <th> </th> b. cellpadding g. table c. browser h. menu bar d. spanning i. cellspacing e. caption j. rows 1. You can use this to create Web pages with two newspaper-type columns of text or structured lists of information 2. Using the rules attribute with this value creates a table with horizontal rules between each row in the table 3. Table columns are indicated in an HTML file by these tags 4. The first row in a table includes table heading cells, as indicated by these tags 5. When prominently displayed on a Web page, this gives a visitor ready access to navigation links 6. After an HTML file for a Web page is saved, it should be viewed in this to confirm that the page appears as desired and that the links function as expected 7. Defines the number of pixels between cells in a table 8. Defines the number of pixels of space between a cell s contents and its border 9. Descriptive text located above or below the table that further describes the purpose of the table 10. A technique used frequently to create a heading that goes across rows or columns 1. ANS: G PTS: 1 REF: HTML

13 2. ANS: J PTS: 1 REF: HTML ANS: A PTS: 1 REF: HTML ANS: F PTS: 1 REF: HTML ANS: H PTS: 1 REF: HTML ANS: C PTS: 1 REF: HTML ANS: I PTS: 1 REF: HTML ANS: B PTS: 1 REF: HTML ANS: E PTS: 1 REF: HTML ANS: D PTS: 1 REF: HTML 200 ESSAY 1. Listing at least three attributes per tag, provide the name and function of attributes associated with each of the table tags. ANS: <table> </table> border: Defines width of table border in pixels cellspacing: Defines space between cells in pixels cellpadding: Defines space between a cell s contents and its border in pixels cols: Defines number of columns width: Sets table width relative to window width <tr> </tr> valign: Vertically aligns row (top, middle, bottom) <td> <td> and <th> </th> colspan: Sets number of columns spanned by a cell rowspan: Sets number of rows spanned by a cell valign: Vertically aligns cell (top, middle, bottom) PTS: 1 REF: HTML 170 TOP: Critical Thinking 13

14 2. Explain what an external style sheet is and what its major benefit is. ANS: An external style sheet is a text file that contains the selectors and declarations for the styles you want to apply across the Web site. External style sheets are the most comprehensive type of style sheet and can be used to control the consistency and look of many Web pages within a Web site. Adding an external style sheet to a Web page involves a two-step process of creating an external style sheet and then linking this style sheet to the desired Web pages. The most beneficial feature of the external style sheet is that you can easily change the style (appearance) of all Web pages into which the style sheet is linked just by changing the external style sheet. For instance, take a style that goes across all the Web pages in a Web site and assuming that style is found in an external style sheet. If the owners of the Web site decide that they do not like the look (or style) of that font-family or font-size, you only have to make the change in one file the external style sheet. Compare that process to having the font-family and font-size inserted into every single Web page in a Web site either with embedded style sheets or (worst case) inline styles. To make a change to all font-family and font-size styles, you would have to change those in every single place that those styles reside. External (linked) style sheets are the most efficient and powerful way to change styles for an entire Web site. PTS: 1 REF: HTML 178 TOP: Critical Thinking 3. How do you determine if a caption is needed for a table? ANS: A caption can help clarify the table s purpose. For some tables, such as a table used to position images or a table used to create menu bars, captions are not appropriate. Tables used to structure columns and rows of information can benefit from having a caption to clarify or add information about the contents of the table. The caption tag must be inserted directly after the <table> tag. PTS: 1 REF: HTML 202 TOP: Critical Thinking 14

15 CASE Critical Thinking Questions Case 4-1 Kathryn wants to learn how to create Web pages with tables, so she has asked her colleague Mary to explain how they work. 1. Mary tells Kathryn that tables can be used for a variety of purposes. Which of the following is NOT a true statement that Mary can make about tables in a web page? a. They can be used to create Web pages with c. They can be used to create a border or newspaper-type columns of text. frame around an image. b. They provide more control over the placement of text and images than is possible by just wrapping text around an image. d. They must always have a visible border. ANS: D PTS: 1 REF: HTML 161 HTML 162 HTML 163 TOP: Critical Thinking 2. Kathryn wants to add text that identifies the purpose of a table as a whole. What type of table feature should she use? a. a table border c. a table header b. a table caption d. a table rule ANS: B PTS: 1 REF: HTML 165 TOP: Critical Thinking Critical Thinking Questions Case 4-2 Kathryn has mastered the basics of creating tables, but now she wants to take her design to the next level. She has more specific questions for Mary about some of the advanced features of HTML table design? 3. Mary is teaching Kathryn how to add extra spacing to a table on a Web page. She first explains how to specify the amount of space between cells in a table. Which attribute is used for that purpose? a. cellspacing c. colspan b. cellpadding d. rowspan ANS: A PTS: 1 REF: HTML 197 TOP: Critical Thinking 15

16 4. Kathryn wants to specify the amount of space between a cell's contents and the cell wall. Which attribute should she use for that purpose? a. cellspacing c. borderspacing b. cellpadding d. valign ANS: B PTS: 1 REF: HTML 197 TOP: Critical Thinking 16