Prayagasoft - web designer India, Ecommerce developer india, Ecommerce design

Using Templates and Libraries

If all or many of the page in your web site will have the same look and feel (which is usually the case), it is advisable to use templates & libraries for easy updating.

1. Open the page that you created & save it as a template [File>Save as Template]
2. This will create a .dwt file in a Templates folder in your root directory.
3. Decide on the areas of the template that will change from page to page. e.g.. Content. If there is any existing content in this area you can delete it and make that area an editable region and give it a name e.g. 'content'. [Modify > Templates > New editable region]. If you would like an editable region to have an item e.g.. Banner ad by default but you would like to change it in certain pages as well. You can select that item and make it an editable region.
4. Libraries are bits of html pages that can be reused in many pages. This is especially useful for reusable items like submenus. [Window > Library . Click on the small arrow on the top and select 'New Library Item, form the drop down menu. Once created, click the 'insert button to reuse it other pages.

Inserting Text and Pictures

Once you've created the basic structure of the page using tables, rows and columns, the page is ready for content.

You can type in text just as you would in any text editing software. Many times content is provided in Word documents. If you would like to retain the formatting, you can save the Word.doc as an Html/ web Page. This will create and HTML page. You can then open this html page in Dreamweaver, clean up Word HTML [Commands > Clean up Word HTML], copy the content and paste it [Edit>Paste HTML] into your HTML page.

You can Insert images [Insert>Image]. You can also position them :

1. Click on the image.
2. Open the Properties Inspector. Select the required alignment from the 'align' drop down menu. You could also set the alignment of the cell in which the image will be placed.

Using Server Side Includes (SSI)

Includes are like library items. The advantage is that when you make a change to an include you don't have to update all the pages that access it. The changes will automatically get reflected in them. Therefore you do not have to upload all the pages that use the include every time you make a change, only the include itself.

To create an include:

1. Copy the part of the page that you would like to make into an include.
2. Create a new html page [File > New]
3. Go into the HTML code and delete all the default code that Dreamweaver puts in.
4. Paste the code that you had copied previously make sure all links are relative to site root. Finally save this file in an 'Includes' folder.

To insert an include into a page:

1. Rename the file extension to .shtml
2. Click where you would like to insert the include and Insert > Server Side Include.

Using Cascading Style Sheets (CSS)

Style Sheets are another extremely useful feature that will speed up you work and help you to easily update your site.

The best way to use it is by creating an external .css file and linking it to your Template.dwt. This way you can make changes to your .css file and the changes will be reflected in all the pages using it. On a live site you just need to upload the .css file and nothing else.

1. Open the template.dwt. Click Window > CSS Styles. Click on the 'New Style' icon.
2. Give your style a name e.g. .title, Define in: New Style Sheet File
3. Give your preferences and save the .css file. I usually save it in the root directory.
4. Redefining HTML tags are also extremely useful.
5. To apply the style, select the text, select the style in the CSS panel and 'Apply'