11.11.2014 Views

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Underst<strong>and</strong>ing B<strong>and</strong>width 25<br />

Subsequently, Google logs user information whenever someone visits any page<br />

with the code on it. The designer can then log into Analytics <strong>and</strong> read compiled<br />

user data at any time. Not only does this method require less technical knowledge,<br />

but it also doesn’t take nearly as long to set up. The only downside is that<br />

the code needs to be added on any page the designer wants to track.<br />

After all this information is collected <strong>and</strong> analyzed, the designer can use<br />

the results to best modify a site to increase conversion rates for desired visitor<br />

usage.<br />

Branching Pages<br />

The inconsistent support of XHTML, JavaScript, <strong>and</strong> CSS by IE <strong>and</strong> Netscape<br />

years ago made some developers resort to branching their code. In other words,<br />

once a user hits a page, a basic JavaScript code is used to determine a user’s<br />

software information, such as which browser is being used <strong>and</strong> what version of<br />

JavaScript, if any, it supports. Once the browser version, for example, is<br />

determined, one piece of script can be used for Netscape while another is used<br />

for IE.<br />

Prior to CSS-driven drop-down menus, branching was advantageous to use with<br />

Javascript drop-down menus that only worked with Netscape’s DOM (Document<br />

Object Model) or IE’s DOM. Such scripts, however, not only increase the<br />

download time of a page, but, more importantly, they also increase the amount<br />

of work necessary to maintain a site.<br />

If a designer treats IE <strong>and</strong> Netscape with equal significance, using branching<br />

scripts for style sheets is usually unnecessary. If the style sheets are written<br />

correctly, the way the text <strong>and</strong> images are displayed should not be significantly<br />

different. All of the style sheets used in the designs for this book are supported<br />

by all the major browsers, which not only decreases download time, but also<br />

eliminates the headache of maintaining two different pieces of code.<br />

Underst<strong>and</strong>ing B<strong>and</strong>width<br />

B<strong>and</strong>width is the amount of data that is either uploaded or downloaded over<br />

a specified time. In other words, for designers, how quickly can a site be downloaded<br />

without losing the user? Studies in the past have shown that the numberone<br />

complaint of users is that a site is too slow, which makes speed a high<br />

priority when designing.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!