Web Design Chapter 4 Vocabulary Flashcards

Set Details Share
created 1 year ago by KRiderBBS
show moreless
Page to share:
Embed this setcancel
code changes based on your size selection



A predesigned Web page that defines the appearance of the page, including items such as the default font, font size, logos and images, and backgrounds. A template provides an alternative to separately creating many similar pages on your Web site. Instead, you create a basic layout and navigation system and use it as the basis for each similar page. A template page functions as a pattern for other pages. Using a template can save time and can help create a consistent and standardized design.


.dwt extension

The extension used when creating a template. All templates get saved to a templates folder in the Web site local root folder.


Dreamweaver template

A special type of HTML document. When you create a template, Dreamweaver inserts code that defines the document as a template.


Template instance

A Web page based on a template that looks identical to the template. The difference is that you can make changes only to the designated parts of the template instance.


Editable regions

The basic building block of a template and is an unlocked region. You can define any area of a template as editable. Thus, this is a section a content developer can edit; it can be a heading, a paragraph, a table, or another type of section. A template can and usually does contain multiple editable regions. For a template to be functional, it should contain at least one editable region; otherwise, pages based on the template cannot be changed.


Repeating region

A section in a document that is set to repeat. You can use repeating regions to control the layout of regions that are repeated on a page. The two types of repeating template objects are tables and regions. A repeating region generally is used with a table, but also can be defined for other page elements.


Optional region

Lets the content developer show or hide content on a page-by-page basis. For example, you may want to include an optional region that would contain special promotional products.


Editable tag attribute

Lets the content developer unlock a tag attribute in a template and edit the tag in a template-based page. For instance, you could unlock the table border attribute, but keep locked other table attributes such as padding, spacing, and alignment.


List here the 4 things to consider when designing a template

Include as much content as possible. Structure and design will enable the content developer to produce a Web page based on the template more quickly. Use prompts in the editable regions to inform the content developer as to the type of content to be added to a particular region. Give your editable regions meaningful names. Use placeholders if possible, particularly for images.



A rule describing how a specific object is formatted.


HTML styles

A Dreamweaver feature that a Web page developer can use to apply formatting options quickly and easily to text in a Web page. They use HTML tags such as the <h1> and <b> tags to apply the formatting. Once you have created and saved one, you can apply it to any document in the Web site. One advantage of them is that they consist only of font tags, and therefore are displayed in just about all browsers, including Internet Explorer 7.0 and earlier versions. One of the main disadvantages of them is that changes made to them are not updated automatically in the document. If a style is applied and then the style is modified, the style must be reapplied to the text to update the formatting. To use them, you must deselect the Use CSS instead of HTML Tags option in the General category of the Preferences dialog box.


Cascading style sheets (CSS and style sheets)

A collection of formatting rules that control the appearance of content in a Web page. They are the cornerstone of Dynamic HTML (DHTML).



An extension to HTML that enables a Web page to respond to user input without sending a request to the Web server.


List the 4 advantages of style sheets

Precise layout control; smaller, faster downloading pages; browser-friendly: browsers not supporting CSS simply ignore the code; all attached Web pages can be updated at one time.


Custom style

You specify all the attributes you want the style to include. The name of it always begins with a period. This type of style can be applied to any text within the document.



Refers to the ability of applying multiple style sheets to the same Web page. When more than one style is applied to the same Web page, an order of preference is involved. Styles are applied in the following preference order: external style sheet, internal or embedded style sheet, and a specified element within a page can have its own style.


External style sheet

A single style sheet that is used to create uniform formatting and contains no HTML code. They can be linked to any page within the Web site or imported into a Web site. Using the Import command creates an @import tag in the HTML code and references the URL where the style sheet is located.


Internal (embedded) style sheet

Contains styles that apply to a specific page. The styles that apply to the page are embedded in the <head> portion of the Web page.


CSS styles panel

Where styles are created and controlled through.


Attach Style Sheet

Opens the Link External Style Sheet dialog box. Select an external style sheet to link to or import into your current document


New CSS Rule

Opens the New CSS Rule dialog box. Use the New CSS Rule dialog box to define a type of style.


Edit Rule

Opens the CSS Style Definition dialog box. Edit any of the styles in the current document or in an external style sheet.


Disable/Enable CSS property

Lets you disable or enable a property to see how it affects the design of a page.


Delete CSS Rule

Removes the selected style from the CSS Styles panel, and removes the formatting from any element to which it was applied.



Defines the style of an unvisited link.



Defines the style of a link to a Web site that you have visited.



Defines the style of a link when the mouse pointer moves over the link.



Defines the style of a clicked link.


Expanded table mode

Provides extra cell spacing and padding so you can select items in tables or precisely place the insertion point. You return to Standard mode when you finish adding images and text to the table.



Opens the linked document in a new browser window without affecting the current window.



Opens the linked document in the current window (the window containing the link text), replacing the current window.



Opens the linked document in the window containing the link text; has the same effect as the _parent option.



Opens the linked document in the full browser window, replacing the current window.


Dreamweaver provides three methods to create a template

(1) create a template from an existing file, and (2) create a template from a new document Basic template page, or 3) use the File menu New command and select HTML template in the New Document dialog box.


Steps to creating an editable region after selecting the text

Select the prompt by clicking to the left of it
Select the corresponding tag from the Status Bar
On the Common tab click the Templates button and
Select Editable Region
Assign a Name to the new Editable Region


After a style is created, it can be...

Edited, deleted, or duplicated