Dreamweaver Domain 1: Setting Project Requirements

TRUE/FALSE

1. A new work using copyrighted work can be copyrightable in and of itself, but it must differ

sufficiently from the original or it must contain a substantial amount of new material.

2. Copyright attaches to a work after 23 years.

3. You do not have to get permission to use copyrighted material as long as you cite the source.

4. Stage 5 in planning a successful project is scheduling.

MULTIPLE CHOICE

1. Which question would you be most likely to ask when determining the target audience?

a. What are the goals of the site? c. What is the purpose of the site? b. What will success look like? d. Who will be the users of the site?

2. Which of the following refers to creations of the mind and may include copyrights, trademarks,

patents, industrial design rights, and trade secrets? a. Intellectual property c. Usability b. Copyright d. Derivative work

3. Which of the following would you check when verifying that your website contains relevant content

that is appropriate for the target audience? a. Information is free of errors b. Topics are presented in a logical manner c. Site follows good graphic design and principles d. All of the above

4. The ____ defines publication as the distribution of copies of a work to the public by sale or

other transfer of ownership, or by rental, lease, or lending. a. Fair Use Doctrine c. Library of Congress b. 1976 Copyright Act d. Chicago Manual of Style

FIGURE EX 1-1

5. Figure EX 1-1show an example of a ____.

a. derivative work c. checkpoint b. wireframe d. copyright

Case EX 1-1 Clint has written a novel and would like to copyright it, as defined by the 1976 Copyright Act.

6. The notice Clint should use for visually perceptible copies should contain all of the following items

except: a. The letter C in a circle c. The year of first publication b. The purpose and character of the use d. The name of the copyright owner

Case EX 1-2 In her position as a Web designer, Melissa is using Dreamweaver to create a Web site that will be accessible to users with disabilities.

7. Melissa can use which of the following to make it significantly easier for assistive technology users to

navigate tables? a. Heading cells c. Cell padding b. Border thickness d. Cell thickness

COMPLETION

1. Standards, known as ____________________, have been created to make the Internet accessible to

individuals with disabilities.

2. ____________________ are the items identified to show design concepts or progress of the project.

3. A(n) ____________________ is a basic visual guide that suggests the structure of an interface and the relationships between its pages.

4. A sketch of the layout either on paper or in a graphics-editing application to show to the client is called a(n) ____________________.

5. Stage 4 in building a successful project is ____________________.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Perceivable content b. Operable content c. Understandable content d. Robust content

1. Users should access through the various assistive technologies; should continue to work even as these assistive technologies improve

2. Information that is not invisible to all senses and is presented in a manner that permits users to comprehend it despite their disability

3. Includes giving the user the ability to navigate the interface and ensuring that the information is comprehendible

4. Means any user, no matter the disability, is still able to operate the interface and use the navigational elements

Dreamweaver Domain 2: Planning Site Design and Page Layout

TRUE/FALSE

1. Your website demonstrates consistency by using the same layout on all pages.

2. A fixed layout sets the values using percentages for any columns and the overall width, and the percentage is determined by the user’s browser window.

3. Some fonts are not available on all operating systems.

4. You can only achieve balance by applying symmetry.

MULTIPLE CHOICE

1. ____ previews a web page across multiple browsers and operating systems to test the compatibility of

your design. a. WAVE c. BrowserLab b. CSS d. Internet Explorer

2. Color Theory is ____.

a. the theory that the most interesting components of a composition, like a web page, is found off-center

c. repeating an element to create visual consistency

b. the idea that colors can affect human thought and emotions

d. creating a feeling of wholeness

3. ____ are used to control the placement of text and images from one browser to another.

a. Library objects b. Flowcharts c. Div elements d. Tables

4. ____ refers to changes in the requirements of the project as the project is being constructed.

a. Scope creep c. Horizontal rule b. CSS d. Liquid layout

Figure DW 2-1

5. Figure DW 2-1 shows an example of a ____.

a. flowchart c. storyboard b. wireframe d. template

