Presentation is loading. Please wait.

Presentation is loading. Please wait.

Dreamweaver Basics Dayton High School Mr. Martin.

Similar presentations


Presentation on theme: "Dreamweaver Basics Dayton High School Mr. Martin."— Presentation transcript:

1 Dreamweaver Basics Dayton High School Mr. Martin

2 Dreamweaver Work Area

3 Work Area

4 The Launcher bar at the bottom right of the Document window contains buttons for opening and closing your most frequently used inspectors and panels.

5 Work Area

6 To display a context menu, right-click (Windows) or Control-click (Macintosh) an item in a window.

7 Work Area You can also switch between Standard and Layout view and access the Layout view drawing tools.

8 Work Area

9 Different Dreamweaver Views You can change the view in which you’re working by selecting a view in the Dreamweaver toolbar.

10 Code View As you create and work with documents, Dreamweaver automatically generates their underlying HTML source code.

11 Design View When you work in the Design view, there are two views in which you can design—Layout view and Standard view.

12 About The Document Window In Design view, the Document window displays the current document approximately as it appears in a Web browser. The status bar, found at the bottom of the Document window, provides additional information about the document you are creating.

13 Using the Launcher Bar To switch the Launcher orientation from horizontal to vertical: – Click the orientation icon at the lower right.

14 Customizing the Launcher Bar Use Panels preferences to specify which items appear in the Launcher bar and Launcher. To specify which buttons appear in the Launcher bar and Launcher: The Launcher and Launcher bar change to show the items you specified.

15 Using The Toolbar

16 Using The Objects Panel To insert an object: – Click the corresponding Objects panel button or drag the button’s icon into the Document window. Depending on the object, a corresponding object-insertion dialog box appears, prompting you to select or insert the file or object you want.

17 Using The Objects Panel The Objects panel contains seven categories by default: It also contains buttons that change the view: Standard and Layout.

18 Objects Panel The Characters category contains special characters such as the copyright symbol, curved quotation marks, and trademark symbols. The Common category contains buttons for creating and inserting the most commonly used objects, such as images, tables, and layers. The Forms category contains buttons for creating forms and inserting form elements. The Frames category contains common frameset structures.

19 Objects Panel The Head category contains buttons for adding various head elements, such as meta, keywords, and base tags. The Invisibles category contains buttons for creating objects that are not visible in the browser window, such as named anchors. Choose View > Visual Aids > Invisible Elements to display icons that mark the locations of these objects. Click invisible-element icons in the Document window to select the objects and change their properties. The Special category contains buttons for inserting special items such as Java applets, plugins, and ActiveX objects. The View section of the Objects panel lets you choose between Standard (default) or Layout view. If Layout view is selected, you can also select the Layout tools—Draw Layout Cell and Draw Layout Table.


Download ppt "Dreamweaver Basics Dayton High School Mr. Martin."

Similar presentations


Ads by Google