Name: 
 

Web Design Dreamweaver Final 2014



True/False
Indicate whether the statement is true or false.
 

 1. 

You use a browser to view your web pages on the Internet.
 

 2. 

HTML is considered the standard language for web page creation in Dreamweaver.
 

 3. 

The first page that appears when viewers go to a website is called the default page.
 

 4. 

Creating a website is a complex process.
 

 5. 

The assets page of a website is the first page that viewers see when they visit your website.
 

 6. 

You should not publish a web page that has a link to an unfinished page.
 

 7. 

Browsers display text formatted as headings in italics, setting them off from paragraphs of text.
 

 8. 

You should name the home page of a website home.html.
 

 9. 

A JavaScript function is a block of code that adds dynamic content such as rollovers or interactive forms to a web page.
 

 10. 

Semantics is the study of the meanings of words or sentences.
 

 11. 

The Toggle Displaying of CSS Styles button can be used to see how your styles are affecting your page.
 

 12. 

Embedded style sheets apply to all pages in a website.
 

 13. 

Adobe Bridge can be used to add meta tags to your files, but not search text.
 

 14. 

Links that connect the pages within a website are always very important because they help viewers navigate through the pages of the site.
 

 15. 

When designing a website, you should make sure that all pages in the site contain numerous internal links so that viewers can move easily from page to page.
 

 16. 

An absolute path is a type of path used to reference web pages and image files within the same website.
 

 17. 

Some web pages have so much content that viewers must scroll repeatedly to get to the bottom of the page and then back up to the top of the page.
 

 18. 

Checking links to make sure they work is a task that should rarely be performed.
 

 19. 

You can create information containers on your web pages using XML, Extensible Markup Language, and XSL, Extensible Shape Language.
 

 20. 

A border is measured in pixels.
 

 21. 

You use commands on the Modify menu to add and delete table rows and columns.
 

 22. 

You should never exclude a particular file or files from being uploaded to a server.
 

 23. 

If both an external style and embedded style are applied to a single element, the embedded style overrides the external style.
 
 
nar014-1.jpg
 

 24. 

In the figure above, the number 5 refers to the New CSS Rule button.
 

 25. 

You can also create forms that make changes to your web page based on information users enter.
 

 26. 

Check boxes are the most common type of form object.
 

 27. 

When you create an AP Div tag, Dreamweaver automatically creates a style for it.
 

 28. 

An AP div is like a separate HTML document within a web page.
 

 29. 

The Clip property identifies the portion of an AP div’s content that is visible when displayed in a web browser.
 

 30. 

AP divs placed on top of a page will not hide the contents on the page.
 
 
nar019-1.jpg
 

 31. 

In the figure above, the font weight is set to bold.
 

 32. 

Flash is not able to include scripted objects into a Flash movie.
 

 33. 

To add a Flash movie to a web page, click SWF from the Content menu in the Common category on the Insert panel to open the Select SWF dialog box, and then choose the Flash movie you want to insert.
 

 34. 

You can add a link to a rollover image so that the image will change only when the image is clicked.
 

 35. 

On a template, editable regions are areas where users can add or change content.
 

 36. 

Using the New Optional Region dialog box, you can name a region and specify whether to show or hide it by default.
 

 37. 

You can make a library item editable on a page by breaking its link to the library item.
 
 
nar022-1.jpg
 

 38. 

In the figure above, the number 1 refers to a preview of the selected snippet.
 

 39. 

Compact mode is a smaller, simplified workspace window.
 

 40. 

To remove a filter, click the Clear Filter button at the bottom of the Filter panel.
 

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

 1. 

The ____ is the large area in the Dreamweaver program window where you create and edit web pages.
a.
Menu bar
b.
Document window
c.
Insert bar
d.
Document toolbar
 

 2. 

The ____ is located below the Document window.
a.
Status bar
b.
Property inspector
c.
Insert bar
d.
Menu bar
 

 3. 

The left side of the status bar displays the ____.
a.
Insert bar
b.
Tag selector
c.
Property inspector
d.
Multiple Document Interface
 

 4. 

____ view shows the underlying HTML code for a page.
a.
Code and Design
b.
Code
c.
Debugging
d.
Design
 
 
nar001-1.jpg
 

 5. 

In the figure above, which number points to the Select tool?
a.
3
c.
5
b.
4
d.
6
 
 
Case 2

You have been asked to lead a small group of employees tasked with creating a strong website for the XYZ Corporation. Everyone in the group is familiar with Dreamweaver, but as always, questions arise as you all work together to complete the site.
 

 6. 

