Transcript Web page development: Template

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
Header
Container
Navigation
Main content
Footer
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.
http://www.yourhtmlsource.com/frames/goo
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.
 http://builder.com.com/article.jhtml?i
d=u00220030527ton01.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: