Untitled Document

"Dynamic" HMTL

Is a set of extensions and new features created by Netscape and Microsoft

Allows for greater interactivity.
Enhance's ability to control appearance of final document.

Problem
Dynamic HTML is not the same for Netscape and Microsoft!!!!!
What do you do?....pick and choose with the risk someone can not see yourpage as you would like them to.

Style Sheets

Both Netscape and Microsoft support this.
Allow you to define the default appearance of different parts of your document.
Can control color, style of fonts, spacing, etc.

Including Style Definitions in same Web-page

Define the style inside of the <STYLE> and </STYLE> tagsand this must be inside of the <HEAD> tags!!!!!!!!

Import a style sheet from another file

<LINK REL=stylesheet HREF="Filename_of_Style_Sheet">

Note this link tag associates this external style sheet file with the currentdocument.

Kinds of Styles:

Persistent always applied regardless of user's local selections.

<LINK REL=stylesheet HREF="Filename_of_Style_Sheet">

Default apply when a page is loaded but can be disabled by user in favor of another sytle.

<LINK REL=stylesheet HREF="Filename_of_Style_Sheet" TITLE="whatever">

Alternate provided as options for user to choose.

<LINK REL=alternate stylesheet HREF="Filename_of_Style_Sheet">

How to apply a style once external file in imported or the style is definedin the same file as web page

Can apply a style to any HTML tag you have in your web-page by using a specialattribute of either :

 ID="id_name"     or     CLASS="class_name"

Layers

How to create a layer:

Use the <Layer> tags. For example:

<Layer top=25 left=25>
Now put here any text, images, etc. you want
inside of this layer....or you can create sub
layers with pairs of Layer tags inside here.
</Layer>

Layer Attributes:

TOP = specifies how many pixels from top of parent layer this layer should start.

LEFT = specifies how many pixels from left of parent layer this layer should start.

BACKGROUND = give image use a bakground.

BGCOLOR= give color use as background.

WIDTH, HEIGHT = give dimensions of this layer.

CLIP=sl,st,sr,sb = give blank space around boarders by saying that all content in a layer must appear in the rectangle described by the two points (sl,st) and (sr, sb)

Example

Microsoft Only Additions

Document Object Model

Mechanism by which you can script pages.

Multimedia Controls

Various controls include: creates hot spots/clickable regions in page, mixes multile WAV audio files, moves objects on a path, controls timing of events, creates animated buttons and more.

Object Positioning

providing fine control over placement of items on a web page. Can have objectsoverlap and obscure things.

Netscape Only Additions

Layers

See here

JavaScript Style Sheets

Alternative to Cascading Style Sheets discussed before.Here properties are controlled in JavaScript.

"Dynamic" HMTL

Style Sheets

Layers

Example

Microsoft Only Additions

Netscape Only Additions