Adobe DW is the most popular web development application on the market today. It uses robust feature set that allows to design, develop and deploy.

It allows not just design the web pages but also run and manage the entire sites.

-build web pages;
-create and manage CSS;
-manage external assets;
-work with related technologies such as JavaScript and xml;
-build dynamic sites using php;
-upload to live servers.

It is best known for its powerful page design tools. DW features both design and the code view:

Adobe Dreamweaver

Additional tools:

Insert panel:

CSS styles panel:

Properties inspector:

Integrating Photoshop or Flah files in to the Dreaweaver is as easy as drag and drop.

Document toolbar:

Site management

Website is collection of different documents and folders.

It is very important to structure and organize you site logically, plan it in detail before building site. There are different ways of doing it, for example, mapping out FLOW CHARTS or wire framing. THESE ARE MY SKETCHES FOOR MY HOTGLUE PAGE:

flow chart

wireframe

links

File naming conventions:

- No spaces
- Separate words with hyphens or underscore
- Use shorter names
- No special characters
- No punctuation
- Don't use numbers as the initial character
- Avoid uppercase letters
- Use consistent extensions

To get started you need to create a folder on your computer where root directory will be located and know your site name.

to create your site click create new site from start up panel and this window will apear. All you need to do is enter your site name and locate the folder and click save.

You can also locate your root folder by clicking on Manage Sites as well as export your site information or edit it :

Next step is to create new web pages. There are many ways of creating new ages, but the most easier is just to click create new--> HTML on the startup panel:

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
-Inspect HTML and modify style and layout in real-time
-Use the most advanced JavaScript debugger available for any browser
-Accurately analyze network usage and performance
-Extend Firebug and add features to make Firebug even more powerful
-Get the information you need to get it done with Firebug.

To link pages between each other highlight the image or text that will bee the link button, right click and press "make link". It will open new window where you need to locate the page you van to link to.

I created very simple three html pages to demonstrate the links and also difference between inserting images in to the table and without the table.
Unfortunately I couldnt publish these pages as I couldn't get free web host that would let me upload my code. These are screen shots of my pages:

My published website via tripod.com wich I published two years ago. (It was available via tripod to upload html pages for free, but not anymore).

THIS IS HTML FILE FOR THIS PAGE:

THIS IS HTML FILE FOR THIS PAGE

THIS IS HTML FILE FOR THIS PAGE: