Creating A Basic Web Site With Adobe Dreamweaver
Adobe Dreamweaver is a great piece of software which demystifies the business of creating a web site. However, it is also packed with a whole host of features which can seem a little daunting when you first start using the program. This article aims to explain how create a basic web site, where to start and which tools to use.
It’s always a good idea to sketch out a plan of how the site will work and what kind of user experience it will offer. Dreamweaver will not give you any assistance at this stage, so just use pen and paper. Start by building a basic site, one that you know you can complete without getting bogged down in technologies that you do not understand.
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.
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.
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.
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.
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.
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.
Related Reading:
- How To Create Library Items In Adobe Dreamweaver
Dreamweaver's Assets panel is a little known jewel, offering a convenient way of using and reusing web page elements such as images, colours and Flash movies. It also contains two types of... - Taking a Good Look at Dreamweaver.
About Dreamweaver: Created originally by Macromedia and presently by Adobe Systems, Dreamweaver is an application of web development. Various aspects of web development like page creation, web server tools and site management...
