WorksheetsAdobe Dreamweaver Certification Practice
Total questions: 81
Worksheet time: 41mins
When the first template for a Web Site is saved, Dreamweaver saves the template with a ____.
.tem
.dwt
.tdw
.dtm
Click the refresh button in the Files panel or press the ___ key to refresh the files in the Files panel.
F2
F3
F4
F5
Use the HTML Styles panel to record the HTML styles you use in your Web site. Then you can share the styles with ____.
other users
local sites
remote sites
all of the above
Any Web Page in a Web site can access a common set of properties by linking to the same ___ styles sheet.
dynamic
static
internal
external
A style is a rule describing how a specific object is formatted. A ___ is a file that contains a collection of these rules or styles.
style behavior
style action
style file
style sheet
One advantage of HTML styles is the way they consist of ___, and therefore is displayed in just about all browsers, including Internet Explorer 7.0 and earlier versions.
font tags
image tags
both a and b
neither a or b
To use HTML styles, you must deselect the Use ___ instead of the HTML Tags option in General category of the Preferences dialog box.
CSS
JavaScript
DHTML
FTP
A CSS rule contains two parts. One is the ___, which is the name of the style.
selector
declaration
action
behavior
A CSS rule contains two parts. One is the ___, which defines the style element.
selector
declaration
action
behavior
An example of a(n) ___ is h2 (defining the HTML h2 tag).
selector
declaration
action
behavior
An example of a(n) ______ is 24 pt Courier.
selector
declaration
action
behavior
Also considered a custom style, ___ is the most flexible way to define a style.
class
action
behavior
selection
A ____ style is a style you can create and name, in which you specify all the attributes you want the style to include.
quick
named
custom
special
Dreamweaver makes it easy to add style attributes to the style sheet. This is done through the CSS ____ dialog box.
Style Definition
Attribute Definition
Style Sheet Definition
Rule Definition
Link ____ defines the style of an unvisted link.
color
size
weight
action
_____ links defines the style of a clicked link.
Visited
Unvisited
Rollover
Active
When the ___ target is specified, the linked document opens in a new browser window.
_new
_blank
_open
_window
CSS Style Type Property called ____ specifies small-caps or normal.
Font-exception
Font-variant
Font-transform
Font-edit
The CSS Style Type Property called ___ adds an underline, overline, or line-through to the text, or makes the text blink.
Text-animation
Text-transform
Text-format
Text-decoration
Which view allows the user to see the source code and the visual representation simultaneously?
Split View
Design View
Code View
Live View
What are three benefits of using the video element in a web page? (Choose three)
It avoids the use of proprietary browser plug-ins
It can provide video on many IOS devices that do not support Flash video
It allows native video support in the browser when used with an appropriate format
It renders at a higher rate
What should the designers consider when evaluating the age appropriateness of content used on the website?
Reading level
Statement of work
Timeline for deliverables
Internet Connection
When designing a website, which three layout design techniques create a mirror image while still providing balance? (Choose three)
Diagonal Symmetric layout
Vertical Symmetric layout
Horizontal Symmetric layout
Vertical Asymmetric layout
You are creating file paths among site documents so they also link properly on the remote server. Which path type starts with the forward slash and is a good choice if you move files around a lot or are working on a very large site?
Site Root-Relative Paths
Document relative link
<Meta> tag elements
FTP remote connection
The Advanced Settings category of the Site Setup dialog box includes which two options? (Choose two)
Edge Animation
Web Fonts
Responsive Design Techniques
CSS3 Media Queries
Which two units of measurements allow for the flexible scaling of page elements? (Choose two)
Ems
Percentages
Elements
Responsive Design
Which statement is true about optimizing a page for modern search engines?
The meta robots tag is an important tool for controlling web crawler access.
The images won't display properly without alternative text
You can drag and drop elements to edit the HTML structure
It has a compressed format that makes sound files substantially smaller
Which two file formats should your group use on web pages so that images can be understood and rendered by browsers? (Choose two)
PNG
JPG
RAW
TIFF
Which three items might appear on the project plan when discussing this website with your design group? (Choose three)
Due dates
Planning and analysis
Development timeline
Project budget
Which two elements of a web page do screen readers read? (Choose two)
Alt text for images
Captions
<meta> tags
WebM
Which browser has historically presented the most challenges for rendering web pages, and should be checked thoroughly before deploying a site?
Internet Explorer
Chrome
Firefox
Safari
Which supported remote connection methods in Dreamweaver is commonly used?
FTP
Ogg
Remote Folder
CSS3 Media Queries
Which three video formats are supported by HTML5? (Choose three)
Ogg
WebM
MP4
AVI
The Dreamweaver interface provides multiple ways to accomplish the same task. What are the three ways to create a new document? (Choose three)
Selecting the option in the welcome screen
Pressing a keyboard shortcut
Selecting a command under the File menu
Selecting an option in the Properties panel
What are the three characteristics of the Properties panel? (Choose three)
Its options are contextual and depend on what is selected on the page
It has HTML and CSS buttons that toggle between panes.
It provides a field for entering the document title.
It can provide a place to back up your site files
It shows by default in all Workspace layouts.
What provides the foundation for creating one web site that adapts across a multitude of devices?
CSS3 Media Queries
Site Root-Relative Paths
Statement of Work
Edge Animation Assets
Which Dreamweaver Site setup option allows you to exclude files that end with the extension .fla from all site operations?
Cloaking
Ogg
Check-In/Check-Out file management
Page Structure
Which of the following HTML elements will help increase the website's popularity by making it easier for search engines to index the site properly?
<meta> tags
Site Root-Relative Paths
CSS3 Media Queries
<title> tag
Create a new HTML page only and save it to the folder called Animal Habitat. Call the New HTML file overflow.html.
Click File menu > Select: New: HTML > Click: Create > Click: File > Save As "overflow.html
Click File menu > Select: New: HTML > Click: Create
Select: New: HTML > Click: Create > Click: File > Save As "overflow.png
Click: Create > Click: File > Save As "overflow.html
You have inserted a form field into your web page to use for a password. Click on the place in the Properties pane you would use to limit the number of characters in the password field.
Click on the password form field: In the properties panel, select the box "Max Length"
Click on the password form field: In the properties panel, select the box "Value"
Click on the password form field: In the properties panel, select the box "Size"
Click on the password form field: In the properties panel, select the box "Tab Index"
Select the option on the Property Inspector panel that will allow you to create a new link to a selected anchor on the page.
Select: Link
Select: Src
Select: Point to File
Select: Target
You have added a 3 x 3 table to the web page. You want to change the size of the table so it fills the page horizontally, without changing the number of cells. Click on the part of the Properties panel that will allow you to change that particular setting.
W (Width)
Align
CellPad
CellSpace
You are editing the About page in the Animal Habitat website. Without typing any code, add a new row in between the top header row and the row that contains the contact information for the staff member named Joan Miller.
Click next to the name > Right Click / Select: Table > Select: Insert Row
Click in the table > In the Insert panel, Select Insert Row
Select table from the Insert panel > Click Insert Row Above
Click next to the name > In the Insert panel, select Insert Row > Click Row Above
Open the about_page_text.txt file and paste the text into the paragraph tags beneath the header text The History of the Fruit Stand on the page about.html.
Open the about_page_text.txt file > Click Select All then Go to Edit/Copy > Click back on the about.html page > Click under the title The History of the Fruit Stand and go to Edit/Paste
Open the about_page_text.txt file > duplicate page > copy page under the title The History of the Fruit Stand
Open the about_page_text.txt file > Click Insert Page on the Insert panel > select about.html page to insert page
Change to the Code workspace and return that workspace to the default settings.
Go to the "Window" menu and Select: Workspace Layout > Select: "Code" for the list > Go to back to the Window Menu and Select: Workspace Layout > Select: Reset 'Code'
Select: "Code" from the Assets panel > Select Reset 'Code'
Go to the "Window" menu and Select: Workspace Layout > Select: Reset 'Code'
Describes the site from a sites root folder to a document.
Site Root Relative Link
Document relative link
Local Root Folder
Remote Folder
Can be used to link 2 documents that are likely to remain in the same folder.
Document relative link
Site Root-Relative Paths
Proximity
Navigation buttons
Change the appearance of the body text to a custom font stack with the following settings:
Font-family: Calibri Light, Consolas, Eras Light ITC, sans-serif
Font-size: 18 pts
Color: #432A25
Accept all other default settings
Select the Text and Click on CSS in the Propertie panel > Click "Font" > "Manage Fonts" > "Custom Font Stack" > Select each font, Click the Double Arrows to move it to the Chosen Fonts list, Click Done > Click "Font", Select newly created font group, Change Size to 18, and Color to #432A25
Select the Text and Click on CSS in the Propertie panel > Click "Font" > "Manage Fonts" > "Custom Font Stack" > Select each font, Click the Double Arrows to move it to the Chosen Fonts list, Click Done > Change Size to 18, and Color to #432A25
Click "Font", font group, Change Size to 18, and Color to #432A25
Change to the Default workspace. Close the DOM panel in the workspace, then save the workspace and name it Hamilton School.
Go to "Window" menu and Select: Workspace Layout > Default > Go to the DOM Panel, Right Click and Close > Go to "Window" menu and Select: Workspace Layout > New Workspace > Name the new workspace exactly as directed in the instructions
Go to "Window" menu and Select: Workspace Layout > Default > Go to "Window" menu and Select: Workspace Layout > New Workspace > Name the new workspace exactly as directed in the instructions
Go to the DOM Panel, Right Click and Close > Go to "Window" menu and Select: Workspace Layout > New Workspace > Name the new workspace exactly as directed in the instructions
Add the alternative text Glacier to the image.
Click on the Image > In the Properties panel, click the text input box next to "Alt" > Type "Glacier"
Click on the Image > In the Properties panel, click the text input box next to "Title" > Type "Glacier"
In the Properties panel, click the text input box next to "Alt" > Type "Glacier"
Which three elements are new to HTML5? (Choose three)
Figure
Audio
Video
Div
Which three items should your group include as a part of their communication with the client as it relates to design plans? (Choose Three)
Statement of work
Timeline of deliverables
Change request document
Project budget
What technique should your group use to ensure that the website can be viewed on a desktop monitor and a smartphone?
Responsive design techniques
CSS media queries
Scalable Images
Fluid design
Which three tasks can you accomplish with the Link Checker? (Choose three)
Verify that external links are correct when connected to the internet
Check the links in the current page, part of the site, or the entire site.
Check for orphan files, external links, and broken links.
Fix broken links within the Link Checker Panel
Which three techniques will make your site content appear consistently across multiple platforms and devices? (Choose three)
CSS3 media queries
Scalable images
Resizable fonts
Responsive design
Server side includes
What are three characteristics of the DOM panel?
It lets you copy paste and duplicate elements
It allows you to drag and drop elements to change their order in the layout
It renders an interactive HTML tree for static and dynamic content
It lets you edit dynamic elements when you are in live view
Which category of the Preferences dialog box would you use to associate an application with a file extension?
File Types/Editors
General
Code Format
What are the 2 capabilities of the spell check command?
t lets you change/ignore all the same word throughout the page
It lets you add new words to a personal dictionary
It lets you check the spelling of all the files in a site simultaneously
It spell checks XML files.
What principle should a group use when designing a website?
Proximity - related elements should be grouped together
White space - there should be as little as possible to make room for more content.
Color - muted colors should be used throughout the site.
What should a group AVOID using on a wireframe?
Color Schemes
Textures
Layout boxes for the placement of page elements
Diagrams
What does this icon allow the user to do?
Flag the Asset
Add the asset to the site
Add the asset to the "Favorites" category
Give the asset a nickname
Resise the height and width of the cherries.png image 150 x 150 (without using the Properties Panel)
Scroll down and Click on the cherries.png image; select the "pancakes" (4 lines) above the top left corner of the picture; change both the "H" and "W" 150, then click off of the image.
Scroll down and Click on the cherries.png image; in the Properties Panel; change both the "H" and "W" 150, then click off of the image.
Click on the cherries.png image; right click, format size. Change to 150 x 150
Allows you to place any page element exactly where you want it
Absolute Div Tag
Div Tag
An HTML tag that defines logical divisions within the content of a web page
Div Tag
Absolute Div Tag
Program language that separates layout and design features (color scheme, fonts, menu styles, etc.) from the actual content of the website; easiest way to make site-wide design changes; CSS files combine with HTML file to create a complete website; common format of downloadable templates found on the Web
Cascading Style Sheets – (CSS)
HTML Attributes
Allows you to set a style to multiple element or tags in a document
Class Style
Div Tag
Content users can edit in a document based on that template, enable template authors to control which page elements template users can edit
Editable Region
Hotspot
Specify a particular area as a link; can be drawn over a block of space, words, or an image
Hotspot
Coldspot
The most commonly used way to apply a style sheet where all of the styles and rules are contained in one central, separate text file
External Style Sheets
Internal Style Sheets
Customize a tag and are defined within the opening tag
HTML Attributes
HTML Tags
The hidden keywords within a web page that define how the browser must format and display the content
HTML Attributes
HTML Tags
Allows the user to specify their own selectors called "id" and "class”
ID Style
Class Style
A single graphic that is divided into sections and linked to different locations
Image Map
Hotspot
User-defined words or phrases that help a search engine’s algorithms select a group of words that can be searched to find your website
Keywords
Meta Tags
Contain elements that describe the information on the page, which is used by search browsers
Meta Tags
Keywords
Websites that organize and retrieve information located on the Internet
Search Engine
Page Ranking
A determination of how easy it is to find a website through search engines; the higher the ranking, the more traffic the website will have
Page Ranking
Search Engine
Involves designing websites with the intention of helping search engines best
Search Engine Optimization
Web Crawlers
Could be page titles, paragraph titles, image tags, or even meta tags that are hidden in the code of a website; help search engines find and organize the information on a website
Tags
Template
A special type of document that you use to design a “fixed” page layout; you can then create documents based on the template that inherit its page layout
Template
Web Crawlers
Computer programs that “crawl” through the pages of a website to find tags, keywords, and other information
Web Crawlers
Template
