Presentation is loading. Please wait.

Presentation is loading. Please wait.

Dreamweaver Chapter 1 Mr. Ursone. 13 1 3 6 7 10 11 12 5 8 9 2 4 14 Document Window.

Similar presentations


Presentation on theme: "Dreamweaver Chapter 1 Mr. Ursone. 13 1 3 6 7 10 11 12 5 8 9 2 4 14 Document Window."— Presentation transcript:

1 Dreamweaver Chapter 1 Mr. Ursone

2 13 1 3 6 7 10 11 12 5 8 9 2 4 14 Document Window

3 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.

4 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.

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

6 Insert Bar Allows quick access to frequently used commands.

7 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

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

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

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

11 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.

12 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

13 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.

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

15 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

16 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

17 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

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

19 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

20 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.

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

22 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.


Download ppt "Dreamweaver Chapter 1 Mr. Ursone. 13 1 3 6 7 10 11 12 5 8 9 2 4 14 Document Window."

Similar presentations


Ads by Google