Let me control over my pages: Tables, Frames, and CSS

Tables (Layers)  Providing designers with some degree of control to the layout of Web pages

Tables  Percentages vs. Pixel  You can place anything in a cell including text, image, and buttons  Table alignment A table can be centered regardless of the size of the viewers’ monitor size.  Text or image alignment in a cell

Table  Use Template in Dreamweaver and insert Tables.

Frames  Multiple HTML Pages in one page Footer Main content Container Navigation Header

Frames: Advantages  Frames provide the consistent layout and navigational options.  Viewers stay in your site.

Warnings when using Frames  Cannot bookmark interior pages  Difficult to print  Poor scalability  Tricky to design  Search engines catalog incorrectly, or not at all  Not supported by older web browsers  Hard to organize and maintain individual HTML files  Visually unattractive  Older browsers do not support.  dorbad.html dorbad.html

CSS (Cascading Style Sheet)  Developers have some control of font, font sizes, spacing, etc.  A Single style sheet can be used for all of the pages on your site  A site can have a consistent layout across platforms, browsers, and different sizes of monitors.  d=u ton01.htm d=u ton01.htm

Types of applying styles  Hierarchy 1. Inline 2. Embedded style: inside of the file 3. Linked to external file:.CSS

External style sheet .CSS: A external file containing all formatting commands that you created

Warnings for using CSS  Older browsers (before Netscape 4.0 or Explorer 4.0) do not support CSS.

My recommendations: