Learnings of the Week [ February 9-13, 2009 ]

In this week, we reviewed out topics about Frames and CSS.

HTML FRAMES

With frames, you can display more than one Web page in the same browser window.


FRAMES

Each HTML document is called a frame, and each frame is independent of the others.

The disadvantages of using frames are: the web developer must keep track HTML documents; and it is difficult to print the entire page.


THE FRAMESET TAG

The frameset tag defines how to divide the window into frames. Each frameset defines a set of rows or columns. The values of the rows/columns indicate the amount of screen area each row/column will occupy.


THE FRAME TAG

The frame tag defines what HTML document to put into each frame.


FRAMESET ATTRIBUTES EXPLAINED

Frameborder=No or Yes - defines whether to make the frameborder dividing the windows become visible or not.

border-="n" - when the value for frameborder is YES, you can set the thickness of the border in pixels by entering a number to the value.

Framespacing="n" - defines the spacing between the two framesets in the window. The expected value here is a number.

Bordercolor="rrggbb" - applies color to the border when it is turned on. Replace "rrggbb" with hexadecimal color value.

Name="anyname" - assigns a name to the frame on the left (if vertical) or top frame (if horizontal) in the frameset definition.

Noresize - tells the browser to lock the border.

Scrolling="YES or NO" - controls whether the scrollbar is turned on or not. The default is NO. When turned on, and if the page of the document is long, the scrollbar will become visible.

Src="file.html" - the document you're calling to load in the window. SRC is short for source file.


CASCADING STYLES SHEET (CSS)

STYLES

External Style Sheet

An external style sheet is ideal when the style is applied to many pages.

Internal Style Sheet

An internal style sheet should be used when a single document has a unique style. Y


FEATURES OF EXTERNAL STYLE SHEET

Introduction

By using the Link Tag to load a basic external style sheet (CSS), it's possible to control the look and feel of multiply Web Pages by making changes to One style sheet. This means that it is easy to change font, bgcolor, background, etc on all pages - just by changing one external style sheet (CSS).

Types of External CSS

The three types of external style sheets are persistent, preferred, and alternate. The most common external style sheet is the persistent link.

SUMMARY

An external style sheet (CSS) is perfect - when the same style/format/look n feel is required on numerous pages. With an external style sheet, the webmaster can change the look of the entire site - by changing one file.



Posted by:
Rae Angeline S. Palen
IV - Rizal