Dreamweaver Quick Tutorial

This tutorial provides a comprehensive guide to using Dreamweaver CC for web development. It covers setting up the software, creating a new site, and working with HTML and CSS. The video explains how to use Dreamweaver's editing and viewing options, including the WYSIWYG view, and demonstrates advanced CSS editing techniques. It also covers working with containers and adding elements to a webpage. The tutorial concludes with finalizing and saving the project, highlighting Dreamweaver's features as both a development and teaching tool.

What is the first step to start using Dreamweaver CC?

• Set up a CSS file

• Add a header to your page

• Download and install the software

• Create a new HTML document

What is the purpose of the split view in Dreamweaver?

• To edit JavaScript and HTML together

• To view HTML and CSS side by side

• To see both code and live preview simultaneously

• To compare two different HTML documents

Which view allows you to see what your webpage will look like as you code?

• WYSIWYG view

• Design view

• Preview view

• Code view

What is the function of the 'Insert' panel in Dreamweaver?

• To compile your code

• To switch between different views

• To save your project

• To add new HTML elements to your page

What is the primary use of CSS in web development?

• To store data for a webpage

• To style and layout a webpage

• To structure the content of a webpage

• To add functionality to a webpage

How can CSS be associated with HTML?

• Directly, indirectly, or externally

• Embedded, inline, or linked

• Manually, automatically, or semi-automatically

• Locally, globally, or universally

What is the advantage of using a linked CSS file?

• It automatically updates all web pages

• It reduces the need for HTML coding

• It enables site-wide style changes from one location

• It allows for faster loading times

What does the CSS designer panel allow you to do?

• Compile JavaScript code

• Apply and modify CSS properties

• Create new HTML documents

• Edit HTML content

What is the purpose of the 'Quick Edit' feature in Dreamweaver?

• To switch between different views

• To edit CSS properties directly attached to HTML elements

• To quickly save your project

• To preview your webpage

How can you center text using CSS in Dreamweaver?

• By using the 'align-center' property

• By using the 'justify-content' property

• By setting 'text-align' to 'center'

• By applying the 'center' class