Discover-training guide

Web design and development: graphics: web: templates

This article describes how Dreamweaver implements templates. Technically, to use , you don't need to know any of the information given in this article; but it is handy to know something about what's going on under the hood in case you need to troubleshoot a Dreamweaver template based document.

Templates are a tool that is used in many computer applications including Microsoft Word, AutoCAD, and other office automation and design products. Templates are useful when you have a group of documents that share many similar design features. You implement the common features one time in the template, and then just customize the template with the individual features of each document.

Templates are Used Only at Design Time

It is important to understand that Dreamweaver templates are totally a design time construct. Only two things separate a Dreamweaver template from any other HTML document:

1. Dreamweaver template documents have a ".dwt" extension.

2. Dreamweaver templates contain specially defined HTML comments that define the editable and non editable area of the template.

When you create an "instance" document that is based on a Dreamweaver template and store it on a web server, the web server is completely unaware that the document was based on a template. It treats the document the same as any other HTML document, and ignores the template comments in the document the same as it would ignore any other comments in an HTML document.

Similarly, a web browser would be completely unaware that a document was based on a Dreamweaver template, and would also ignore the template comments the same as it would ignore any other comments in an HTML document.

Tag Syntax

Dreamweaver has two sets of tags:

* Template Tags are used in template files (files that have suffix .dwt).

* Instance Tags are used in the "instance" documents you create that are based on a template file (files that typically have a suffix .htm or .html).

Dreamweaver defines about thirty different template tags, but all of them have the following syntax:

where TEMPLATE_TAG_NAME and the parameters are replaced with an actual template tag name and actual parameter names. For example:

In the above example, the template tag is a TemplateBeginEditable tag named "Region 1".

The syntax of instance tags is quite similar:

Tag Pairs

Many template tags are paired, having an opening and a closing tag. For example, the "TemplateBeginEditable" tag described above always starts an editable region that is ended with a "TemplateEndEditable". The two tags come as a pair, defined as follows:

-- HTML Code goes here --- How Dreamweaver uses Template Tags

One of the simplest and most important things that Dreamweaver does with Template/Instance tags is to define what regions of an instance document (document created based on a template document) can be edited. BUT BEWARE . . . If you use Dreamweaver to open a template based document in CODE VIEW, you can edit any part of the document in any way you please -- but this is generally not a good thing to do. In Dreamweaver document design view, Dreamweaver respects the instance tags that are included in a document; for example, it will only allow you to edit areas of the document that begin with an "InstanceBeginEditable" (or similar type) tag.

When you have finished editing your web page, the Dreamweaver Instance Tags will remain in it, but as previously stated, these tags are ignored by your Web Server and your Browser.

Finally, if you update a template in Dreamweaver, all of the documents based on the template will be updated too.

Conclusion

Dreamweaver templates work by using specially defined HTML comment tags to mark regions of Dreamweaver template documents and instance documents. You should recognize Dreamweaver template and instance tags, and understand what they do, but you should only edit them in Dreamweaver Design View, not in Code View. For more information on actually using Dreamweaver templates, see my upcoming article "Dreamweaver Tip: Build Better Websites Faster with Templates".

Promotion: link popularity: link building

seo services.

Did you know that thousands of patients are searching for competent cosmetic surgeons even as you are reading these lines? But how many of those patients are finding you?

This is the day of the internet; a time when social media holds sway over traditional forms of advertising; a time when relationship building is at the bottom of all sales. Therefore, regardless of the profession you are in, marketing your products or services is a matter of utmost importance.

So, even if you are a cosmetic surgeon, you cannot ignore marketing your brand.

for cosmetic surgery refer to a specialized marketing strategy that goes beyond the SEO marketing strategies for other businesses. Some of the most important components of SEO for cosmetic surgery include:

* Website design: Any product or service that you want to sell online must present itself neatly and beautifully. Your website is your marketplace on the web. How impressive and effective this marketplace is depends on website design elements like overall design, images, appropriate text, effective and easy navigation, the use of proper keywords and so on. * Keyword selection: SEO for cosmetic surgery is a specialized field as the group that is doing the marketing as well as the audience that is targeted through the marketing campaign belongs to a well demarcated group. Therefore, choosing the right keywords is vital to success. Marketing companies must track the search behavior of prospective clients and use this knowledge to help choose the right keywords. * Organic SEO: Cosmetic surgery is a highly competitive field. The use of any quick fix, spam filled, underhanded techniques is bound to fail in the long run. In fact, such techniques will harm search engine rankings instead of elevating it in any way. To succeed with SEO, it is essential to follow the guidelines set forth by various search engines. * PPC and AdWords: If you want to top search engine listings quickly, PPC is perhaps the most effective way of doing it. However, there are definite techniques that should be followed for PPC campaigns so that they do not burn a hole in your pocket. * Link building: 'You scratch my back and I'll scratch yours' - that is link building in its simplest form. Link building seeks to establish a network between people/products in the same niche, so that one service provider recommends or refers to another product or service provider in the same niche and so on. As the number of references on the web increases, the popularity and the search engine listing of the service or product go up. The aim is simple: get as many links from the outside as possible.

SEO services for cosmetic surgery must be highly targeted, extremely focused and completely result oriented. Only then can these services bring in the desired result of elevating bottom-lines and bringing in more clients.