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.

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.

It is also very important to create a folder within the local root to hold all your images. This will help prevent you ending up with missing images on your pages since, when we define the Dreamweaver site, we will designate this folder as the default images folder.

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.

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).

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.

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.

Once you have your template(s) in place, you are ready to start putting the actual pages. Open each of the pages, apply the appropriate template then add your content. To test our page at any time, just press F12 on your keyboard.

About the Author

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. Click here for other unique 'Adobe Dreamweaver' articles.

Comments

No comments posted.

You do not have permission to comment. If you log in, you may be able to comment.

Complete the details below to send a link to the page:
http://uniquebusinessarticles.com/internet-and-online/using-adobe-dreamweaver-to-create-a-basic-web-site.html