Visually Modifying Head Elements In Dreamweaver CS5 (Jason Baker)
Jul 11, 2010
A web page consists of two main elements: the head and the body. The body element contains all of the content which will be displayed in the browser window and the majority of which will be visible to the user. The head element, by contrast, contains information about the web page itself; meta information as it is sometimes called. In this article, we will look at the different ways of modifying elements within the head of a web page in Dreamweaver CS4, beginning with the title.
The title element is designed to contain a broad description of the content of the page. It is very important that each page should have a title and that the title is pertinent to the web page that contains it. Dreamweaver always adds a title element to every new page containing the text "Untitled Document". Perhaps the simplest way of modifying this default title is to enter a title in the Document Title box of the Document toolbar which is normally displayed at the top of the page. Another method is to choose Modify - Page Properties and then click on the Title/Encoding category on the left of the screen.
The title is the only element which is syntactically required to be placed within the head element. In addition, a variety of optional meta elements may be placed in the head element to provide further information about the current page. One of these meta element is created automatically by Dreamweaver along with the title: the content-type. This declares the character encoding of the page to the browser and is particularly important if you have a site with an international audience. To specify the character encoding, choose Modify - Page Properties, click on the Title/Encoding category on the left of the screen and then choose one of the options in the Encoding drop-down menu.
The meta description element is also very important since, along with the page title, it is often displayed when your page shows up in the search engine results. The description should consist of one or two sentences summarising the content of the page. To set the description in Dreamweaver, choose Insert - HTML - Head Tags - Description then enter a brief description in the dialogue box which appears.
Let's just mention one final meta element: keywords. The keywords meta element should contain a list of the important words and phrases to be found on the current page. Only text that actually appears on the page should be listed. To create the meta keywords element in Dreamweaver, choose Insert - HTML - Head Tags - Keywords.
About the AuthorYou can find out more about Dreamweaver training courses, visit Macresource Computer Training, a UK IT training company offering Dreamweaver Classes at their central London training centre..