I’m not embarrassed to say that one of the major road blocks for me all these years was understanding how and why a site that I might design on my computer finally becomes a real working Web site. I mean, I got the fact that it lived on a server somewhere…out there. And I’m sure I even posed this question to friends and colleagues numerous times. But for whatever reason it seemed the most daunting task or challenging obstacle. We all have irrational fears and this was one of mine. I’m over it now, just so you know.
So far our road to Webville has consisted only of HTML files that lived on our computers. Chapter 4 explodes from the gate with the promise of getting us on the Web! Already? Wow! But hey, I guess it’s kind of the point here. Step one is finding a web hosting company—of which there are many. (Oh so that’s how they do it! kidding.) Choosing the one that’s right for you when you’re just starting out can be overwhelming so I asked around. No sooner had I “tweeted” my query and I was suddenly receiving recommendations such as Westhost, Media Temple, Dreamhost, Dathorn and Web Hosting Geeks, to name a few. Luckily I didn’t have to pick one right away, and at the time of this posting I’m still figuring it out. And waiting for my partner in crime to catch up. We’ll get there.
Now with any website there comes the web address, or URL, of course. (That’s, U-R-L, not Earl, right? Good.) We all know this by now. But what do the different parts do; what do they mean; and why? Just because you don’t have to know for it to work, I like knowing that my request and response protocol (http) is making the connection between the Web server and my browser. And I love it when the Uniform Resource Locator locates my resource. But that’s just me. The design and computer world is filled with codes and shorthands and acronyms a-plenty. EPS, JPG, TIFF, PDF…they all stand for something. Someday it might come up at a party and I don’t mind being that guy who can tell you.
The chapter closes with an indepth look at the difference between relative paths (for linking to pages within your site), and URLs for external links. Also very helpful, and new to me, was the id attribute to create a destination anchor; and the target attribute that will open your link in another browser window. A feature I prefer when I’m surfing the web. I’m going to start using this when I post links on Flickr.
