1 / 22

Dreamweaver Chapter 1

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

Télécharger la présentation

Dreamweaver Chapter 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Dreamweaver Chapter 1 Mr. Ursone

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

  3. Answers Dreamweaver Window • _______________ 2. ________________ 3. _______________ 4. ________________ • _______________ 6. ________________ • _______________ 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. <body> • 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 • Example • Ordered List = Numbered List • Example • Example • 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 <h1> produces the largest text • Heading 6 <h6> 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.

More Related