Keirstin is instructed to create the storyboard on a computer using Adobe software.  Which one of the following programs would satisfy the instructions given to Keirstin?
a.
Word
b.
PowerPoint
c.
Paintshop Pro
d.
Illustrator
 

 7. 

The default color for unvisited links, or links that the viewer has not yet clicked, is ____.
a.
red
b.
blue
c.
purple
d.
magenta
 
 
nar003-1.jpg
 

 8. 

Item ____ in the figure above can be clicked to choose a color palette.
a.
1
b.
2
c.
3
d.
4
 

 9. 

A font ____ is a set of font choices that specify which fonts a browser should use to display the text of your web page.
a.
combination
b.
set
c.
list
d.
arrangement
 
 
nar004-1.jpg
 

 10. 

In the figure above, which number points to the CSS icon?
a.
2
c.
4
b.
3
d.
5
 

 11. 

Heading ____ is the smallest heading format size.
a.
0
b.
1
c.
5
d.
6
 
 
Case Based Critical Thinking

Case 1


Tayler works in the Marketing Department for BusyBody Toymakers. She is working with a team to develop a website showcasing this year’s most popular toys. As the team discusses colors for the site, Tayler mentions that the people viewing the site may be using different types of computers.  Although the issue has become less important today with most computers capable of displaying millions of colors, the team keeps Tayler’s suggestions in mind as they develop the site.
 

 12. 

Tayler suggests using Dreamweaver’s Color Cubes palette or Continuous Tone palette.  Each color palette contains ____ web-safe colors.
a.
56
b.
108
c.
216
d.
500
 

 13. 

Dreamweaver’s default color palette is Color Cubes.  One of Tayler’s team members would like to choose a different color palette.  Tayler shows the team that the color palettes are located ____.
a.
on the Menu bar
b.
in the Appearance category
c.
in the Page Properties
d.
in the color picker
 

 14. 

A good rule of thumb is to limit each website to no more than ____ font variations.
a.
two
b.
three
c.
four
d.
five
 

 15. 

Which of the following is code for the color white?
a.
FFF#
b.
#FFF
c.
F#FF
d.
WWW#
 
 
Case Based Critical Thinking

Case 1


As the designer for an online catalog, Rob is extremely familiar with the various ways he can add photos and other graphics to websites.  He just hired Beth to be his assistant, and while she is very good with the planning process, she lacks some skills when it comes to actually putting the pieces of the catalog together using Dreamweaver.  Always patient, Rob has decided to take Beth under his wing and teach her what he knows.
 

 16. 

After Beth places her first photo in the catalog, she has some trouble finding it again.  Where should Rob tell her to look?
a.
The Graphics pane of the Images panel
b.
The Draft Graphic panel, located in the Assets panel
c.
The Assets panel, located in the Files panel group
d.
The Photo Library, located in the Assets panel
 
 
Case 2

Liz is the web designer for Alotta Cola, and she has been asked to spice up the company website.  Because the summer season is approaching, she decides to add some background images of bottles of Alotta Cola and various summer scenes.
 

 17. 

Why does she decide to use background images?
a.
Tiled images take too long to download.
b.
They provide depth and visual interest to a page.
c.
It is easier than adding music and animation.
d.
She thinks that a background image will go well with the background color she has chosen.
 

 18. 

One of the images she wants to use is a close shot of a full bottle of Alotta Cola.  Liz loves the dark color and the texture of the bubbles in the image, but in the end, she decides that the photo just didn’t work for the site.  Which of the following might be the reason?
a.
Because it was small in file size, the image took too long to load.
b.
The color of the cola clashed with the background color she has chosen.
c.
The colors in the image were too close to the color of the text, making it difficult to read the page.
d.
Because the image was a close shot, it wouldn’t fit in the Assets panel.
 

 19. 

Liz wants to be sure that her background images load quickly. Which of the following will make that possible?
a.
TIFF files
b.
Tiled images
c.
Adobe Bridge
d.
Background speed
 

 20. 

Which of the following statements about named anchors is false?
a.
Use lowercase letters in named anchor names.
b.
Don’t use spaces or special characters in named anchor names.
c.
Avoid using a number as the first character in a named anchor name.
d.
Anchor names are entered in the Anchor dialog box.
 

 21. 

What is the best way to calculate the width for menu items when creating a menu bar?
a.
Divide the number of pixels in the banner width by the number of menu items.
b.
Add the width of each menu item.
c.
Divide the number of items by the width of the banner.
d.
Add the width of the menu items and divide the total by the width of the banner.
 
 
nar008-1.jpg
 

 22. 

