Wrox Professional CSS Cascading Style Sheets for Web Design phần 1 ppsx

[...]... The CSS What Does It All Mean? CSS- Enabled Rollovers Changing Changing Changing Changing Changing the the the the the Color and Background Color of Links (Simple) Color and Background Color of Links (Complex) Background Color of Table Rows Color of Text Background Position on Links Summary Chapter 4: The PGA Championship Drop-Shadow Effect 12 0 12 0 12 1 12 6 12 7 12 7 12 9 12 9 13 1 14 0 14 3 14 7 15 8 15 9 16 0... Realism 16 1 16 5 CSS Drop-Down Menus 16 8 Customization: Positioning the Drop-Down Menus Customization: Styling the Drop-Down Menus Web Standards–Compliant Flash Embedding The Flash Satay Method Write the object/embed Tags Using JavaScript FlashObject Summary Chapter 5: The University of Florida University of Florida’s Web Site 16 9 17 0 17 4 17 4 17 5 17 5 17 6 17 7 17 7 Revisions The Current Site 17 8 18 0 Defining... Meet the Designer: Dan Cederholm CSS Positioning: The Fundamentals Absolutely Fabulous Positioning Positioning That’s Absolutely Relative Building Three Columns: Laying the Foundation Writing the XHTML: From Mockup to Markup A Layer of Style Battling Browser Bugs Setting Some Boundaries: The max-width Property Summary xviii 19 1 19 1 19 3 19 9 19 9 2 01 203 203 203 203 205 205 206 208 211 211 212 212 214 220... Round-Cornered Boxes The XHTML The CSS The Images What Does It All Mean? Creating Fluid-Width, Round-Cornered Boxes The XHTML The CSS The Images What Does It All Mean? Better Thinking Through Pseudo-Elements Implied Boxes xvi 29 30 35 36 39 48 48 51 54 55 56 58 64 64 66 68 68 68 69 72 74 76 77 78 81 84 86 87 88 89 89 90 10 7 10 9 10 9 11 0 11 1 11 8 11 9 Contents Writing CSS That Benefits Your Site Maintainers... Blueprints for Your Pages Beginning the Design Setting the Tone for Your Site Finding Inspiration Selecting a Layout: Fixed or Liquid Summary v vii ix 1 2 3 4 4 7 7 8 8 11 12 12 14 16 18 21 21 22 23 28 Contents Chapter 2: Best Practices for XHTML and CSS Structure and Presentation: Shoehorned Together A Valid Foundation: Learning to Love Our Markup XHTML: The New Hotness Abstracting Style from Structure CSS: ... 18 0 Defining the Site 18 0 Building the Team User Research Peer Review Technical Specs Creating a Main Navigational Structure The XHTML The CSS The Images Brick by Brick 18 1 18 1 18 1 18 2 18 3 18 4 18 6 18 7 18 8 xvii Contents Making the Supplementary Navigation The XHTML The CSS Flash Embedding Revisited Flash Satay Flash Satay with Server-Side Detection Missteps Leading Only by Example “Force of Habit” or “Who... a design technology named cascading style sheets (CSS) CSS is a Web markup standard set by the Worldwide Web Consortium (W3C) that enables Web designers and developers to define consistent styles in Web pages, and to apply the template to multiple pages CSS is a valuable tool for streamlining and speeding up Web development, although browser compatibility issues are a major pitfall While WYSIWYG Web. .. to CSS, but needs a better understanding of how to put the pieces together to create professional- level Web sites ❑ Professional designers Professional Web developers learning CSS (without any knowledge of traditional, 19 90s-era design practices) and want to understand the best practices for utilizing the technology How This Book Is Structured Core chapters of this book focus on one designer and a Web. .. Lists Index 409 409 409 410 410 410 411 xxi The Planning and Development of Your Site In the past few years, the design community has seen an explosion of sites powered by cascading style sheets (CSS) Highly visible brands such as Fast Company, ESPN.com, PGA, and Blogger have all adopted CSS for the layout of their sites, delivering their compelling content through this excellent Web technology Their pages... point, keep Professional CSS nearby Professional CSS is one of the few books on the market today that address designing standards-based CSS on large, multi-page, well-designed, real-world sites using CSS in an integrated fashion Focusing on the best-practices aspect of Web development, and using examples from real-world Web sites, this book uniquely offers applied, CSS- enabled solutions to design problems . 17 7 Revisions 17 8 The Current Site 18 0 Defining the Site 18 0 Building the Team 18 1 User Research 18 1 Peer Review 18 1 Technical Specs 18 2 Creating a Main Navigational Structure 18 3 The XHTML 18 4 The CSS 18 6 The. Page i 01_ 588338 ffirs.qxd 6/22/05 11 :43 AM Page vi Professional CSS Cascading Style Sheets for Web Design Christopher Schmitt Mark Trammell Ethan Marcotte Dunstan Orchard Todd Dominey 01_ 588338. Data Professional CSS : cascading style sheets for Web design / Christopher Schmitt [et al.]. p. cm. Includes index. ISBN -13 : 978-0-7645-8833-4 (paper/website) ISBN -10 : 0-7645-8833-8 (paper/website) 1.