Title: Unit 2 Exam
Course: RITA MC - WEB PAGE DESIGN I > Section: Unit 2 -- CSS, Graphics, and Tables

Q: Although CSS was used effectively in Web page layout for many years, the resulting HTML code is cumbersome.
- True
- False
A: False

Q: Designers sometimes use absolute positioning in very specific cases to achieve certain effects.
- True
- False
A: True

Q: Guides are visible within the Dreamweaver environment and on the finished Web page.
- True
- False
A: False

Q: The size of each graphic on a Web page contributes to the amount of time it takes a user’s browser to download the page.
- True
- False
A: True

Q: The Target attribute of a hotspot specifies the Web page or file that opens when the hotspot is clicked.
- True
- False
A: False

Q: The image name replaces the filename of one of the graphics in a rollover.
- True
- False
A: False

Q: If you set the border thickness to 0, the table structure will be invisible.
- True
- False
A: True

Q: The width attribute does not appear in the Property inspector for a selected table because most of the time, it is not necessary to define the width for a table.
- True
- False
A: False

Q: The background color for a cell takes precedence over the background image for the table.
- True
- False
A: True

Q: Before tables were fully supported, designers primarily used CSS to create style and structure for pages.
- True
- False
A: False

Q: Elastic layouts use pixels as the unit for div and text styles.
- True
- False
A: False

Q: In a parent-child relationship between two tags, the inside contained tag is the parent.
- True
- False
A: False

Q: You can edit a style from within the CSS Styles panel.
- True
- False
A: True

Q: The GIF format is usually used on graphics that have many gradient colors.
- True
- False
A: False

Q: The attributes of the HTML tag for a table are visible in the Property inspector when the entire table is selected.
- True
- False
A: True

Q: ____ page layout is the current standard for laying out professional Web pages.
- HTML
- CSS
- XML
- Both a and c
A: CSS

Q: In CSS page layout, the div tag is commonly placed around ____.
- text
- page elements
- images
- any of the above
A: any of the above

Q: ____ layouts give designers less control over the look of the pages.
- Liquid
- Elastic
- Fixed-width
- Indexed
A: Liquid

Q: Prebuilt CSS layout pages contain all of the following EXCEPT ____.
- div tags
- a list of CSS styles
- placeholder content
- XML
A: XML

Q: The prebuilt CSS layout pages contain ____ layouts.
- fixed-width
- elastic
- fluid
- all of the above
A: all of the above

Q: All of the following are new tags in HTML5 EXCEPT ____.
- header
- nav
- tangent
- article
A: tangent

Q: The most powerful thing about having a(n) ____ style sheet that is connected to all the pages of the site is that any change made in one place will affect all the pages in the site.
- embedded
- inline
- indexed
- external
A: external

Q: AP divs can do any of the following EXCEPT ____.
- be drawn in Code view
- be made invisible
- be animated
- have their stacking order changed
A: be drawn in Code view

Q: You can press the ____ keys to hide the rulers.
- Ctrl+Alt+C
- Ctrl+Alt+R
- Alt+K
- Alt+C
A: Ctrl+Alt+R

Q: The yellow item in the accompanying figure can contain all of the following EXCEPT ____.
- other divs
- multimedia content
- other Web pages
- forms
A: other Web pages

Q: The name of an AP div cannot contain ____.
- spaces
- symbols
- numbers
- either a or b
A: either a or b

Q: When you create an AP div, Dreamweaver places an ID style in the head of the page that defines the ____.
- type of positioning
- height
- left coordinates
- all of the above
A: all of the above

Q: Case-Based Critical Thinking Questions
Case 4-1

Shay has come to ask you some questions about a few new projects he is developing because he knows that you know a lot about floating layouts, and he wants some guidance.

For another design, Shay needs to have a very precise size for the pages. Which of the following layout options do you suggest to him?
- fixed-width
- indexed
- liquid
- elastic
A: fixed-width

Q: Case-Based Critical Thinking Questions
Case 4-1

Shay has come to ask you some questions about a few new projects he is developing because he knows that you know a lot about floating layouts, and he wants some guidance.

For a third design, Shay has been asked to keep in mind that the audience for the site has a lot of people who are blind. Which of the following layout options do you suggest to him?
- fixed-width
- indexed
- liquid
- elastic
A: elastic

Q: ____ color is one shade and does not vary with subtle darkening or lightening.
- Nongradient
- Gradient
- Spacer
- Lossy
A: Nongradient

Q: The black boxes around the image in the accompanying figure show that the image has been ____.
- copied
- selected
- placed
- moved
A: selected

Q: A(n) ____ is a graphic that is divided into invisible regions.
- image map
- hotspot
- graphic hyperlink
- nest
A: image map

Q: The ____ attribute of a hotspot specifies the frame or window in which the linked Web page will open.
- Link
- Map
- Target
- Alt
A: Target

Q: A ____ is an image that changes when the pointer moves across it.
- rollover
- spacer-image
- gradient
- hotspot
A: rollover

Q: The four lines that mark the edges of a cell are called ____.
- rows
- columns
- borders
- margins
A: borders

Q: Specifying the table width ____ creates a table that will not change size when the browser window is resized.
- in pixels
- in centimeters
- as a fraction
- as a percentage
A: in pixels

Q: The ____ attribute of a table specifies the amount of empty space maintained between the border of a cell and the cell’s content.
- Cell padding
- Cell spacing
- Border
- Width
A: Cell padding

Q: The item marked ____ in the accompanying figure is dragged to change table width.
- 1
- 2
- 3
- 4
A: 2

Q: Case-Based Critical Thinking Questions
Case 5-1

Part of your new job on the Web development team is to review the page download sizes of new pages added to the site to make sure that everything added is well-considered.

If you know that a new page added to a particular site is 100 kb and is mainly viewed by users on dial-up connections, approximately how long should you be budgeting for your users to wait to view the page?
- 2 seconds
- 10 seconds
- 20 seconds
- 40 seconds
A: 20 seconds

Q: Case-Based Critical Thinking Questions
Case 5-2

You are going to give a new colleague a brief tutorial of the attributes in the Property inspector when a graphic is selected.

What do you tell your colleague is the function of the Alt attribute?
- It displays space vertically along the top of the selected graphic.
- It contains the path to the source file of a low-resolution image that displays while the high-resolution image is downloading.
- It determines the position of the baseline on which text will sit.
- It offers an alternate text description of the graphic that appears in place of the graphic when the page is opened in a browser that displays only text.
A: It offers an alternate text description of the graphic that appears in place of the graphic when the page is opened in a browser that displays only text.

Q: Click the item marked 1 in the accompanying figure to insert a(n) ____________________ tag.
A: comment

Q: The z-coordinate is also known as the ____________________ number.
A: z-index

Q: The ____________________ tool works with Live view to enable you to identify HTML elements and their associated CSS styles.
A: CSS Inspect

Q: The process of determining what is not working in code is called ____________________.
A: debugging

Q: ____________________ is a process that shrinks the file size of the graphic by using different types of encoding to remove redundant or less important information.
A: Compression

Q: The fewer ____________________ used in a GIF image, the smaller the file size.
A: colors

Q: The ____________________ is the name that will appear in the Property inspector when one of the rollover graphics is highlighted.
A: image name

Q: Each time you ____________________ a compressed image file, the file compresses further.
A: save / resave

Q: In Photoshop, ____________________ enable you to separate the elements that make up the image.
A: layers

Q: The ‘Merges selected cells using spans’ option in the Property inspector joins all selected cells into one ____________________.
A: cell