Case DW 2-1 Davin and his team are designing a new website for a client. They need to begin the planning and analysis stage of the project.

6. What is the first thing Davin and his team should do?

a. Create a wireframe c. Eliminate scope creep b. Create a flowchart d. Create a storyboard

Case DW 2-2 Kara is almost finished with her new business website, but she is concerned about accessibility. She knows speech synthesizers and Braille displays may read information differently, but she doesn’t have access to these for testing.

7. What should Kara do?

a. Maintain CSS best practices and hope for the best

c. Use tables to control the layout of web pages

b. Use an accessibility validator, such as WAVE

d. Use BrowserLab to preview the website across multiple browsers and operating systems

COMPLETION

1. When creating an image map with hotspot tools, it is important to provide ____________________

that will explain its function and make sense out of context for every hotspot created.

2. A ____________________ is a visual way to outline your website.

3. Dreamweaver creates a ____________________ that includes a list of related fonts that will work on

both the Windows and Mac operating systems.

4. The CSS specifications are overseen by the ____________________.

5. Browser-safe colors, also known as web-safe colors, are a palette of ____________________ colors.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Template b. Library objects c. Deprecated d. Storyboard

1. Removed

2. Uses the information from the flowchart and the wireframe to provide details for each page in the website, breaking down the plans for the site into manageable pieces.

3. A master page that you create and then reuse to maintain a consistent layout or style.

4. Reusable assets often used for navigational elements and copyright information.

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface

TRUE/FALSE

1. The Coding toolbar is displayed only in Design view.

2. In Dreamweaver, the default workspace is called Designer.

3. When working with tables, the Property inspector changes its appearance if a cell or cells are selected, or if the entire table is selected.

4. The Assets panel allows you to view your assets in four different ways.

MULTIPLE CHOICE

1. The Dreamweaver workspace opens by default in ____.

a. Design view c. Live Code view b. Split Code view d. Live view

2. In Split Code view, the code appears ____ of the workspace.

a. on the left c. at the top b. on the right d. at the bottom

3. The default category on the Insert panel is called ____.

a. Layout c. Data b. Forms d. Common

4. Which image option in the Property inspector allows you to create and label an image map?

a. ID c. Align b. Link d. Hotspot Tools

FIGURE DW 3-1

5. Figure DW 3-1 shows an example of ____.

a. using the Insert panel to insert a horizontal rule b. the Insert panel categories list c. modifying a table in the Property inspector d. Property inspector options with an image selected

Case DW 3-1 Jarvis has been learning how to use JavaScript and PHP to write and edit Web pages.

6. In Dreamweaver, which view should Jarvis use to facilitate writing and editing Web pages with his

new skills? a. Code view c. Live view b. Design view d. Property view

Case DW 3-2 As Alyssa begins using Dreamweaver more often, she has developed a workspace that suits her individual workflow.

7. If Alyssa wants to save her custom workspace to use in the future, she would select the New

Workspace command on the ____. a. drop zone c. Assets panel b. Workspace switcher d. Inspector panel

COMPLETION

1. The ____________________ allows you to reset your workspace to default settings,

switch to other available workspaces, or create your own custom workspace.

2. The ____________________ is located in the Panel group and contains buttons for creating objects or inserting objects created in other programs, such as images, horizontal rules, links, and tables.

3. You use the ____________________ to organize images, colors, URLs, SWF, Shockwave, movie files, scripts, templates, and Library items associated with the defined site being viewed in the Files panel.

4. The ____________________ provides access to files and folders whether or not they are associated

with a Dreamweaver site or not.

5. As you drag a panel, an area becomes highlighted in blue, known as the ____________________.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Design view b. Code view c. Live view d. Split Code view

1. Default view when the Dreamweaver workspace opens

2. A noneditable view that allows you to interact with elements in the page as if you were viewing it in a browser

3. Displays a fully editable view of the document as you edit its contents

4. The document window is hidden from view

Dreamweaver Domain 4: Adding Content by Using Dreamweaver CS5

