0% found this document useful (0 votes)
26 views4 pages

GWE Notes

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
26 views4 pages

GWE Notes

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

ADOBE DREAMWEAVER 1 MONTH/ 36 HOURS

✓ About Dreamweaver

Adobe Dreamweaver is a software program for designing websites,


which is more featured as compared to HTML web and programming
editor. It was originally developed and published by Macromedia in 1997.
Adobe took over Macromedia in 2005 and continued the development in
the software and it’s still going on. Dreamweaver is a visual web page
editor that allows you to create, edit and manage websites and webpages
without having to learn HTML. It uses a WYSIWYG environment that
allows you to see what your web pages look like as you create them.

✓ Document Toolbar
The Document toolbar contains buttons that let you toggle between different views of your
document quickly: Code, Design, and a split view that shows both Code and Design view.
The toolbar also contains some common commands and options related to viewing the
document and transferring it between the local and remote sites.

The following options appear in the Document toolbar:


Show Code View displays only the Code view in the Document window.
Show Code and Design Views displays Code view in part of the Document window and Design
view in another part. When you select this combined view, the option Design View on Top
becomes available in the View Options menu. Use this option to specify which view appears at
the top of your Document window.
Show Design View displays only the Design view in the Document window.
Server Debug displays a report to help you debug the current ColdFusion page. The report
includes errors, if any, in your page.
Document Title allows you to enter a title for your document, to be displayed in the browser’s
title bar. If your document already has a title, it appears in this field.
No Browser/Check Errors enables you to check cross-browser compatibility.
Validate Markup lets you validate the current document or a selected tag.
File Management displays the File Management pop-up menu.
Preview/Debug in Browser allows you to preview or debug your document in a browser. Select
a browser from the pop-up menu.
Refresh Design View refreshes the document’s Design view after you make changes in Code
view. Changes you make in Code view don’t automatically appear in Design view until you
perform certain actions, such as saving the file or clicking this button.
View Options allows you to set options for Code view and Design view, including which view
should appear above the other. Options in the menu are for the current view: Design view, Code
view, or both.
Visual Aids lets you use different visual aids to design your pages.
For more information about using the Document toolbar, see Exploring the Workspace in Using
Dreamweave

✓ Coding Toolbar

The Coding toolbar


The Coding toolbar contains buttons that let you perform many standard coding operations, such
as collapsing and expanding code selections, highlighting invalid code, applying and removing
comments, indenting code, and inserting recently used code snippets. The Coding toolbar is
visible only in Code view and appears vertically on the left side of the Document window.

You cannot undock or move the Coding toolbar, but you can hide it. For more information, see
Displaying toolbars in Using Dreamweaver.
For more information about using the Coding toolbar, see Inserting code quickly with the Coding
toolbar in Using Dreamweaver.

✓ Properties Inspector

The Property inspector


The Property inspector lets you examine and edit the most common properties for the currently
selected page element, such as text or an inserted object. The contents of the Property inspector
vary depending on the element selected. For example, if you select an image on your page, the
Property inspector changes to show properties for the image (such as the file path to the image,
the width and height of the image, the border around the image, if any, and so on).
The Property inspector is at the bottom of the workspace by default, but you can dock it at the
top of the workspace if you want. Or, you can make it a floating panel in the workspace. For more
information about moving the Property inspector, see Docking and undocking panels and panel
groups in Using Dreamweaver.
For more information about using the Property inspector, see Using the Property inspector
in Using Dreamweaver.

✓ Creating New Webpage

✓ Blank Webpage

✓ Template Webpage

✓ Insert an AP Div. Element

✓ Setting Properties for AP Elements

✓ Creating the Dreamweaver template

✓ Creating Editable Regions

✓ Creating Repeating Regions

✓ Using Optional Regions

✓ Settings Tag Attributes

✓ Nested Templates

✓ Exporting a Template-Based website

✓ Modifying template properties`

✓ Dreamweaver and Animate

✓ Inserting SWF File

✓ Inserting Animate video

✓ Managing Extensions in Dreamweaver

✓ HTML form Controls

✓ Inserting drop down list

✓ Text field and text area

✓ Radio Buttons And Check Boxes

✓ Working with Java Script Behaviors

✓ Using Browser Compatibility Feature

✓ Working with Broken links

✓ Managing linked Files

✓ Publishing the Website


✓ Using Dreamweaver's Publishing Tools

✓ Placing websites online

✓ Site Management

✓ Using Testing Server Options

✓ Activating Site Map Layout

✓ Using the files view Columns Option

✓ Including Java script in HTML

✓ Performing Operations

✓ Making Statements

✓ Using Arrays

✓ Fill element Loop

✓ String of Elements

✓ Addressing page objects

✓ Window properties

✓ Document properties

✓ Form Properties

✓ Action script Fundamentals

✓ Fundamentals of Web programming

✓ Building Spry pages visually

✓ Preparing to build dynamic sites ✓ Web hosting and Maintenance

• Dynamic Website Designing & Animation

✓ Company Website containing:

✓ Company Name

✓ Company details

✓ Company Logo

✓ Slogan

✓ Color code

You might also like