Chapter 1: Creating a New Web Site with Dreamweaver · Chapter 1: Creating a New Web Site with Dreamweaver MULTIPLE CHOICE 1. With which of the following is Dreamweaver easily integrated?

Chapter 1: Creating a New Web Site with Dreamweaver

MULTIPLE CHOICE

1. With which of the following is Dreamweaver easily integrated?

a. Adobe Flash c. Microsoft Expression Web

b. Microsoft PowerPoint d. All of the above

ANS: A PTS: 1 REF: DW 26

2. Which of the following operating systems is NOT an operating system on which Dreamweaver CS6

runs?

a. Windows 7 c. Windows Vista

b. Mac OS X d. Opera

ANS: D PTS: 1 REF: DW 26

3. Which of the following is NOT a part of the Adobe Creative Suite 6?

a. Flash c. Illustrator

b. PowerPoint d. Fireworks

ANS: B PTS: 1 REF: DW 26

4. nWhich of the following is the most recent standard of HTML?

a. HTML4 c. HTML6

b. HTML5 d. HTML7


5. The ____ workspace provides all the tools necessary for a beginning Web designer's needs and omits

features for advanced designers and programmers.

a. Classic c. Programming

b. Design d. Advanced


6. How many predefined workspace layouts exist in Dreamweaver?

a. 8 c. 11

b. 9 d. 13

ANS: C PTS: 1 REF: DW 30

7. A ____ window fills the entire screen.

a. restored c. minimized

b. maximized d. full


8. Which of the following is NOT a preset workspace layout in Dreamweaver?

a. Enhanced c. Coder Plus

b. Classic d. Designer Compact


9. To display a menu, click the menu name on the ____ bar.

a. Options c. Tools

b. Application d. status


10. The ____ bar displays the Dreamweaver menu names.

a. Status c. Application

b. Property d. Title


11. From the options on the Workspace Switcher list shown in the accompanying figure, programmers

who work primarily with HTML and other languages generally select the ____ workspace.

a. Dual Screen c. Fixed Layout

b. App Developer d. Mobile Applications


12. From the options on the Workspace Switcher list shown in the accompanying figure, the ____

workspace is ideal for beginners and nonprogrammers.

a. Dual Screen c. Business Catalyst

b. Classic d. App Developer Plus


13. The ____ bar displays the buttons for working with the window layout, extending Dreamweaver,

managing sites, switching the workspace layout, searching for help, and manipulating the window.

a. Standard c. Application

b. Object d. Insert


14. Menus on the Application bar may display some commands that appear ____, which indicates they are

not available for the current selection.

a. gray c. blue

b. white d. black


15. The ____ bar contains buttons for inserting various types of objects.

a. Insert c. Object

b. Property d. Attributes


16. The ____ bar located below the Document window provides additional information about the

document you are creating.

a. property c. status

b. document d. tag


17. If you drag the ____ to another part of the Dreamweaver window, it is displayed as a vertical panel

instead of horizontal bar.

a. Document toolbar c. status bar

b. Insert bar d. Property inspector


18. The ____ option on the status bar allows you to pan a page after zooming.

a. Select tool c. tag selector

b. Zoom tool d. Hand tool


19. The ____ option on the status bar allows you to check the pixel accuracy of graphics or to better view

the page.

a. Zoom tool c. Hand tool

b. Set magnification d. mobile size


20. A panel ____ is a fixed area at the left or right edge of the workspace that hosts a panel group.

a. cluster c. dock

b. drive d. aggregate


21. To open any of Dreamweaver's panels, inspectors, or bars, click ____ on the Application bar.

a. Window c. File

b. Open d. Display


22. Panel ____ are sets of related panels docked together below one heading.

a. bars c. clusters

b. windows d. groups


23. The fastest way to open and close panels in Dreamweaver is to use the ____ key.

a. F1 c. F3

b. F2 d. F4


24. In the Classic workspace, Dreamweaver can display three toolbars: Document, Standard, and ____.

a. Styles c. Themes

b. Style Rendering d. Theme Rendering


25. You can choose to display or hide the toolbars by clicking ____ on the Application bar and then

pointing to Toolbars.

a. View c. Display

b. Show d. Reveal


26. Dreamweaver's work ____ are options that modify the appearance of the workspace, user interactions,

accessibility features, and default settings.

a. edits c. maps

b. preferences d. tools


27. Which of the following commands allows you to access preferences?

a. CTRL+P c. CTRL+Q

b. CTRL+A d. CTRL+U


28. ____ includes native support of video without the use of a plug-in.

a. CSS3 c. XML

b. HTML5 d. XHTML


29. When a Dreamweaver page is created, an option called ____ is placed in the first line of HTML code.

a. DocType c. AppType

