Dreamweaver Website Builder

Dreamweaver

You can download a trial version of Dreamweaver website builder software from the official Macromedia/Adobe web site.

Dreamweaver Benefits

When using Dreamweaver to create your web pages, you'll usually end up with cleaner HTML code that displays your page almost perfectly in Internet Explorer, Netscape and Opera. This effective application not only makes it easier to build and manage your web pages, but provides the tools to create:

  • Tables
  • Forms
  • CSS styles
  • Templates that let you edit hundreds of pages in one click of your mouse
  • Jump menus
  • Rollover effect
  • Photo album

Upgrades

Upgrades in the Adobe Deamweaver CS3 software include:

  • CSS tools
  • Ajax components for building dynamic user interfaces
  • Intelligent integration with other Adobe software.

Developing a Website with Dreamweaver

  1. Create a File - Before you begin to create web pages using Dreamweaver, start by creating a folder to hold your entire website. To do this, click on the drop-down File menu and select New Folder. Once you've created the folder, take the time to name it. In general, it is acceptable to name folders, web pages and images using lowercase text without spaces or symbols including !,-,@,#,$,%,^,&,*,(,)?,/,<,+,=.
  1. Images File - Open the folder you created in step one and create a new folder and name it images. This is where you'll file and save imported images and other images you've created for you web page. As a matter of organization of your contents it's a good idea to create other types of subfolders as you need them as well. These can include folders for:
  • Music
  • Animation
  • Printable document files called PDFs
  1. Create your "Site" with Dreamweaver - To do this, select site from the menu tab and then from the drop down menu click on New Site. Name your site folder. To do this, click the folder icon to right of label for Local Root Folder. Move your cursor to the saved site folder, click it and say choose. Then select the destination. Dreamweaver assists in managing your site and in the future you may create website and image folders with this option within the site manager.
  1. Create a blank page - To start developing your site, create a blank web page from the drop-down menu by clicking on New. A dialog box should open asking what type of work you plan to do. Highlight Basic Page and HTML and click Create. Name this file before you start. For example if you plan to start on your Home Page" name the file index.html'' because Internet browsers search for the index page. Save your index file to your site folder.

You can access these folders using your site manager. Just go to the site menu and click on open site, then chose your website folder which holds all your files and click on the file you want to update.

  1. Name your website - Now that you have an index page (your homepage), it is time to name your website. Move your mouse within the title box and provide a greeting for your website. Now you can start to enter information on your index page.

Creating Forms with Dreamweaver

Dreamwaver website builder provides an interactive portal to communicate with website's visitors-easy to use forms. These forms make the giving and taking exchange of information a positive experience on both ends of the experience.

Add a Table Using Dreamweaver

To add a table to your web page, click the insert menu item and then from the drop down menu pick table. A dialog box will open asking you about the table you want to add. It will give you options to create a table specific to your needs including:

  • Number of rows
  • Number of columns
  • Fixed pixels option
  • Border options

Dreamweaver Website Builder Resources

These basics can get you started with the Dreamweaver website builder. It's not only easy to use, but there are a number of good resources available online. Here are a few to help answer your questions as you build your website:

Dreamweaver Website Builder