Moon Bat Media

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.

It is very important that you design and sketch out how you want the site to work and what information will be available for users to navigate their way through. It is also a good idea to keep your first project simple. Once you have completed a basic version of your site, you can look to expand your knowledge and expertise and then add enhancements to the site.

Next, create a folder somewhere on your hard disk or desktop which will contain all of the files which will make up your site. Dreamweaver refers to this folder as the “local root folder”. It should contain nothing but the files pertaining to your web site and will become a mirror image of your actual site when the site goes live.

You should also add an images folder inside the “local root folder”. It can have any name you like but later, when you set up the Dreamweaver site, it will be designated as the default images folder and will help to ensure that your visitors don’t see any blank image icons on your pages.

Having created the site folders, you are ready to complete the Dreamweaver site definition. Launch Dreamweaver and click on New in the Site menu. When the New Site dialogue appears, click on the Advanced tab. This will allow you to complete the two essential categories required for a basic site: Local Info (relating to your version of the site) and Remote Info (the live version of the site.

The first element required in the “Local Info” section is a name for the new site. This goes in the top box. Next, use the folder icons to browse and locate the “Local Root Folder” and “Default Images Folder” respectively.

Now activate the Remote Info section on the left. If your website will be an intranet, choose Local/Network from the Access Method drop-down menu. Click on the Browse icon then locate the server and sub-directory where your intranet resides. For a public web-site, choose FTP. Enter the appropriate information in each of the boxes. These details are available from your web hosting company and will have been emailed to you when you signed up.

Before actually putting any content in your pages, you should ensure that all the pages you mapped out in your original plan have been created and saved. So, instead of creating and completing a page at a time, you create and save every single page. This will prevent the creation of links that don’t work properly because, when you come to create a link, the page you are linking to will already exist; you point to it and ask Dreamweaver to create the link.

There’s still one more step that you should do before you are ready to actually start work on the page content; you should create at least one template. Templates allow you to maintain a consistent look and feel throughout the site. It consists of fixed elements, such as logo and navigation links and what Dreamweaver calls “Editable Regions”. These are the areas of the page which can be altered each time you use the template.

Having finished your template or templates, you are ready to build the web pages that will constitute your site. Simply open each page, choose Modify – Templates – Apply Template to Page and then add the text, images etc. that make up the page.

The author of this article has been teaching Adobe Dreamweaver training courses for many years. He is a trainer with Macresource Computer Solutions, an independent IT training company based in London.