b. CodeType d. HTMLVersion


30. A ____ specifies the rules for the markup language so browsers can render the content correctly.

a. DTD c. property

b. plug-in d. file inspector


31. A typical path structure has a master folder, usually called the ____.

a. directory c. subfolder

b. root d. nested folder


32. A ____ is the succession of folders that must be navigated to get from one folder to another.

a. property c. route

b. path d. directory


33. The ____ is the starting point for a Web site.

a. contact us page c. home page

b. about us page d. site map


34. ____ involves setting heading styles, inserting special characters, and inserting or modifying other

elements that enhance the appearance of the Web page.

a. Coding c. Transitioning

b. Formatting d. Editing


35. HTML defines a collection of font styles called ____ to format the size of text.

a. headings c. horizons

b. segments d. preformats


36. The ____ button in the Property inspector allows you to display styles to apply to selected text.

a. Style c. Format

b. Design d. Text


37. ____ lists do not use leading characters such as bullet points or numbers.

a. Unordered c. Ordered

b. Definition d. Indexed


38. When you select existing text and add bullets, the blank lines between the list items ____.

a. are increased c. are deleted

b. are decreased d. remains the same


39. If you do not title a page, the page will be displayed in the browser tab, Favorites lists, and history lists

as an ____.

a. Untitled Document c. system error

b. Empty Document d. HTTP error


40. A Web page ____ helps Web site visitors keep track of what they are viewing as they browse.

a. filename c. title

b. link d. multimedia resource


MULTIPLE RESPONSE

Modified Multiple Choice

1. Dreamweaver provides the Web site developer with preset workspace layouts that include ____.

a. Designer Compact c. App Developer Plus

b. Dual Screen d. Classic

ANS: A, B, C, D PTS: 1 REF: DW 31

2. Dreamweaver provides the ____ layout as a predefined layout.

a. static c. dynamic

b. fixed d. liquid

ANS: B, D PTS: 1 REF: DW 50

3. All Dreamweaver Web sites begin with a local root folder. Other terms for “local root folder” are

____.

a. root folder c. local baseline

b. subfolder d. root

ANS: A, D PTS: 1 REF: DW 44

4. Formatting involves ____.

a. setting heading styles

b. writing original content

c. inserting special characters

d. inserting elements that enhance the appearance of the Web page

ANS: A, C, D PTS: 1 REF: DW 54

5. Which of the following is a step to take before completing a Web page?

a. Give your Web page a title

b. Proofread the text

c. Check the spelling of the text

d. Preview the page in one or more browsers

ANS: A, B, C, D PTS: 1 REF: DW 63

TRUE/FALSE

1. Storage media for your local site must either be a USB flash drive or a cloud computing drive.

ANS: F PTS: 1 REF: DW 28

2. When you start Dreamweaver, the category in which you were last working is displayed on the Insert

bar.

ANS: T PTS: 1 REF: DW 32

3. When you make changes to a document, Dreamweaver puts the file name in the document tab in red,

indicating that the changes have not been saved.


4. Split view allows you to see both the source code and the document design simultaneously.


5. Closing unused panels provides an uncluttered workspace in the Document window.


6. Drag any toolbar by its selection handle to undock and move the toolbar.


7. The Standard toolbar is the default toolbar that displays in the Document window.


8. The DocType declaration is a formatting tag.


9. With Dreamweaver and HTML5, you can create an interactive site that will be rendered correctly on a

variety of smartphones, tablets, and traditional computers.


10. After defining a remote site, you then publish it to a local site.


11. In a large Web site that uses CSS, making a formatting revision such as changing the font is very time

consuming because each page must be changed individually to use the new font.


12. A stylesheet is a predesigned layout used to create pages with placeholder content.


13. Any predefined style within the template can be customized by changing the corresponding CSS

settings.


14. By default, Dreamweaver searches for Web pages, links, images, and other files in the designated root

folder.


15. A subfolder is a folder inside another folder.


16. If you plan to work on your Web site in various locations or on more than one computer, you should

create your site on removable media.


17. The Remote Files list provides a view of the devices and folders on your computer.


18. A folder is a specific location on a storage medium.


19. Dreamweaver CS6 provides placeholders with built-in layouts to help you quickly create a Web page.


20. Use lists to organize key points, a sequence of steps, or other information you want to highlight.


21. In a liquid layout, the values for the overall width, as well as any columns within the page, are written

using pixel units in the CSS file.


22. In a fixed layout, the values for the overall width, as well as any columns within the page, are written

using percentages in the CSS file.


23. A liquid layout offers a greater measure of control to align items within the columns because the

layout is not resized when the site visitor resizes his or her browser window.


24. Ordered lists contain text preceded by bullets (dots or other symbols) or image bullets.


