tailieunhanh - Developing Large Web Applications- P11

Developing Large Web Applications- P11:This book presents a number of techniques for applying established practices of good software engineering to web development—that is, development primarily using the disparate technologies of HTML, CSS, JavaScript, and server-side scripting languages. Whereas there are many books on how to use languages, how to use libraries, and how to approach software engineering, this is the first book to codify many of the techniques it presents. These techniques will make the components of your own web applications more reusable, maintainable, and reliable | Example 4-22. CSS for the 2x1 container float left width 750px overflow hidden .con2x1pri float left display inline width 370px overflow hidden margin-right 10px .con2x1sec float left width 370px overflow hidden float left width 310px overflow hidden .con2x1pri float left display inline width 150px overflow hidden margin-right 10px .con2x1sec float left width 150px overflow hidden Example 4-23 shows how you could use the default version of the 2x1 container within the primary content section of the Results layout presented earlier. From this example coupled with what we observed in Chapter 3 about constructing an information architecture to create reusable modules you can begin to see how a page built from a layout with containers inserted as needed and modules inserted into the layout and various containers helps build modular web applications in which components are reusable maintainable and reliable. Layouts and Containers 81 Example 4-23. The default version of the 2x1 container within the Results layout div id layres div class layreshdr div div class layresmaj div class layrespri div id con2x1 class default div class con2x1pri div div class con2x1sec div div div div class layressec div div class layrester div div div class layresftr1 div div class layresftr2 div div Other Practices To ensure browsers render your presentations in a pixel-perfect manner use the following practices to help write reliable CSS as you develop large web applications. The goals of these practices are to establish a consistent platform on which to apply your styles and to address inconsistencies with the way browsers render fonts. 82 Chapter 4 Large-Scale CSS Browser Reset CSS All browsers provide a default set of styles on which your own styles will be layered. Unfortunately default styles are inconsistent across various browsers. Without a common starting point on which to layer the application