In the figure above, item ____ refers to the folder name.
a.
1
b.
2
c.
3
 
 
nar009-1.jpg
 

 23. 

In the figure above, the three links in the Assets panel are ____ links.
a.
external
b.
internal
 
 
Case 2
Sadra works for a local travel agency.  She uses the agency’s website to promote the latest tours.  Fall tours include trips to Honolulu, Seattle, Chicago and Denver.  Spring tours include trips to Washington, D.C., New Mexico, Alaska and Montana.  Summer tours include Paris, Rome, Denmark and Australia.
 

 24. 

Sadra uses different background and text colors for each state of each menu item to represent how the items appear when users move their mouse pointers over them or away from them.  By doing this, she creates a ____ effect.
a.
highlighting
b.
rollover
c.
viewing
d.
special
 
 
nar011-1.jpg
 

 25. 

The figure above is a view of the ____.
a.
CSS Layout panel
b.
CSS Styles panel
c.
Embellished CSS panel
d.
CSS panel
 

 26. 

In the Dreamweaver predesigned CSS layouts, the color codes are shown with the full ____-character codes.
a.
six
b.
four
c.
five
d.
eight
 
 
nar012-1.jpg
 

 27. 

In the figure above, which number points to the text box you would use to designate the number of columns you want in your table?
a.
4
b.
5
c.
6
d.
7
 

 28. 

What is the term for the distance between cells in a table?
a.
Cell width
b.
Cell padding
c.
Cell spacing
d.
Cell length
 

 29. 

Before you publish a site you should verify that all pages have titles, and remove all ____ colors.
a.
CMYK
b.
RGB
c.
Websafe
d.
Non-websafe
 
 
Case 2

Brandon works for a large construction firm in the Northeast.  Brandon was hired for his excellent skills in web design, specifically his experience with Dreamweaver.  Brandon is eager to put his experience and skills to good use.
 

 30. 

Once Brandon has a prototype of the construction firm’s website ready to evaluate, he is ready to conduct a comprehensive ____, which is the process of asking unbiased people not connected to the design process to use and evaluate the site.
a.
check site test
b.
design site test
c.
site check test
d.
site usability test
 

 31. 

Brandon uses photos and other media from federal government websites on the construction firm’s site.  Why is Brandon probably within his legal rights to use this media?
a.
In general, the media on federal government websites is in the public domain.
b.
The media used on the site was never copyright-protected.
c.
The media used on the site was never trademark-protected.
d.
Brandon gave attribution for the media used on the firm’s website.
 

 32. 

If you have two embedded styles, you can tell which style takes precedence by its ____ in the tag selector.
a.
code
b.
position
c.
color
d.
label
 
 
Case 1

Peyton is the office manager for a medium-sized air service company which specializes in charter flights for special events and vacation packages.  As part of Peyton’s job responsibilities, he oversees the maintenance of the company’s website. In order to make changes in the site more easily, he uses style sheets.
 

 33. 

Peyton wants to be sure that his work will appear correctly when viewed on hand-held devices. Which of the following tools should he use to be sure his pages are correctly formatted?
a.
Style codes
b.
Media-dependent style sheets
c.
Screen organizers
d.
Screen draft tools
 
 
Case 2

The Pomeranian Rescue Squad (PRS) is an organization that works to save abused and homeless Pomeranians. Jacey volunteers to maintain the organization’s website, which includes lots of good information for dog owners as well as an online application form to adopt a Pom.  Jacey is using coding tools to view and edit styles.
 

 34. 

Peyton has changed all of the site headings to blue in order to match the company logo. What is the term for this type of site-wide change?
a.
Site style
b.
Global CSS rule
c.
CSS site change
d.
Sight drafting
 

 35. 

What is the easiest and most common way to process form information?
a.
Have form data stored in a database to use at a later date
b.
Have the application both collect the form data in a database and send it in an email message
c.
Have the information collected from the form and emailed to the contact person on the website
d.
Have the form data processed instead of stored
 

 36. 

Which property in the Properties panel lets you specify the window in which you want the form data to be processed.
a.
Form name
b.
Target
c.
Place
d.
Post
 
 
nar017-1.jpg
 

 37. 

In the figure above, which number refers to the form name text box?
a.
1
b.
2
c.
3
d.
4
 
 
nar018-1.jpg
 

 38. 

According to the section of the Property inspector above, what is the Checkbox Group name?
a.
Fish
b.
Brochures
c.
Fishing
d.
Comments
 

 39. 