25. After creating a Web page, it is a good practice to test your Web pages by previewing them in Web

browsers to ensure they display correctly.


COMPLETION

1. The Dreamweaver ______________________ is an integrated environment in which the Document

window and panels are integrated into one larger application window.

ANS: workspace

PTS: 1 REF: DW 30

2. The ______________________ window displays the current document as you create and edit it.

ANS: Document

PTS: 1 REF: DW 33

3. In ______________________ view, the Document window displays the HTML, CSS, JavaScript, and

other server-side language code within a Web page.

ANS: Code

PTS: 1 REF: DW 35

4. As shown in the accompanying figure, ______________________ view offers a design environment

where you can assemble your Web page elements and design your page.

ANS: Design

PTS: 1 REF: DW 36

5. A Web ____________________ is a set of pages on a server that are viewed through a Web browser

by a visitor.

ANS: site

PTS: 1 REF: DW 43

6. A(n) ____________________ site is a set of files on a server that make up a Web site, from the

author’s point of view rather than the visitor’s point of view.

ANS: remote

PTS: 1 REF: DW 44

7. A(n) ____________________ site is a set of files on your local disk that correspond to the files on the

remote site.

ANS: local

PTS: 1 REF: DW 44

8. A Dreamweaver site ____________________ is a set of defining characteristics for a local site, plus

information on how the local site corresponds to a remote site.

ANS: definition

PTS: 1 REF: DW 44

9. A typical path structure has a(n) ______________________ folder, called the root and designated by

the symbol “\”.

ANS: master

PTS: 1 REF: DW 44

10. For most Web sites, the ______________________ page is named index.

ANS: home

PTS: 1 REF: DW 51

11. In the heading system, Heading ______________________ is the smallest heading.

ANS: 6

PTS: 1 REF: DW 54

12. The ______________________ box allows you to make selected text or other objects a hyperlink to a

specified URL or Web page.

ANS: Link

PTS: 1 REF: DW 56

13. As you drag the ______________________ button, Dreamweaver displays a line showing the

connection between the button and the file link.

ANS: Point to File

PTS: 1 REF: DW 56

14. ______________________ lists contain text preceded by numbered steps.

ANS: Ordered

PTS: 1 REF: DW 59

15. ______________________ lists contain text preceded by bullets (dots or other symbols) or image

bullets.

ANS: Unordered

PTS: 1 REF: DW 59

16. ______________________ lists do not use leading characters such as bullet points or numbers; they

are used often for glossaries or descriptions.

ANS: Definition

PTS: 1 REF: DW 59

17. A Web page ____________________ helps Web site visitors keep track of what they are viewing as

they browse.

ANS: title

PTS: 1 REF: DW 62

18. The ____________________ command ignores HTML tags.

ANS: Check Spelling

PTS: 1 REF: DW 63

19. Adobe ______________________ is an online service that helps ensure your Web content is displayed

as intended.

ANS: BrowserLab

PTS: 1 REF: DW 64

20. The built-in ______________________ feature in Dreamweaver provides reference materials and

other forms of assistance.

ANS: Help

PTS: 1 REF: DW 65

MODIFIED TRUE/FALSE

1. Folders sometimes are referred to as panel groups.____________________

ANS: F, directories

PTS: 1 REF: DW 44

2. In the Files panel, a(n) device icon may have an expand or collapse to it indicating whether the device

or folder contains additional folders. ____________________


3. The Property inspector displays the properties, or characteristics, of the selected

object.____________________


4. Ordered lists contain text preceded by bullets (dots or other symbols) or image bullets.

____________________

ANS: F, Unordered

PTS: 1 REF: DW 59

5. Because many search engines use the Web page selector you should create a description and

meaningful name. ____________________

ANS: F, title

PTS: 1 REF: DW 62

MATCHING

Identify the letter of the choice that best matches the phrase or definition.

a. Code view f. ordered

b. panel groups g. Dreamweaver workspace

c. Live View h. Split view

d. definition i. document tab

e. Document window j. Insert bar

1. Displays the Web page name

2. Integrated environment in which the Document window and panels are incorporated into one larger

application window

3. Kind of lists often used by glossaries and descriptions

4. Displays the current document as you create and edit it

5. Displays an interactive, browser-based view of the document

6. Displays both the source code and the document design simultaneously

7. Kind of lists that contain text preceded by numbers

8. View that displays the HTML, CSS, JavaScript, and other server-side language code within a Web

page

9. Sets of related panels docked together below one heading

10. Quick access to buttons for inserting various types of objects

1. ANS: I PTS: 1 REF: DW 33

2. ANS: G PTS: 1 REF: DW 30

3. ANS: D PTS: 1 REF: DW 59

4. ANS: E PTS: 1 REF: DW 33

