Adobe Dreamweaver has been empowering computer users to build their own web sites for over ten years now. In that time, it has grown to become a feature-packed and complex piece of software which can be a little scary for new users. This article aims to show users the key steps necessary to creating...

Using Adobe Dreamweaver To Create A Basic Web Site

Adobe Dreamweaver has been empowering computer users to build their own web sites for over ten years now. In that time, it has grown to become a feature-packed and complex piece of software which can be a little scary for new users. This article aims to show users the key steps necessary to creating a basic Dreamweaver web site and the essential tools they should be using.

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.

Another step you should complete before you even go into Dreamweaver is to create a folder to hold all of the files which will comprise your site: the "local root folder", as Dreamweaver calls it. Don't put anything in this folder but the files relating to your site. Once you have completed your project, it will mirror the live version of your site.

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, finally, we launch Dreamweaver and create a new web site by choosing New Site from the Site menu. Click the Advanced tab ("Advanced" here simply means manual, so don't be intimidated.) You will notice a series of categories on the left of the screen. Only the first two categories need to be completed: 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.

The next step is to create all of the pages in your website arranged in the appropriate sub-directories. Don't put any content in the pages at this stage, just create and save each page into your local root folder. This is done, so that later, when you create links on any page, the page that you link to will already exist, so you can just point to it and automatically create the correct link.

Before you start work on the page content proper, you should consider creating one or more templates to achieve a consistent layout across all your pages. You create the basic design with all the elements that will repeat on every page (fixed regions) and then click in each area which needs to have unique content on each page and choose Insert - Template Objects - Editable Region. You can even have a hierarchy of master templates and sub templates.

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 training consultant with Macresource Computer Solutions, an established, independent computer training company based in London.