04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

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

case solved, its all about relative and absolute<br />

Five-Minute<br />

Mystery<br />

Solved<br />

156 Chapter 4<br />

The Case of Relatives and Absolutes<br />

So, how did RadWebDesign flub up the demo? Well, because<br />

they used URLs for their hrefs instead of relative links, they<br />

had to edit and change every single link from<br />

http://www.planetrobots.com to http://www.robotsrus.com. Can<br />

you say error-prone? At 3:00 a.m., someone yawned<br />

and accidently typed http://www.robutsru.com (and<br />

as fate has it, that was the same link that the CEO<br />

clicked on at the demo).<br />

CorrectWebDesign, on the other hand, used relative<br />

paths for all internal links. For example, the link from<br />

the company’s mission statement to the products page,<br />

, works whether the site is<br />

called PlanetRobots or RobotsRUs. So, all CorrectWebDesign<br />

had to do was update the company name on a few pages.<br />

So RadWebDesign left the demo sleep-deprived and <strong>with</strong> a little<br />

egg on their face, while CorrectWebDesign left the meeting<br />

<strong>with</strong> even more business. But, the story doesn’t end there. It<br />

turns out that RadWebDesign dropped by a little coffeehouse/<br />

bookstore after the demo and, determined not to be outdone,<br />

picked up a certain book on <strong>HTML</strong> & <strong>CSS</strong>. What happened?<br />

Join us in a few chapters for “The Case of Brute Force versus<br />

Style.”<br />

Oops...<br />

someone<br />

forgot an “s”<br />

on the end<br />

of the name.

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

Saved successfully!

Ooh no, something went wrong!