Which of the following is something you need not do before publishing a form?
a.
Make sure it’s easy to use.
b.
Test to be sure it works.
c.
Make sure that there isn’t too much contrast between the form text and the table background so the text is readable.
d.
Be sure that you have provided visual clues such as a different font color or other notation that label required fields.
 

 40. 

The Width and Height properties specify the dimensions of the AP element most often in ____.
a.
points
b.
pixels
c.
inches
d.
fonts
 

 41. 

The ____ property in the Property inspector specifies the distance between the top edge of  your AP div and the top edge of the page or the parent element that contains it.
a.
L
b.
T
c.
W
d.
H
 
 
nar020-1.jpg
 

 42. 

In the figure above, which number refers to the Overflow property?
a.
1
b.
2
c.
3
d.
4
 

 43. 

Which of the following is not a Flash player?
a.
Adobe Reader
b.
FlashNow
c.
RealPlayer
d.
Windows Media Player
 

 44. 

To add a Flash movie to a web page, click SWF from the _____ menu in the Common category on the Insert panel to open the Select SWF dialog box, and then choose the Flash movie you want to insert.
a.
Flash
b.
Script
c.
Media
d.
Code
 
 
nar021-1.jpg
 

 45. 

In the figure above, the number _____ refers to the Loop check box.
a.
1
b.
2
c.
3
d.
4
 

 46. 

You add rollover images to a web page using the Rollover Image command on the Images menu in the _____ category.
a.
Common
b.
Preferences
c.
Setting
d.
Image
 

 47. 

What is the term for sets of instructions that you can attach to page elements that tell the page element to respond in a specific way when an event occurs, such as when the mouse pointer is positioned over the element?
a.
Designs
b.
Rollover
c.
Rich content
d.
Behavior
 

 48. 

Which of the following is not an event?
a.
Slide
b.
onClick
c.
onMouseOver
d.
onLoad
 

 49. 

If a rollover does not work, direct your browser to allow _____ content.
a.
drafted
b.
new
c.
covered
d.
blocked
 

 50. 

If your code is selected in Code view, that means the image is selected in _____ view.
a.
Draft
b.
Design
c.
Open
d.
Closed
 

 51. 

Which of the following is a region on a template that cannot be modified by page authors?
a.
Optional
b.
Locked
c.
Editable
d.
Continuity
 

 52. 

Which of the following is a region on a template where users can add or change content?
a.
Flexible
b.
Editable
c.
Optional
d.
Open
 

 53. 

You can view a list of available library items by expanding the Library folder in the ____ panel.
a.
Assets
b.
Files
c.
Layers
d.
CSS Styles
 

 54. 

If you click on a library item that you have inserted on a web page, the Property inspector will display ____ buttons relating to library items.
a.
two
b.
three
c.
four
d.
five
 
 
nar022-1.jpg
 

 55. 

Item ____ shown in the figure above is a selected snippet.
a.
1
b.
2
c.
3
d.
4
 

 56. 

What is the term for words you add to a file to identify, group, and sort files?
a.
Tags
b.
Metadata
c.
Keywords
d.
Access code
 

 57. 

Which of the following is one way to activate the Loupe tool?
a.
Click the Loupe tool icon in the lower-left corner of the Preview window
b.
Select the Loupe tool from the Tools drop-down menu
c.
Click Edit > Tools > Loupe Tool
d.
Move the mouse pointer over an image and click the image
 

 58. 

Metadata is saved using which of the following?
a.
RMP
b.
XMP
c.
STP
d.
TRM
 
 
Case Based Critical Thinking

Case 1


Joelle is just about to start work using the Essentials workspace, but she isn’t happy with the way the space is set up. She wants to resize some of the panels so that the workspace better fits her needs.
 

 59. 

The first thing she wants to do is resize the Filter panel. How can she do this?
a.
She can use the Panel Size dialog box to enter the measurements she prefers.
b.
She can simply drag the horizontal and vertical divider bars until the panel is the correct size.
c.
She can select the panel using her mouse, then use the Window > Display command.
d.
She can hide the other panels to increase the size of the Filter panel.
 
 
Case 2

Douglas is a graphic designer in charge of building and updating several websites. He is a real fan of Adobe Bridge because it allows him to manage all of the content he has amassed while creating sites and various other projects for his clients.
 

 60. 

One way that Douglas keeps track of his files is through the use of metadata. Which of the following is not information he can view in the Metadata panel?
a.
Author name
b.
Lists of .gif files
c.
Image resolution
d.
Copyright information
 



 
Check Your Work     Start Over