Dreamweaver Chapter 1 Mr. Ursone

Document Window

Answers Dreamweaver Window 1._______________ 2. ________________ 3. _______________ 4. ________________ 5._______________ 6. ________________ 7._______________ 8. ________________ 9. _______________ 10.________________ 11. _______________ 12.________________ 13. _______________ 14.________________ Discussion: Ask students to identify similarities between this window and the windows of other applications they have used.

Title Bar Displays the application name, Adobe Dreamweaver CS3; in brackets, the Web page title; and, in parentheses, the file path and file name of the displayed Web page.

Panel Groups Sets of related panels docked together below one heading. Files Panel How do you expand or collapse a panel group?

Insert Bar Allows quick access to frequently used commands.

The Document Toolbar The default toolbar displayed in the Document window. It contains buttons that provide different views, the Document title, and some common operations

Status Bar Provides additional information about the document you are creating, i.e. Located at the bottom of the document window Status Bar

Standard Toolbar Contains buttons for common operations from the file and edit menus

Undo vs. Redo Undo: undoes the last action taken on a page Redo: Reverses the last undo action

Format Box Allows you to apply a paragraph, heading, or preformatted style to text. Font Box Applies the selected font combination to the text and determines how a browser displays text on your web page.

HTML Font Size The default HTML font size is 3, which equates to 12 points in a word-processing document Inserting a Line Break Shift + Enter

Changing Text Color Eyedropper and Color Picker –Dreamweaver has an eyedropper feature that lets you select colors and make perfect color matches –Color Picker lets you select the colors for page elements and text.

Unordered & Ordered Lists Unordered List = Bulleted List  Example Ordered List = Numbered List 1.Example 2.Example 3.Example

Dreamweaver Views Code View: –Environment for writing and editing code Design View: –Environment where you assemble your Web page elements and design your page Split View: –Allows you to see both Code view and Design view for the same document in a single window

Folders Local root folder/master folder: The main folder for the web site. It contains the subfolders within it. Subfolder: a folder inside another folder Path: The succession of folders that must be navigated to get from one folder to another

Property Inspector Lets you see the current properties of the selected object/text and allows you to alter or edit them CTRL + F3 collapses the Property Inspector

Text Headings Heading 1 produces the largest text Heading 6 produces the smallest text Text Headings are found in the properties inspector

Miscellaneous The Dreamweaver Workspace is an integrated area in which the Document window and panels are integrated into one larger application window The Menu Bar displays the Dreamweaver menu names –What is indicated when a menu displays commands that appear gray, or dimmed, instead of black? (Answer: Those commands are not available for the current selection.) A Web Site is a set of pages on a server that are viewed through a Web browser by a visitor to the site

Miscellaneous A remote site are files on a server that make up a Web site from the author’s point of view A local site is a set of files on your local disk that correspond to files on a remote site You can modify the default properties of a Web page by using the Page Properties dialog box.

Miscellaneous Paragraph Formatting is the process of changing the appearance of text. Character Entities, another name for character codes, allow a browser to show special characters. The F4 key is a toggle key that opens and/or closes all panels and inspectors—like the ones shown in the accompanying figure—at one time. Discussion: Why is it considered good practice to save when you first open a document and then save regularly while you are working in Dreamweaver? How do you protect yourself when you follow this practice? What might happen if you did not follow it?

Formatting Text This means to apply different fonts, change heading styles, insert special characters, and insert other such elements that enhance the appearance of the Web page.