Dreamweaver is a popular web development tool that allows you to create, edit, and manage websites. If you want to showcase your Dreamweaver skills to potential employers or clients, you may want to take the LinkedIn skill assessment for Dreamweaver. This is a short online test that measures your proficiency in using the software.

In this blog post, I will share with you some of the questions and answers from the LinkedIn skill assessment for Dreamweaver. These will help you prepare for the test and boost your confidence. You will also learn some useful tips and tricks for using Dreamweaver effectively.

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

•  aside
•  div
•  section
•  article

Q2. What is linting?

•  automatic analysis of code for errors and potential problems
•  line numbers down the side of Code view
•  automatic text wrapping in Code view
•  an extra space between an element’s content and border

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?

•  There’s nothing wrong with the link. If it fails, it’s because the internet connection is down.
•  You can’t test external links in Dreamweaver. You need to load the page into a browser for testing.
•  URLs are case-sensitive and should always be in lowercase.
•  If links aren’t prefixed by http:// or https://, browsers treat them as internal links relative to the current page.

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

•  the Templates folder
•  the current page
•  the Library folder
•  the site root

Q5. 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)?

•  link href=”images/favicon.ico” rel=”icon” type=”image/x-icon”
•  img href=”images/favicon.ico” rel=”icon” type=”image/x-icon”
•  meta href=”images/favicon.ico” rel=”icon” type=”image/icon”
•  link href=”images/favicon.ico” rel=”icon” type=”image/icon”

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

•  Behaviors
•  Images
•  Favorites
•  Snippets

Q7. What is linting?

•  an extra space between an element’s content and border
•  automatic analysis of code for errors and potential problems
•  automatic text wrapping in Code view
•  line numbers down the side of Code view

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.

•  Behaviors; elements
•  CSS Transitions; properties
•  CSS Transforms; properties
•  Extract; elements

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?

•  Click Site > Reports > Current Document.
•  Click Site > Reports > Validate Document (W3C).
•  Click Tools > HTML > Validate Document (W3C).
•  Click File > Validate > Current Document (W3C).

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

•  url
•  email
•  phone
•  number

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.

•  px; inherited value
•  em: root element
•  em; inherited value
•  rem: inherited value

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)?

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

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?

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

Q14. 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.
•  Click Edit > CSS > Convert Inline CSS to Rules.
•  Select the style attribute, right-click, and click Selection > Convert Inline CSS to Rule.

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

•  accordion; animations
•  lightbox; 3D Transforms
•  carousel; 3D Transforms
•  slideshow; animations

Q16. What is the tag inspector?

•  A tool for viewing and editing the CSS styles of an element
•  A tool for viewing and editing the HTML tags of an element
•  A tool for viewing and editing the JavaScript code of an element
•  A tool for viewing and editing the properties of an element

reference