Using Adobe Dreamweaver To Create A Basic Web Site

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.

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.

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.

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.

In the Local Info window, enter a name for you new site then specify the location of the local root folder and default images folder you created earlier. The easiest way of doing this is to click on the browse icons next to each of these two boxes (the yellow folder icons).

The second piece of information is Remote Info. In this section, you tell Dreamweaver how to connect to the server hosting your web site. Set you Access Method to Local/Network if you are working on an intranet site then browse to locate your intranet server. Choose FTP if you are working on a public website for the internet and enter your FTP login details in each of the boxes. This information will be supplied by your web hosting company.

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.