Cascading Style Sheets - Page Layout - Part 1

Cascading Style Sheets - Page Layout - Part 1 - CIS 4004:...

Info iconThis preview shows pages 1–5. Sign up to view the full content.

View Full Document Right Arrow Icon
CIS 4004: Web Based IT (CSS– Page Layout – Part 1) Page 1 © Dr. Mark Llewellyn CIS 4004: Web Based Information Technology Spring 2011 Cascading Style Sheets – Page Layout – Part 1 Department of Electrical Engineering and Computer Science University of Central Florida Instructor : Dr. Mark Llewellyn markl@cs.ucf.edu HEC 236, 407-823-2790 http://www.cs.ucf.edu/courses/cis4004/spr2011
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
CIS 4004: Web Based IT (CSS– Page Layout – Part 1) Page 2 © Dr. Mark Llewellyn As we saw in the introductory notes, CSS is used to separate content from presentation in Web documents. CSS can also be used to separate the presentation (fonts, colors, and so on) from the page structure. Using CSS results in smaller Web page documents (XHTML files), which saves on bandwidth and eases Web site maintenance. Recall that CSS Level 1 (CSS1) was introduced by the W3Cin 1996. CSS Level 2 (CSS2) was released in 1998. CSS2 builds on CSS1 and introduces new properties needed for positioning, commonly referred to as CSS-P. CSS Page Layout Overview
Background image of page 2
CIS 4004: Web Based IT (CSS– Page Layout – Part 1) Page 3 © Dr. Mark Llewellyn Even though CSS2 was introduced in the last millennium, commercial Web sites have only recently begun to utilize its features. We saw in the last section of notes that the National Security Agency utilizes CSS for their page layout, so to does TruGreen (lawn care at http://trugreen.com ) and W3C at ( www.w3.org – look at the source code for their home page – which DTD are they using?). The primary reason for this delay in acceptance of the CSS2 standards has been the lack of browser support for the W3C recommendations. Only very recently have the most current versions of commonly used browsers begun to support CSS2 reliably and consistently. Even so, you may expect to encounter differences in rendering when displaying pages coded using CSS-P in various browsers. By learning to develop Web pages using CSS-P, you will be on the very leading edge as web developers. As newer browsers are introduced, the number of Web visitors who use older browsers is declining all the time. However, be aware that for specific target audiences this may not yet be true and may take longer to occur. CSS Page Layout Overview
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
CIS 4004: Web Based IT (CSS– Page Layout – Part 1) Page 4 © Dr. Mark Llewellyn When CSS is used to configure page layout in addition to formatting, all the following advantages of using CSS for formatting are enhanced: Greater typography control . This includes font size, line spacing, letter spacing, indents, margins, and element positioning without using tables. Style is separate from structure . The formatting and page layout can be configured and stored separately from the content section of the Web page document. When the styles are modified, the XHTML remains intact. This means that if your client decides to change something as small as the
Background image of page 4
Image of page 5
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 48

Cascading Style Sheets - Page Layout - Part 1 - CIS 4004:...

This preview shows document pages 1 - 5. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online