ArticleZones.com » Internet » Web-design » Key Steps To Creating An Adobe Dreamweaver Web Site
View PDF | Print View
Article By: AndrewWhiteman
Total views: 4
Word Count: 654
Key Steps To Creating An Adobe Dreamweaver 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.
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.
Next, create a folder somewhere on your hard disk or desktop which will contain all of the files which will make up your site. Dreamweaver refers to this folder as the "local root folder". It should contain nothing but the files pertaining to your web site and will become a mirror image of your actual site when the site goes live.
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, 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.
Local Info relates to your version of the site. In this window, first enter a name for the new site. Next, click on the yellow folder icon next to the box marked "Local Root Folder" and browse for the folder you created earlier. Repeat this step to identify the "Default Image Folder".
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 you start entering content in your pages, it is useful to create and save all the sub-directories and pages your site will need. Create each page (leave it blank) and save it in the appropriate folder with the appropriate name. Creating and naming every page in your site offers the benefit that you will now be less likely to have problems with links since, whenever you want to link to a file, the file will already be there; you can just browse for the file and Dreamweaver will automatically create the link for you.
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.
Article Source: ArticleZones.com
About the Author
The author of this article has been running Adobe Dreamweaver training courses for many years. He is a trainer with Macresource Computer Solutions, an established, independent computer training company based in London. Don't reprint this exact article. Instead, reprint a free unique content version of this same article.
Comments
No comments posted.Add Comment
You do not have permission to comment. If you log in, you will be able to comment.More articles in this Category
1. Five Google Adsense Secrets To Increase Your Revenue!2. Need For A Professional Website Design
3. Professional Web Site Design
4. Some Precious Web Design Guidelines
5. Guidelines for Choosing A Web Designer