Creating An Adobe Dreamweaver CS3 Web Site

Adobe Dreamweaver CS3 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.

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.

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.

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.

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.

Criminal Records | Criminal Record | Public Record Finder | People Search | Background Checks | Background Check Gateway | | Public Record | Lookup Anyone | People Lookup

The writer of this article is a developer and trainer with TrainingCompany.Com, an independent computer training company offering Adobe Dreamweaver training courses at their central London training centre.

5 out of 54 out of 53 out of 52 out of 51 out of 5  

Not yet Rated | Article Directory
Creating An Adobe Dreamweaver CS3 Web Site

Please Rate this Article