1

DREAMWEAVER

Presented By:-Nabin Jamkatel

2

WHAT IS AN IDE?

An Integrated Development Environment (IDE) is an application that facilitates application development.

In general, an IDE is a graphical user interface (GUI).

GUI based workbench designed to aid a developer in building software applications with an integrated environment combined with all the required tools at hand.

3

ADVANTAGES OF USING AN IDE

Using an IDE will save you a lot of effort in writing a program.

Some advantages include:1. Less time and effort.2. Enforce project or company standards.3. Project management.

4

WHAT IS DREAMWEAVER?

Dreamweaver is an application used by web designers and developers to create websites and applications for use across multiple targets including browsers, devices, and tablets.

Web designers use Dreamweaver for creating website prototypes using web-friendly artwork.

Dreamweaver is a proprietary web development tool developed by Adobe Systems.

Dreamweaver was created by Macromedia in 1997 and was maintained by them until Macromedia was acquired by Adobe Systems in 2005.

5

DREAMWEAVER IDE

6

STEP 1:- CLICK ON THE MANAGE SITE ON RIGHT SIDE OF DREAMWEAVER

7

STEP 2:- CLICK ON THE NEW AND THEN CLICK ON THE SITE AS YOU SEE IN IMAGE

8

STEP 3:- TYPE THE NAME OF THE FOLDER YOU WANT TO SAVE ALL THE HTML, CSS AND IMAGES

9

STEP 4:- CLICK ON THE FIRST RADIO BUTTON

10

STEP 5:- CLICK NEXT BUTTON

11

STEP 6:- SELECT THE NONE OPTION AND CLICK NEXT BUTTON

12

STEP 7:- CLICK ON THE DONE BUTTON

13

STEP 8:- SELECT THE FOLDER NAME THAT YOU HAVE MADE AND CLICK ON DONE BUTTON

14

STEP 9:- RIGHT CLICK ON THE SITE AND CLICK ON THE FOLDER TO MAKE HTML FOLDER WHERE YOU CAN KEEP HTML FILES.

15

STEP10:- SAME WAY TO MAKE OTHER FOLDER AND CLICK ON THE HTML FOLDER AND THEN PRESS RIGHT BUTTON OF MOUSE AND MAKE A NEW FILE INDEX.HTML

16

STEP 11:- CLICK ON THE INDEX.HTML FILE AND CLICK ON THE CODE ON THE TOP LEFT OF THE DREAMWEAVER

17

ANY QUERIES