Wk 02/08/11 Lesson 5

Chapter 9  Page layout Tools: Tables and Styles

HTML Tables
A table is a grid of cells that’s built out of rows and columns. HTML tables were used to show tables of information.
Web developers quickly discovered that invisible tables offered a perfect way to get around the limits of plain vanilla HTML,
allowing Web page creators to lay out content in a variety of new ways.

The Anatomy of an HTML Table
All you need to whip up a table is a few new tags
Example:

wraps the whole shebang. This is the starting point for every table.

Formatting Table Borders
Traditional tables have borders around each cell. You can turn on table borders using the border attribute. The border attribute specifics the width of the line that is added around each cell and around the entire table.
Example:

Cell Spans
HTML tables supporting spanning, a feature that allows a single cell to stretch out over several columns or rows. Spanned cells let you tweak your tables in all kinds of crazy ways.

Contextual selectors
Contextual selectors are stricter than ordinary type selectors. Whereas a type selector matches a tag, a contextual selector matches a tag inside another tag. To understand the difference, take a look at this type selector.
b {
color: red;
}

Floating Boxes
Relative positioning elements are ordered based on where they appear in the document.
Example: If you have one

followed by another

, the second

is place below the first one.

Layering
When using overlapping layers, the browser needs to know which element goes on top. This is accomplished through a simple
number called the z-index. Elements with a high z-index are placed in front of elements with a lower z-index.

Chapter 10 Frames

This feature let you show more than one Web page in the same browser window.

Frameset
The information inside your tags is the heart of your frameset page. It’s where you decide how to split the
browser window into rows or columns of specific sizes. You define the width of each column using the cols attribute or height of
each row using the rows attribute.

Targeting Frames
A small important flaw in the frameset-when you click of the navigation links, the target page of the link oopens in the frame where the link is placed.

Scrolling
Frames have one unmistakable feature the scroll bar. This is when the content of one page grows larger than the size of its
frame, scrollbars appear.

Handling Browser that don’t Support Frames
At a bare minimum, browsers that don’t support frames should still be able to read the content pages one at a time in an ordinary browser window. The easiest way to accomplish serve up these individual pages is to copy the HTML from the menu. htm file .

Critiquing Website

http://colorschemedesigner.com/

This website has awesome and vibrant colors to choose from. The primary colors and secondary colors provide great color schemes to use for any designed website. The content is very explicit and the links are literally user friendly.

Advertisements

Leave a comment

Filed under Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s