Dreamweaver Test

In the image below, the text box's white background has been made 20% transparent to let the sea and land show through. Which color definition was used?

rgba(255,255,255,0.80)

rgba(255,255,255,20%)

rgba(255,255,255,0.20)

rgba(255,255,255,80%)

Option A

Option B

Option C

Option D

You have just inserted an image in a page and opened the image's Quick Property Inspector. What should you enter in the alt field?

a detailed description of what the image depicts for the benefit of nonvisual browsers and assistive technology for visually impaired people

a brief description of what the image depicts for the benefit of nonvisual browsers and assistive technology for visually impaired people

the URL of a smaller, alternative image for display on mobile devices

the URL of an alternative image if the main image fails to load

Option A

Option B

Option C

Option D

You're using the Current tab of the CSS Designer panel to inspect the style rules applied to the current selection. What does it mean when property names are struck through, as in the image below where color and text-decoration have a line through them?

The value is not applied to the current selection because there's a parse error in the style sheet.

The value is not applied to the current selection because it's invalid for that property.

The value is not applied to the current selection because the property/value pair has been commented out in the style sheet.

The value is not applied to the current selection because it has been overridden by a rule with greater specificity.

Option A

Option B

Option C

Option D

In the image below, to which Dreamweaver toolbar is the arrow pointing?

Common toolbar

Linked Files toolbar

Related Files toolbar

Document toolbar

Option A

Option B

Option C

Option D

Which panel stores frequently used code for quick insertion into a page?

FAVORITES

BEHAVIORS

IMAGES

SNIPPETS

Dreamweaver offers several options for refactoring JavaScript code, including renaming, extracting an expression to a variable, and extracting an expression to a function. What other refactoring options does it offer?

WRAP IN CONDITION, EXTRACT METHOD, CONVERT TO ARROW FUNCTION, CREATE GETTERS/SETTERS

CREATE GETTERS/SETTERS, PULL CLASS MEMBERS UP, CONVERT TO ARROW FUNCTION, WRAP IN TRY/CATCH

WRAP IN TRY/CATCH, WRAP IN CONDITION, CONVERT TO ARROW FUNCTION, CREATE GETTERS/SETTERS

CONVERT TO ARROW FUNCTION, CONVERT TO CLASS, WRAP IN CONDITION, WRAP IN TRY/CATCH

How do you use CSS to create a perfect circle?

SET THE ELEMENT'S SHAPE-OUTSIDE PROPERTY TO CIRCLE.

GIVE THE ELEMENT THE SAME HEIGHT AND WIDTH, AND SET ITS BORDER-RADIUS PROPERTY TO 50%.

GIVE THE ELEMENT THE SAME HEIGHT AND WIDTH, AND SET ITS BORDER PROPERTY TO 50%.

SET THE ELEMENT'S SHAPE PROPERTY TO CIRCLE(50%).

Which HTML element is the most appropriate for a pull quote or sidebar?

Which methods does Dreamweaver support for connecting to a server, in addition to FTP, SFTP, and Local/Network?

ALL OF THESE ANSWERS

RDS

WEBDAV

FTP OVER SSL/TLS

HTML5 introduced new values for the type attribute of the form element. Which one is NOT valid?

URL

NUMBER

PHONE

Dreamweaver's Live Object Inspection automatically refreshes _ type code hints. When you reference a variable later in your script, Dreamweaver indicates its _.

PHP; TYPE

JAVASCRIPT; TYPE

PHP; VALUE

JAVASCRIPT; VALUE

Bootstrap is the most popular HTML, CSS, and JavaScript framework for creating responsive webpages that adapt to mobile phones, tablets, and desktops. How do you create a Bootstrap page in Dreamweaver?

CLICK FILE > NEW. IN THE FRAMEWORK DIALOG BOX, CLICK BOOTSTRAP.

CLICK FILE > NEW. IN THE NEW DOCUMENT DIALOG BOX, CLICK NEW DOCUMENT > HTML, AND THEN UNDER RESPONSIVE, CLICK THE BOOTSTRAP TAB.

CLICK FILE > NEW. IN THE NEW DOCUMENT DIALOG BOX, CLICK NEW DOCUMENT > HTML, AND THEN UNDER FRAMEWORK, CLICK THE BOOTSTRAP TAB.

