1 / 12

Dreamweaver 8: Introduction to Web Page Design

Learn the basics of using Dreamweaver 8 to create professional web pages. Explore the initial screen, menu bar, toolbars, panels, and properties inspector.

jsprinkle
Download Presentation

Dreamweaver 8: Introduction to Web Page Design

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 8:Introduction Fall 2012

  2. Content • Introduction • Initial Screen • Title Bar • Menu Bar • Document Toolbar • Status Bar • The Standard Toolbar • Panels and Inspectors • The Properties inspector • References

  3. Introduction Dreamweaver 8 is a easy to use software that allows you to create professional web Pages. Created by Macromedia, and is now developed by Adobe System, which acquired Macromedia in 2005.

  4. Initial Screen Standard toolbar Title Bar Menu Bar Document toolbar Panel Status bar The properties inspector

  5. Title Bar The title bar contains the name of the program (Marcromedia Dreamweaver 8) and the name of the document we are working with, between parenthesis you can see the name of the file format this file is codified. At the end on the right are the buttons to minimize, maximize/restore and close the program.

  6. Menu Bar The menu bar contains Dreamweaver operations, grouped in drop down menus. When we click on Insert, for example, we'll see the operations related to the different elements that can be inserted in Dreamweaver. Many of the operations can be done from these menus, but sometimes it's preferable (or compulsory) to do them from the panels.

  7. Document Toolbar The document toolbar contains icons to execute some other habitual operations that the standard toolbar doesn't include. These operations are for example changing the view of the document, preview, etc.

  8. Status Bar The status bar shows us in every moment the HTML tag we are in (in the image, as we are in a blank document, we are directly on the <body> tag). We also can switch between the selection, drag and zoom modes using the three buttons on the right. You can select the zoom which you want to view the Design View selecting a percentage (the default is 100%).

  9. The Standard Toolbar The standard toolbar contains icons to execute some of the most habitual operations immediately, like Open , Save , etc.

  10. Panels and Inspectors Dreamweaver uses floating windows similar to the toolbar ones, these are known as panels or inspectors. In general, the appearance and options of an inspector changes depending on the selected object.

  11. The Properties inspector The Properties inspector shows and allows us to modify the more frequent properties that are used in the selected elements. For example, when we select element a text it will show the type of font, the size,etc.

  12. References • http://en.wikipedia.org/wiki/Adobe_Dreamweaver • http://www.teacherclick.com/dreamweaver8/t_2_1.htm

More Related