Dreamweaver Template
The main focus on this tutorial is not on designing a website, instead I will show you how to build and maintain a full website with Dreamweaver Template. I assume you already know how to make a basic webpage with Photoshop and Dreamweaver, so I’m not going to go through all the details on how to layout a webpage.
In this tutorial you will learn how to define a site, make a Dreamweaver template, define editable regions, and make Library Items. Also, you will learn how to synchronize and upload your files without using a FTP software.
Click here to preview the site
1. Define a site
First you have to define a site in Dreamweaver. The following are the basic information you need for now:
- Site name
- Local root folder
- Default images folder
2. Make a template
To make tutorial easier, I have made a basic website layout consisted of the follwing: header, left column, right column, and footer. Save this HTML file as Dreamweaver template, File > Save as Template. Then you need to make two editable regions: left_column and right_column.
How to make Editable Regions:
Left Column:
Select the left table cell, Insert > Template Objects > Editable Region (Ctrl+Alt+V) and name it left_column.
Right Column
Select the right table cell, Insert > Template Objects > Editable Region (Ctrl+Alt+V) and name it right_column.
