Let me control over my pages: Tables, Frames, and CSS.
Published byModified over 4 years ago
Presentation on theme: "Let me control over my pages: Tables, Frames, and CSS."— Presentation transcript:
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. http://www.yourhtmlsource.com/frames/goo dorbad.html 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 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.