TRUE/FALSE

1. Your local site and your remote site should have the same folder structure.

2. A URL is what a user sees in the title bar of the browser.

3. Any image can be turned into an image map by simply drawing hot spots.

4. Setting a table width based on a percentage creates a fixed table width, which will appear the same size on all browsers.

MULTIPLE CHOICE

1. A(n)____ is an image that, when the mouse passes or rolls over it, will change to another image.

a. image map c. hotspot b. rollover image d. hyperlink

2. Checkboxes, option buttons, and list menus are examples of ____.

a. form objects c. image maps b. smart objects d. rollover images

3. Use the ____ command on the File menu to insert a Microsoft Word or Excel document in a new or

existing web page. a. Text c. New b. Exit d. Import

4. The three file formats available for graphics on web pages are ____, JPEG or JPG, and PNG.

a. HTML c. GIF b. WAV d. MP3

Figure DW 4-1

5. According to Figure DW 2-1, the table width will be ____.

a. fixed b. changing depending on the browser window’s width c. 3 inches d. 200 pixels

Case DW 4-1 Shane is creating a web page for his business. He wants to create a link to an external web site, but he wants to make sure his web site windows stay open so that customers won’t leave his site too soon.

6. Shane is not working with framesets, so which kind of target should he set with the link to the external

web site? a. _target c. _blank b. _top d. _parent

Case DW 4-2 Maxine wants to add an FLV video file to her web page. She wants it to begin to play as soon as the user clicks play, even if the download has not completed.

7. What kind of video type should Maxine select for the FLV file?

a. Streaming Video c. image map b. Progressive Download d. MP3

COMPLETION

1. A ____________________ is text that when clicked takes the user to another web page or opens a file.

2. A ____________________ keeps track of links between web pages and dependent files that are

associated with the website.

3. The home page of a website needs to be named either ____________________ or default.htm(l).

4. Dreamweaver recognizes when a smart object has been updated in Photoshop by turning the icon

____________________, which serves as a visual clue that the changes need to be synchronized to the image in Dreamweaver.

5. You can create an e-mail link by selecting the text or image, and then typing ____________________

followed by the e-mail address in the Link text box in the Property inspector.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Absolute path b. Site-root-relative path c. Document-relative path d. Named anchor

1. Shows the path from the site’s root folder to a page or file located outside the local site.

2. A link that identifies the entire URL.

3. Adds navigation to a specific location on the same web page or to a specific location on another page within the site.

4. Identifies only the portion of the linked file that is different.

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

TRUE/FALSE

1. You can modify both HTML and CSS properties in the Page Properties dialog box.

2. A simple error in syntax when writing HTML can keep elements on your page from appearing correctly.

3. The head element of a web page contains content that is displayed to the user at the top of the page.

4. Web pages designed using tables will load faster than those using CSS layout and external style sheets.

MULTIPLE CHOICE

1. You can access the Page Properties dialog box by clicking Page Properties on the ____ menu.

a. Modify c. Design b. Code d. Styles

2. The ____ category is the only category in the Page Properties dialog box available for either CSS or

HTML. a. Title/Encoding c. Appearance b. Tracing Image d. Links

3. Which view would you use to insert div tags manually in the HTML code?

a. Live view c. Design view b. Code view d. Layout view

4. You can select text and then apply a numbered ____ using buttons on the HTML Property

inspector. a. font family c. Ordered List b. Unordered List d. Definition List

FIGURE DW 5-1

5. The arrow in Figure DW 5-1 is pointing to a(n) ____.

a. unordered list c. CSS rule b. external editor d. tag selector

Case DW 5-1 Marilyn is using div tags as the foundation of a CSS page layout to organize content on her web page by defining areas or sections.

6. Which positioning option should Marilyn use if she wants to position items using x- and y-coordinates,

removed from the standard flow of the page? a. static position c. absolute positioning b. fixed positioning d. relative positioning

Case DW 5-2 Jonathan is beginning to create a web page using HTML tags in a plain text editor.

7. Which HTML tags would Jonathan use to contain elements such as title, keywords, and meta tags?

a. <html> </html> c. <h1> </h1> b. <head> </head> d. <a href> </a>

COMPLETION

1. A(n) ____________________ provides a list of alternative fonts; if the first font is not available, it will

try the next font in the list.

2. Dreamweaver has a(n) ____________________ feature that lets you edit an asset from a

Dreamweaver document in an image-editing application such as Fireworks or Photoshop, or a SWF file created in Flash.

3. ____________________ stands for Hypertext Markup Language and uses markup tags to create web

pages.

4. An ____________________ is its own data file with the .css file extension, which you attach to the

HTML file.

5. A(n) ____________________ includes div tags, images assigned with either an absolute

or relative position, a tag with the display:block style assigned, or a paragraph with an absolute or relative position assigned to it.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Editable region b. Repeating region c. Optional region d. Editable optional region

1. Allows content to be modified and you can choose whether to include the region in the web page

2. A section of the template that can be copied multiple times in a template-based page

3. Areas of the page that can be modified

4. Can be shown or hidden when editing a page based on the template

Dreamweaver Domain 6: Evaluating and Maintaining a Site by Using Dreamweaver CS5

TRUE/FALSE

1. Design view displays the page exactly how it will look on the web.

2. You can gather site feedback without visitors even knowing it.

3. Files can be deleted, renamed, or moved in the Files panel.

4. When a remote connection is first established for the purpose of publishing a site, the remote folder is usually empty.

MULTIPLE CHOICE

1. If you are designing your site for a mobile device, use ____ to preview your pages on a variety of

mobile devices. a. BrowserLab c. Code view b. Check Page d. Device Central

2. A ____is assembled and observed as they share their opinions, feelings, thoughts, and attitudes about

the site. a. survey c. Files panel b. focus group d. monitoring service

3. You can set up the ____ for not only managing your assets locally, but also to publish them to a

remote or testing server. a. Link Checker c. Orphaned files b. Property inspector d. Files panel

4. When you want Dreamweaver to connect to a remote folder, you specify the remote folder in the ____

category of the Site Definition dialog box. a. Server c. Version Control b. Site d. Advanced Settings

Figure DW 6-1

5. In Figure DW 6-1, which button is the orange arrow pointing to?

a. Get c. Put

b. Refresh d. Collapse

Case DW 6-1 Logan is a content specialist, updating the information on several web pages for his company. He wants to make sure that all his work and the changes will be updated correctly.

6. Which command should Logan use to make sure that more than one person does not work on a file at

the same time he is? a. Check In c. Expand b. Check Out d. Connect/Disconnect

Case DW 6-2 Zoe is working on a Spanish course web page for a foreign languages professor at the university. When she checks the spelling, every Spanish word is appearing as not found in the dictionary.

7. What should Zoe do to thoroughly check the spelling on the web page?

a. Ignore all of the Spanish words and just check the English words. b. Change the dictionary to Spanish and just check the Spanish words. c. Add the Spanish words to the English dictionary. d. Check the spelling twice: once with the English dictionary and once with the Spanish

dictionary.

COMPLETION

1. The federal site ____________________ provides a guide to assist in the process of usability testing.

2. ____________________ are often requested after an individual has made a purchase at a commerce

website.

3. If you do not need to update the entire site, you can select individual pages or folders and click the

____________________ button, and only the items that are selected upload.

4. You can check the spelling of a document using the Check Spelling command on the

__________________ menu.

5. Dreamweaver provides three different levels for checking ____________________: in the current

document, portions of a local site, or across the entire site.

MATCHING

Identify the letter of the choice that best matches the phrase or definition. a. Get b. Put c. orphaned files d. publishing

1. Command used to publish your files to the remote folder.

2. Command used to download files from the remote folder to the local root folder.

3. Uploading the files in your local root folder to the remote folder.

4. Files that exist in the site, but are not linked to any other file.