CLICK FILE > NEW. IN THE TEMPLATES DIALOG BOX, CLICK BOOTSTRAP.

If you're not using Bootstrap, how can you embed an accordion widget within a webpage?

CLICK TOOLS > COMMANDS > ACCORDION AND EDIT THE GENERATED TEMPLATE CODE.

CLICK INSERT > JQUERYUI > ACCORDION AND EDIT THE GENERATED TEMPLATE CODE.

CLICK INSERT > HTML > ACCORDION AND EDIT THE GENERATED TEMPLATE CODE.

CLICK INSERT > ACCORDION AND DEFINE PREFERENCES IN THE ACCORDIAN DIALOG BOX.

What is linting?

AUTOMATIC ANALYSIS OF CODE FOR ERRORS AND POTENTIAL PROBLEMS

AN EXTRA SPACE BETWEEN AN ELEMENT'S CONTENT AND BORDER

LINE NUMBERS DOWN THE SIDE OF CODE VIEW

AUTOMATIC TEXT WRAPPING IN CODE VIEW

You can use _ panel to apply an effect to an element, such as changing its background color on hover, by defining a style rule and selecting the _ that you want to affect.

EXTRACT; ELEMENTS

CSS TRANSFORMS; PROPERTIES

BEHAVIORS; ELEMENTS

CSS TRANSITIONS; PROPERTIES

When styling text, why does Dreamweaver list multiple values for font-family rather than just one?

THIS GIVES USERS THE OPPORTUNITY TO CHOOSE THEIR PREFERRED FONT FROM THE LIST.

NOT ALL FONTS MAY BE AVAILABLE, SO BROWSERS USE THE FIRST AVAILABLE FONT FROM THE LIST.

IT'S NECESSARY ONLY WHEN YOU'RE NOT USING A WEB FONT.

IT'S A REMNANT FROM THE EARLY DAYS OF THE WEB, WHEN NOT MANY FONTS WERE AVAILABLE.

Dreamweaver _ allow you to create a "fixed" layout by marking selected parts of the page as _.

TEMPLATES; EDITABLE

TEMPLATES; LOCKED

LIBRARY ITEMS; EDITABLE

LIBRARY ITEMS; LOCKED

The DOM panel shows a diagrammatic representation of a webpage's HTML structure. What else can you do in this panel?

REMOVE A LINK WITHOUT DELETING ITS TEXT.

REORDER ELEMENTS BY DRAGGING AND DROPPING.

INSERT A NEW ELEMENT.

ALL OF THESE ANSWERS

The _ displays a list of code sources related to the current selection on a page. You can access it by clicking the _ icon that appears near the insertion point when the mouse has been idle for two seconds.

RELATED FILES TOOLBAR; CROSSHAIR

CODE INSPECTOR; SHIP'S WHEEL

CODE NAVIGATOR; SHIP'S WHEEL

VERTICAL SPLIT VIEW; CROSSHAIR

From where can you access the Code Navigator?

SPLIT VIEW, DESIGN VIEW, LIVE VIEW, CODE INSPECTOR

CODE INSPECTOR, CODE VIEW, DESIGN VIEW

LIVE VIEW, CODE VIEW, DESIGN VIEW, SPLIT VIEW

DESIGN VIEW, CODE VIEW, SPLIT VIEW, CODE INSPECTOR

Dreamweaver offers multiple ways to insert images. Which technique will NOT work?

CLICK INSERT > IMAGE.

DRAG AND DROP FROM THE ASSETS PANEL INTO LIVE VIEW.

DRAG AND DROP FROM THE FILES PANEL INTO LIVE VIEW.

DRAG AND DROP FROM THE FILES PANEL INTO DESIGN VIEW.

You have created a link to the LinkedIn website by selecting the link text and typing "www.LinkedIn.com" into the Link field of the Dreamweaver Property Inspector or dialog box. But when you come to test it, it doesn't work. What's the problem?

THERE'S NOTHING WRONG WITH THE LINK. IF IT FAILS, IT'S BECAUSE THE INTERNET CONNECTION IS DOWN.

URLS ARE CASE-SENSITIVE AND SHOULD ALWAYS BE IN LOWERCASE.

