Adobe Dreamweaver

Adobe Dreamweaver

INTRODUCTION

A Website Is A Set Of Linked Documents With Shared Atrributes,  Such As Related Topics,  A Similar Design, Or Shared Purpose. Macromedia Dreamweaver Is A Site Creation And Management Tool,  You Can Use It To Create Complete Web Sites, In Addition To Individual Documents.

Adobe Dreamweaver is a proprietary web development tool from Adobe Inc.. It was created by Macromedia in 1997 and developed by them until Macromedia was acquired by Adobe Systems in 2005. Adobe Dreamweaver is available for macOS and for Windows

OBJECTIVES

After Going Through This Unit You Will Be Able To:

• Understand Work Area
• Set Up The Site Structure
• Design A Page In Layout View
• Add Contents To Web Sites 
• Insert Images / Table To A Web Page

Dreamweaver's features

• Create one webpage or website with many pages.
• Create page with text, sound, interactivitiy, links.
• Save files in many formats -HTML, XHTML, XML, CSS, Javascripts.
• create pages with or without coding.

Use Deamweaver tools to organise, manage websites.

Building a survey from using dreamweaver

Procedure

• Start Dreamweaver and create new webpage and name it froms.html.

In the "FORMS"Insert bar, click the "Form" button to insert a form. A rectangle of red dotted lines should be displayed.

Dreamweaver working space

The Dreamweaver workspace lets you view documents and object properties. The workspace also places many of the most common operations in toolbars so that you can quickly make changes to your documents.

A. Application bar.

B. Document toolbar.

C. Document window.

D. Workspace Switcher.

E. Panels.

F. Code views.

G. Status Bar.

H. Tag selector.

I. Live View.

J. Toolbar.

Customize Dreamweaver highlighting color

Use the Highlighting preferences to customize the colors that identify template regions, library items, third-party tags, layout elements, and code in Dreamweaver.

Select Edit > Preferences and select the Highlighting category.




Beside the object you want to change the highlighting color for, click the color box, and then use the color picker to select a new color, or enter a hexadecimal value.




To activate or deactivate highlighting for a particular option, select or deselect the Show option.