Name:     ID: 
 
Email: 

Dreamweaver Unit G

True/False
Indicate whether the statement is true or false.
 
 
nar001-1.jpg
 

 1. 

Dreamweaver offers 36 predesigned layouts in the New Document dialog box shown in the accompanying figure.
 

 2. 

You cannot stack AP divs on top of each other.
 

 3. 

An AP div has a specified position that doesn’t change even when viewed in different-sized windows.
 

 4. 

When using a predesigned CSS layout, the properties for individual rules can be modified.
 

 5. 

You can open the CSS Rule definition dialog box by double-clicking a rule name on the CSS Styles panel.
 

 6. 

It is likely that you will find a predesigned CSS page layout that is exactly what you have in mind for your website.
 

 7. 

You may need to expand the Properties pane to be able to see the properties.
 

 8. 

There is only one method of inserting a table in Dreamweaver.
 

 9. 

Guides are visible in the browser.
 

 10. 

You can set guides either to snap to page elements or have page elements snap to them.
 

Multiple Choice
Identify the choice that best completes the statement or answers the question.
 

 1. 

____ are HTML code segments that set the appearance and position of blocks of web page content.
a.
Div tags
c.
Headers
b.
Meta tags
d.
Positioners
 

 2. 

An AP div creates a container called an ____.
a.
AP object
c.
AP layout
b.
AP placeholder
d.
AP element
 

 3. 

A JavaScript ____ is an action script that allows you to add dynamic content to your web pages.
a.
action
c.
behavior
b.
event
d.
trigger
 
 
nar001-1.jpg
 

 4. 

Some predesigned CSS layouts like the ones in the accompanying figure contain features such as ____, headers, and footers.
a.
text notes
c.
search boxes
b.
sidebars
d.
sizing boxes
 

 5. 

A fixed layout has columns expressed in ____ and will not change sizes when viewed in different window sizes.
a.
pixels
c.
points
b.
ems
d.
percentages
 

 6. 

A liquid layout has columns expressed as ____ based on the browser window width, so it will change sizes according to the window size.
a.
pixels
c.
points
b.
ems
d.
percents
 

 7. 

The Width and Height properties specify the dimensions of the div tag in the default units of ____.
a.
points
c.
pixels
b.
percentage
d.
dots per inch
 

 8. 

Press ____ [Tab] to switch between two open pages.
a.
[Shift]
c.
[Ctrl]
b.
[Alt]
d.
[Spacebar]
 

 9. 

It is generally better to use a(n) ____ style sheet to format text, to provide consistency across the site.
a.
internal
c.
linked
b.
external
d.
hybrid
 

 10. 

Styles that you have previously applied might conflict with div styles, so you might want to remove redundant style ____, such as font and alignment settings.
a.
lists
c.
tags
b.
properties
d.
blocks
 

 11. 

The Browser Compatibility Check feature flags and rates code on ____ level(s).
a.
one
c.
three
b.
two
d.
five
 

 12. 

To use the Browser Compatibility Check feature, use the File, ____, Browser Compatibility command.
a.
Advisor
c.
Code
b.
Rendering
d.
Check Page
 

 13. 

When placing important information on a web page, you can use guides to emulate a newspaper ____, which represents the place where a newspaper is folded.
a.
crease line
c.
newspaper line
b.
fold line
d.
fine line
 
 
nar002-1.jpg
 

 14. 

The table shown in the accompanying figure is in ____ mode.
a.
Standard
c.
Dynamic
b.
Expanded Tables
d.
Basic
 

 15. 

The distance across the table in the accompanying figure is the ____ of the table.
a.
dimension
c.
resolution
b.
width
d.
interpolation
 

 16. 

The ____ is the outline around the table and the individual cells in the accompanying figure.
a.
frame
c.
border
b.
context
d.
margin
 

 17. 

Cell ____ is the distance between the cell content and the cell walls in the accompanying figure.
a.
spacing
c.
environment
b.
interstitial
d.
padding
 

 18. 

Cell ____ are the lines inside the cell borders.
a.
walls
c.
indices
b.
margins
d.
frames
 

 19. 

Cell ____ is the distance between cells.
a.
framing
c.
padding
b.
spacing
d.
interpolation
 
 
nar003-1.jpg
 

 20. 

The table in the accompanying figure is in ____ mode.
a.
Standard
c.
Expanded Tables
b.
Basic
d.
Fluid
 

 21. 

The table mode in the accompanying figure is used most often when you are ____.
a.
doing precise work with small cells
c.
increasing cell padding
b.
formatting cell walls
d.
All of the above
 

 22. 

____ table cells combines multiple adjacent cells into one cell.
a.
Fusing
c.
Merging
b.
Integrating
d.
Interpolating
 

 23. 