YOU CAN'T TEST EXTERNAL LINKS IN DREAMWEAVER. YOU NEED TO LOAD THE PAGE INTO A BROWSER FOR TESTING.

IF LINKS AREN'T PREFIXED BY HTTP:// OR HTTPS://, BROWSERS TREAT THEM AS INTERNAL LINKS RELATIVE TO THE CURRENT PAGE.

You want to move files in your website to a different folder or rename them. What's the advantage of making these changes in the Files panel?

DREAMWEAVER KEEPS TRACK OF LINKED FILES AND ASSETS, UPDATING THE INTERNAL LINKS.

DREAMWEAVER DOESN'T RECOGNIZE CHANGES MADE IN WINDOWS EXPLORER OR MAC FINDER.

IT DOESN'T MATTER WHERE YOU MAKE THE CHANGES—THE DREAMWEAVER FILES PANEL PICKS THEM UP AUTOMATICALLY.

MOVING FILES OUTSIDE OF DREAMWEAVER TAKES LONGER.

How do you move inline styles to a style sheet in Dreamweaver?

CLICK TOOLS > CSS > CONVERT INLINE STYLES.

SELECT THE STYLE ATTRIBUTE, RIGHT-CLICK, AND CLICK SELECTION > MOVE CSS RULES.

SELECT THE STYLE ATTRIBUTE, RIGHT-CLICK, AND CLICK SELECTION > CONVERT INLINE CSS TO RULE.

CLICK EDIT > CSS > CONVERT INLINE CSS TO RULES.

How do you insert a web font (either stored locally or using Adobe Edge fonts) into a style sheet in Dreamweaver?

CLICK INSERT > WEB FONTS.

CLICK TOOLS > MANAGE FONTS.

CLICK TOOLS > WEB FONTS.

CLICK INSERT > FONTS > WEB FONTS.

A Bootstrap _ inserts a component that cycles through content using CSS _ and JavaScript.

SLIDESHOW; ANIMATIONS

ACCORDION; ANIMATIONS

CAROUSEL; 3D TRANSFORMS

LIGHTBOX; 3D TRANSFORMS

Pseudo-classes can be used to control the look of links in different states of user interaction. In which order should they be defined to ensure the styles are rendered correctly?

:ACTIVE :LINK :HOVER :VISITED :FOCUS

:LINK :VISITED :FOCUS :ACTIVE :HOVER

:LINK :VISITED :HOVER :ACTIVE :FOCUS

:ACTIVE :FOCUS :HOVER :LINK :VISITED

What attribute is missing from the
tag for it to be able to upload a file successfully?

ENCTYPE="MULTIPART/FILE-DATA"

ACTION="UPLOAD.PHP"

ENCTYPE="APPLICATION/X-WWW-FORM-URLENCODED"

ENCTYPE="MULTIPART/FORM-DATA"

When creating an internal link in a Dreamweaver template, from where is the correct path?

THE TEMPLATES FOLDER

THE LIBRARY FOLDER

THE CURRENT PAGE

THE SITE ROOT

How does the Dreamweaver Check In/Out system prevent more than one person from working on a file at any given time?

WHEN A FILE IS CHECKED OUT, IT BECOMES READ-ONLY ON THE REMOTE SERVER, PREVENTING ANYONE ELSE FROM MAKING CHANGES UNTIL IT IS CHECKED BACK IN.

WHEN A FILE IS CHECKED OUT, IT IS TEMPORARILY REMOVED FROM THE REMOTE SERVER, PREVENTING ANYONE ELSE FROM MAKING CHANGES UNTIL IT IS CHECKED BACK IN.

ONLY ONE MEMBER OF THE TEAM CAN CHECK OUT A FILE FROM THE REMOTE SERVER TO MAKE CHANGES AT ANY GIVEN TIME. WHEN MEMBERS OF THE TEAM CHECK IN A FILE, THEIR LOCAL VERSION BECOMES READ-ONLY.

ONLY ONE MEMBER OF THE TEAM CAN CHECK OUT A FILE FROM THE REMOTE SERVER AT ANY GIVEN TIME, BUT ALL MEMBERS' LOCAL VERSIONS ARE AUTOMATICALLY UPDATED AS SOON AS THE FILE IS CHECKED BACK IN.

Dreamweaver's _ allows you to see what your design will look like _ without you needing to save the page.

