Quiz about Dreamweaver

Question 1

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

Accepted Answer

aside

Answer

div

Answer

section

Answer

article

Question 2

What is linting?

Accepted Answer

automatic analysis of code for errors and potential problems

Answer

line numbers down the side of Code view

Answer

automatic text wrapping in Code view

Answer

an extra space between an element's content and border

Question 3

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 dialog box. But when you come to test it, it doesn't work. What's the problem?

Accepted Answer

If links aren't prefixed by http:// or https://, browsers treat them as internal links relative to the current page.

Answer

There's nothing wrong with the link. If it fails, it's because the internet connection is down.

Answer

You can't test external links in Dreamweaver. You need to load the page into a browser for testing.

Answer

URLs are case-sensitive and should always be in lowercase.

Question 4

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

Accepted Answer

the Templates folder

Answer

the current page

Answer

the Library folder

Answer

the site root

Question 5

A favicon is often added to the <head> element to display a small image or logo alongside the page title in the browser tab. What's the correct way of inserting a favicon (assuming you have the relevant icon in your images folder)?

Accepted Answer

link href="images/favicon.ico" rel="icon" type="image/x-icon"

Answer

img href="images/favicon.ico" rel="icon" type="image/x-icon"

Answer

meta href="images/favicon.ico" rel="icon" type="image/icon"

Answer

link href="images/favicon.ico" rel="icon" type="image/icon"

Question 6

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

Accepted Answer

Snippets

Answer

Behaviors

Answer

Images

Answer

Favorites

Question 7

What is linting?

Accepted Answer

automatic analysis of code for errors and potential problems

Answer

an extra space between an element’s content and border

Answer

automatic text wrapping in Code view

Answer

line numbers down the side of Code view

Question 8

You can use the \_**\_ 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.

Accepted Answer

CSS Transitions; properties

Answer

Behaviors; elements

Answer

CSS Transforms; properties

Answer

Extract; elements

Question 9

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?

Accepted Answer

Click Tools > HTML > Validate Document (W3C).

Answer

Click Site > Reports > Current Document.

Answer

Click Site > Reports > Validate Document (W3C).

Answer

Click File > Validate > Current Document (W3C).

Question 10

HTML5 introduced new values for the type attribute of the form < input > element. Which of the following is not valid?

Accepted Answer

phone

Answer

url

Answer

email

Answer

number

Question 11

When setting the font-size property in CSS, you need to be careful about using **\_** as the unit of measurement on nested elements because it's calculated in relation to the **\_**, which can result in larger or smaller text than expected.

Accepted Answer

em; inherited value

Answer

px; inherited value

Answer

em: root element

Answer

rem: inherited value

Question 12

A favicon is often added to the element to display a small image or logo alongside the page title in the browser tab. What's the correct way of inserting a favicon (assuming you have the relevant icon in your images folder)?

Accepted Answer

`<link href=”images/favicon.ico”rel=”icon” type=”image/icon”>`

Answer

`<meta href=”images/favicon.ico” rel=”icon” type=”image/icon”>`

Answer

`<link href=”images/favicon.ico” rel=”icon” type=”image/x-icon”>`

Answer

`<img href=”images/favicon.ico” rel=”icon” type=”image/x-icon”>`

Question 13

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?

Accepted Answer

Wrap in condition, Extract method, Convert to arrow function Create getters/setters

Answer

Convert to arrow function, Convert to class, Wrap in condition, Wrap in try/catch

Answer

Wrap in try/catch, Wrap in condition, Convert to arrow function, Create getters/setters

Answer

Create getters/setters, Pull class members up, Convert to arrow function, Wrap in try/catch

Question 14

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

Accepted Answer

Select the style attribute, right-click, and click Selection > Move CSS Rules.

Answer

Click Tools > CSS > Convert Inline Styles.

Answer

Click Edit > CSS > Convert Inline CSS to Rules.

Answer

Select the style attribute, right-click, and click Selection > Convert Inline CSS to Rule.

Question 15

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

Accepted Answer

carousel; 3D Transforms

Answer

accordion; animations

Answer

lightbox; 3D Transforms

Answer

slideshow; animations

Question 16

What is the tag inspector?

Accepted Answer

A tool for viewing and editing the HTML tags of an element

Answer

A tool for viewing and editing the CSS styles of an element

Answer

A tool for viewing and editing the JavaScript code of an element

Answer

A tool for viewing and editing the properties of an element

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

Q2. What is linting?

Q3. 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 dialog box. But when you come to test it, it doesn't work. What's the problem?

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

Q5. A favicon is often added to the <head> element to display a small image or logo alongside the page title in the browser tab. What's the correct way of inserting a favicon (assuming you have the relevant icon in your images folder)?

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

Q7. What is linting?

Q8. You can use the 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.

Q9. 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?

Q10. HTML5 introduced new values for the type attribute of the form < input > element. Which of the following is not valid?

Q11. When setting the font-size property in CSS, you need to be careful about using _ as the unit of measurement on nested elements because it's calculated in relation to the _, which can result in larger or smaller text than expected.

Q12. A favicon is often added to the element to display a small image or logo alongside the page title in the browser tab. What's the correct way of inserting a favicon (assuming you have the relevant icon in your images folder)?

Q13. 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?

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

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

Q16. What is the tag inspector?