Inserting another table inside a cell within another table creates what is called a ____ table.
a.
baseline
c.
combined
b.
nested
d.
merged
 

 24. 

____ View is a quick way to see how your page will look without previewing the page in a browser window.
a.
Spry
c.
Preview
b.
Live
d.
Automatic
 

 25. 

____ data is arranged in columns and rows and separated by a delimiter.
a.
Row-based
c.
Columnar
b.
Indexed
d.
Tabular
 

 26. 

Which of the following is NOT a delimiter?
a.
comma
c.
semicolon
b.
tab
d.
Esc key
 

 27. 

____ means to save data that was created in Dreamweaver in a different file format so that other programs can read it.
a.
Exporting
c.
Delimiting
b.
Importing
d.
Indexing
 

 28. 

You format cell content by changing the ____ of the text by applying styles.
a.
font
c.
color
b.
size
d.
All of the above
 

 29. 

All of the following are characteristics of the formatting of table headers EXCEPT ____.
a.
centering
c.
italicizing
b.
boldfacing
d.
placement in the top row and/or left column
 

 30. 

A table ____ is an option used by screen readers to help users identify the content of a table.
a.
cap
c.
pullquote
b.
header
d.
ID
 

 31. 

You can let the properties from an existing CSS rule format the content, rather than applying additional rules; this is called ____.
a.
inheritance
c.
approximation
b.
parenting
d.
baselining
 

 32. 

____ consist of horizontal and vertical lines resembling graph paper that fill the page.
a.
Guides
c.
Grids
b.
Rulers
d.
Matrices
 

 33. 

For positioning page content, you can have as many or as few ____ as you need.
a.
guides
c.
matrices
b.
grids
d.
either a or b
 

 34. 

The ____ is a screen tip that shows you the amount of space between two guides when you hold down the control key (Win) or command key (Mac) and place the mouse pointer between the guides.
a.
surfeit
c.
distance
b.
proximate
d.
map
 

 35. 

____ are lines you can drag onto your pages to help you place objects more precisely.
a.
Tags
c.
Blocks
b.
Guides
d.
Rules
 
 
Critical Thinking Questions
Case G-1

Sidney works in management for BusyBody Toymakers. She has just been named project manager for a team who will develop a new website showcasing this year’s most popular toys. As Sidney directs the work of the design team, she recommends the use of CSS page layouts in Dreamweaver to control the position of text and graphic elements with precision.
 

 36. 

One of the designers on Sidney’s team asks her if divs are ever referred to by another name, because he has been seeing a few different terms used to refer to them. Which of the following is NOT a term that can be used to refer to divs, according to Sidney?
a.
layout blocks
c.
containers
b.
elements
d.
indices
 

 37. 

Sidney is introducing the team to some of the new features of HTML5, including new tags to support semantic markup. Which of the following is NOT one of the tags to which Sidney introduces the group?
a.
<header>
c.
<aside>
b.
<article>
d.
<tooltip>
 

 38. 

Sidney asks a designer what errors can be found by using the Browser Compatibility Check feature in Dreamweaver. What answer should the designer give the project manager?
a.
The BCC feature will flag errors that probably won’t cause a serious display problem.
b.
The BCC feature will flag errors that could cause a serious display problem.
c.
The BCC feature will find code that is unsupported, but won’t cause a serious display problem.
d.
All of the above
 
 
Critical Thinking Questions
Case G-2

Nell is a content manager for the website at XYZ Community College. She is responsible for creating and maintaining the web pages for the Distance Learning Department. Nell uses Dreamweaver’s CSS layouts to control the positioning of text and graphics on her pages.
 

 39. 

Nell would like to incorporate previously developed page content to CSS layout blocks. Which of the following is true?
a.
The content can be copied and pasted into placeholders.
b.
Existing placeholder content can be replaced.
c.
Previously developed content cannot be added as content.
d.
Both a and b
 

 40. 

As Nell adds a div to her code, what should she keep in mind concerning the properties and values of the div’s preset styles?
a.
She should format text using manual formatting.
b.
She can modify these styles using the CSS Styles panel.
c.
She cannot adjust the properties and values of a div.
d.
Manual formatting and styles are equally acceptable ways to format text on a div.
 

Matching
 
 
Identify the letter of the choice that best matches the phrase or definition.
a.
Overflow
d.
Top
b.
Float
e.
Position
c.
ID
 

 1. 

Displays the name used to identify the div in the code
 

 2. 

Sets the position of the div in relation to adjacent elements as left, right, none, or inherit
 

 3. 

Controls how the div will appear in the browser if the content is larger than the div
 

 4. 

Sets the div position in relation to the top of the page or parent element
 

 5. 

Accepts one of the following values: absolute, fixed, relative, static, or inherit
 



 
         Start Over