These factors include network latency,
server speeds, number of requests required (each image, external style sheet, and JavaScript ?¬? le is a separate request),
and the complexity of the CSS and any JavaScript that renders content to the screen. Some of these things are within
your control, and some not. Yahoo!??™s Yslow is a Firefox add-on that extends Firebug??™s capability and can help you further
understand what is affecting your pages??™ performance. If you run a large Web site, I recommend you run your pages
through Firebug and look at the Yslow tab also. Discussion around site performance and links to these and other tools
can be found at http://davidherron.com/book-page/190-measuring-website-speed.
So now I have the three-column page template called home.html
with four style sheets linked to it via the import sheet. It looks like
Figure 7.6.
Only 3_col_liquid_faux.css and text_n_colors.css are actually
affecting the page at this time. There is no associated markup for
sign_in_form.css and multi_drop_menus_class.css yet, even though
they are linked to the page. We??™ll look at markup for the form and
menus shortly.
FIGURE 7. 6 With the 3_col_
liquid_faux template linked
to its associated CSS ?¬? le and the
text_n_colors CSS ?¬? le, I get this
as the starting point for the site.
BUILDING WEB PAGES 243
The Text and Colors Style Sheet
The text_n_colors.
Pages:
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285