Creating A Basic Web Site With Adobe Dreamweaver

View PDF | Print View
by: AndrewWhiteman
Total views: 1
Word Count: 632

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.

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.

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.

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.

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 running Adobe Dreamweaver training courses for many years. He is a training consultant with Macresource Computer Solutions, an independent IT training company based in London.

Comments

Add Comment