Adobe Dreamweaver has brought the business of web development within the reach of everybody. However, it is still a sophisticated piece of software with numerous floating palettes which can be a little off-putting for the new user. So, in this article, we aim to show you how to find your way through the maze of features and create a basic Dreamweaver web site.

Before you start, you should have a clear idea of what information you want to display in your web site and the options that will be available to visitors. It’s best to start with an achievable goal, a project that you can bring to a satisfactory conclusion. Don’t attempt an “all singing, all dancing” e-commerce site as your first project.

The second important pre-Dreamweaver operation is the creation of a “local root folder”. This is Dreamweaver jargon for the folder that contains all of the files which form part of your site. You can create it anywhere: your desktop, your hard drive, a network volume, etc. However, it is important that you only put your site files in this folder and nothing else.

Next, create a folder inside the “local root folder” which will hold your images. This will help you to avoid ending up with “broken images” on your site, where visitors are presented with an empty box instead of the actual image.

Now we can open up Dreamweaver and create a new web site. To do this, find the Site menu and choose New Site. When the New Site window appears, be sure to click on the Advanced tab at the top of the screen. Ironically Advanced mode makes it easier to select only the key options you need to enter. Of the categories displayed on the left, we will need to enter Local Info and Remote Info.

Local Info relates to your version of the site. In this window, first enter a name for the new site. Next, click on the yellow folder icon next to the box marked “Local Root Folder” and browse for the folder you created earlier. Repeat this step to identify the “Default Image Folder”.

Next you need to click on the Remote Info category on the left of your screen. This is where you tell Dreamweaver how to connect to the server that contains your web pages. For a public website, choose FTP as the access method and ask your web hosting company for the other details required. For an intranet, choose Local/Network as the access method and navigate to the server and sub-directory containing your company intranet.

Before you start entering content in your pages, it is useful to create and save all the sub-directories and pages your site will need. Create each page (leave it blank) and save it in the appropriate folder with the appropriate name. Creating and naming every page in your site offers the benefit that you will now be less likely to have problems with links since, whenever you want to link to a file, the file will already be there; you can just browse for the file and Dreamweaver will automatically create the link for you.

Naturally, you will want to ensure that there is some consistency within your pages with some elements that remain the same as visitors move from page to page. One of the best ways to achieve this is to create at least one Dreamweaver template. Templates contain the basic design and layout that you want each of the pages to have as well as editable regions which can be modified each time you apply the template to a page.

When you have finished your template, you can finally begin entering content into your web pages. When you open each page, begin by applying the template to the page. Then enter the page content into the editable regions. If you spot an error on the main layout, just go back to the template to correct it.