Just a quick post aimed at people newer to web development, really. I can remember a time when I had some web-space and some crappy HTML editor from a disc from with .net magazine, an FTP client and not much else. And this was in the days of dial-up so learning and progress were slow.
So what do I use now? I’ve yet moved onto a Mac, although that is my next move but I have a little set-up which works pretty well on my XP machine.
Setting up a site
I run XAMPP from Apache Friends, because of all of the webserver installers, this one just worked straight away and had everything I needed. I have this running from ‘C:\xampp’ and set-up directories in htdocs for each kind of work (ie. agency, freelance, demos of products, my own projects, etc) and within that, I have one per client or site, so I end up with a path like: C:\xampp\htdocs\hereinthehive\clientX\main_site
Each site has a fairly similar basic file structure:
- behaviours – for Javascript
- images
- includes – for classes and snippets of code
- styles – CSS
- silo – storage for media used in upload, often subdivided by type/category
I then go to the ‘hosts’ file to set a loopback url, which on XP machines is normally at: ‘C:\WINDOWS\system32\drivers\etc\hosts’
You then add the name or domain for the site and set it to the loopback/localhost address like this:
127.0.0.1 hereinthehive
I then set the site up in Apache in the vhost config file at: C:\xampp\apache\conf\extra\httpd-vhosts.conf, basically, like this:
# Here in the Hive
<VirtualHost *:80>
DocumentRoot “C:/xampp/htdocs/hereinthehive/blog/”
ServerName hereinthehive
</VirtualHost>
If you’re using XAMPP then bring up the control panel and restart Apache. You should now be running your site at http://hereinthehive/ in your browser!
I’ve found this great for working on laptops; I even have a version I can run from a pen-drive so if I need to do some dev work wherever I am, I have the files and tools to hand. I’m still a fan of Dreamweaver for all it’s bloat. I’ve used it since version 4 and haven’t felt the need to move away from that yet although I do sometimes use NotePad++ for a bit of hand coding, FileZilla for FTP and PuTTy for SSH. I used Fireworks most of the time for simple graphics tasks and Photoshop when I need some more fancy graphics.
So what about you?

Apple fanboy coming through:
I use MAMP Pro, which allows for easy switching to PHP 4 (if required) then I’m coding in Dreamweaver – although I’m trying to use Coda more (it’s cheaper) but Dreamwevar Find/Replace is just too awesome. I just can’t get into Notepad++ or any of those other editors that the Windows (DW hating) crowd use.
FTP – Transmit or Coda/DreamWeaver’s built in efforts. Although DreamWeaver’s does suck at times. I used to use WS_FTP when I was Windows-based.
SSH – Coda again
SVN – Versions (versionsapp.com) although Coda’s latest update has this built in so I may not be bothering with Versions in the future.
I’m getting strange symbols on your blog (Ã? Ã?Â) over and over in your post which make it really hard to read.
Any idea why?
I really need to “get” this.