5. ANS: C PTS: 1 REF: DW 37

6. ANS: H PTS: 1 REF: DW 36

7. ANS: F PTS: 1 REF: DW 59

8. ANS: A PTS: 1 REF: DW 35

9. ANS: B PTS: 1 REF: DW 34

10. ANS: J PTS: 1 REF: DW 32

ESSAY

1. Define each of the following: document tab, Document toolbar, and Document window.

ANS:

The document tab displays the Web page name, which is Untitled-1 for the first Web page you create

in a Dreamweaver session. The Document toolbar contains buttons that provide different views of the

Document window (e.g., Code, Split, and Design), and some common operations, such as

Preview/Debug in Browser, Refresh Design View, View Options, Visual Aids, and Check Browser

Compatibility. The Document window displays the current document as you create and edit it.

PTS: 1 REF: DW 33 TOP: Critical Thinking

2. Briefly describe at least seven different status bar options.

ANS:

• Tag selector: Click any tag in the hierarchy to select that tag and all its contents.

• Select tool: Use the Select tool to return to default editing after using the Zoom or Hand tool.

• Hand tool: To pan a page after zooming, use the Hand tool to drag the page.

• Zoom tool: Available in Design view or Split view, you can use the Zoom tool to check the pixel

accuracy of graphics or to better view the page.

• Set magnification: Use the Set magnification context menu to change the view from 6% to 6400%;

default is 100%.

• Mobile size: Set the Document window to mobile size values, such as for smartphones.

• Tablet size: Set the Document window to tablet size values.

• Desktop size: Set the Document window to desktop size values.

• Window size: Set the Window size value, which includes the window’s current dimensions (in

pixels). Click this value to display the Window size pop-up menu.

• Download size and download time: Refer to this area for the size and estimated download time of

the current page. Dreamweaver CS6 calculates the size based on the entire contents of the page,

including all linked objects such as images and plug-ins.

• Unicode (UTF-8): Refer to this area for the type of text encoding. Unicode is an industry standard

that allows computers to consistently represent and manipulate text expressed in most of the world’s

writing systems.


3. Explain what CSS3 is and how it is used. Include in your answer an explanation of the two ways in

which Web pages can be designed.

ANS:

CSS3 is the new standard for Web site presentation. Web pages can be designed in two ways: First, a

Web page can contain layout and content information combined in a single HTML file. This option is

not recommended because it is difficult to update and maintain such a Web page on larger sites. The

second option is the one in which a Web page can separate content from the layout in two separate

files. The content information is coded in the HTML file, but the HTML file does not contain

information about how that information is displayed. The appearance, or layout, is stored in a separate

file called a CSS file.

A CSS file is a simple text file containing style rules that control the appearance of a Web page. Using

CSS styles, you can control font size, font color, background, and many other attributes of a Web

page, thus reducing a page’s file size. In a large Web site that does not use CSS styles, making a

formatting revision such as changing the font is very time consuming because each page must be

changed individually to use the new font. By using CSS, you can change the font in one line of a CSS

file and have the font automatically update throughout the entire site.


CASE

Critical Thinking Questions

Case 1-1

Jana is designing a Web site for her favorite hobby, cooking. As much as she knows about cooking,

however, she knows less about Web site design, so she turns to her friend Vince for help

1. Jana is putting the steps of a recipe onto a Web page within her site. The steps of the recipe need to be

preceded by numbers. Which of the following kinds of lists does Vince tell Jana to use?

a. unordered c. definition

b. ordered d. indexed

ANS:

B


2. Jana is looking for a type of list that does not use bullets or numbers at all. What kind of list does

Vince tell Jana to use?

a. unordered c. definition

b. ordered d. indexed

ANS:

C


Critical Thinking Questions

Case 1-2

Adam is using HTML5 for the first time, so he is reading up on it to make sure he is making the most

of it.

3. Which of the following that Adam does is NOT new since the arrival of HTML5?

a. increased Web security c. use of images as hyperlinks

b. deploying to multiple devices d. creating an interactive site that will be

rendered correctly on a variety of

smartphones, tablets, and traditional

computers

ANS:

C


4. Which of the following is NOT true of the DocType option?

a. The last line in an HTML5 document

reads: <!DOCTYPE html>.

c. The DTD specifies the rules for the

markup language so browsers can render

the content correctly.

b. The DocType declaration is not a

formatting tag.

d. The DocType declaration is an instruction

to the Web browser indicating in what

version of the markup language the page

is written.

ANS:

A


Documents

Chapter 1: Creating a New Web Site with Dreamweaver · Chapter 1: Creating a New Web Site with Dreamweaver MULTIPLE CHOICE 1. With which of the following is Dreamweaver easily integrated?