OPEN IN BROWSER; IN A SINGLE BROWSER OR MOBILE DEVICE

PREVIEW IN BROWSER; IN A SINGLE BROWSER OR MOBILE DEVICE

REAL-TIME PREVIEW; IN MULTIPLE BROWSERS AND MOBILE DEVICES

LIVE VIEW; IN MULTIPLE BROWSERS AND MOBILE DEVICES

Before deploying a page on a live website, it's a good idea to check the HTML for errors. How do you do that in Dreamweaver?

CLICK TOOLS > HTML > VALIDATE DOCUMENT (W3C).

CLICK SITE > REPORTS > VALIDATE DOCUMENT (W3C)..

CLICK FILE > VALIDATE > CURRENT DOCUMENT (W3C).

CLICK SITE > REPORTS > CURRENT DOCUMENT.

Your Name: (required)
Your Email: (required)
Skype Username:
Exams you want to pass:

Exam Type:	Dreamweaver MCQ Skill Test
Questions Type:	Multiple Choice Questions
Total Questions:	32
Time Limit:	30 Minutes
Last Update	June, 2025

Pass Dreamweaver Exam

Dreamweaver Quiz

In the image below, the text box's white background has been made 20% transparent to let the sea and land show through. Which color definition was used?

rgba(255,255,255,0.80)

rgba(255,255,255,20%)

rgba(255,255,255,0.20)

rgba(255,255,255,80%)

In the image below, to which Dreamweaver toolbar is the arrow pointing?

Common toolbar

Linked Files toolbar

Related Files toolbar

Document toolbar

Which panel stores frequently used code for quick insertion into a page?

Dreamweaver offers several options for refactoring JavaScript code, including renaming, extracting an expression to a variable, and extracting an expression to a function. What other refactoring options does it offer?

How do you use CSS to create a perfect circle?

Which HTML element is the most appropriate for a pull quote or sidebar?

Which methods does Dreamweaver support for connecting to a server, in addition to FTP, SFTP, and Local/Network?

HTML5 introduced new values for the type attribute of the form element. Which one is NOT valid?

Dreamweaver's Live Object Inspection automatically refreshes _ type code hints. When you reference a variable later in your script, Dreamweaver indicates its _.

Bootstrap is the most popular HTML, CSS, and JavaScript framework for creating responsive webpages that adapt to mobile phones, tablets, and desktops. How do you create a Bootstrap page in Dreamweaver?

If you're not using Bootstrap, how can you embed an accordion widget within a webpage?

What is linting?

You can use _ panel to apply an effect to an element, such as changing its background color on hover, by defining a style rule and selecting the _ that you want to affect.

When styling text, why does Dreamweaver list multiple values for font-family rather than just one?

Dreamweaver _ allow you to create a "fixed" layout by marking selected parts of the page as _.

The DOM panel shows a diagrammatic representation of a webpage's HTML structure. What else can you do in this panel?

The _ displays a list of code sources related to the current selection on a page. You can access it by clicking the _ icon that appears near the insertion point when the mouse has been idle for two seconds.

From where can you access the Code Navigator?

Dreamweaver offers multiple ways to insert images. Which technique will NOT work?

You have created a link to the LinkedIn website by selecting the link text and typing "www.LinkedIn.com" into the Link field of the Dreamweaver Property Inspector or dialog box. But when you come to test it, it doesn't work. What's the problem?

You want to move files in your website to a different folder or rename them. What's the advantage of making these changes in the Files panel?

How do you move inline styles to a style sheet in Dreamweaver?

How do you insert a web font (either stored locally or using Adobe Edge fonts) into a style sheet in Dreamweaver?

A Bootstrap _ inserts a component that cycles through content using CSS _ and JavaScript.

Pseudo-classes can be used to control the look of links in different states of user interaction. In which order should they be defined to ensure the styles are rendered correctly?

What attribute is missing from the
tag for it to be able to upload a file successfully?

When creating an internal link in a Dreamweaver template, from where is the correct path?

How does the Dreamweaver Check In/Out system prevent more than one person from working on a file at any given time?

Dreamweaver's _ allows you to see what your design will look like _ without you needing to save the page.

Before deploying a page on a live website, it's a good idea to check the HTML for errors. How do you do that in Dreamweaver?