How To Make A Website Part IV: Choosing A Host And Launching Your Site

So you've learned the basics of HTML, brushed up on styling and CSS, and taken your web page design idea from concept to reality. Now it's time to find a host and launch your site.

Today's lesson is probably the easiest part of the whole make-a-web-site process (at least for the kind of site we're making), and it involves two simple steps:

  1. Find and register with a web host
  2. Upload your files to your host

Once you've done that, anyone with access to that wacky world wide web can see your site. Google can find it. Potential employees can see how talented you are. All the work you put into making it is now paying off!

But I'm getting ahead of myself. Let's talk a little bit about each step.

Step 1: Find and register with a web host

You can hem and haw all day about what web host to choose if you want. Choosing a host is like buying anything online: You do some research, find a few hosts that meet your needs, and maybe consider the recommendations of your peers before you commit. For a good starting point, take a look at our list of the five best personal web hosts. The reader-voted favourite of the bunch is DreamHost, and it's what I use for hosting various simple sites. I've tried a few alternatives over the years. Some were awful (Globat), some were just fine (Bluehost), but DreamHost has always been my favourite for simple hosting needs. That said, at something like $US9/month DreamHost is more expensive than a lot of other cheap hosting plans. (I've also set up full web servers from scratch on virtual private servers at Slicehost and been very happy with them. Setting up a server on something like Slicehost is well beyond the scope of this guide.)

Note: Keep in mind that the kind of hosting we're talking about in this lesson isn't the same kind of hosting that could run a massive web site. Hosts like DreamHost are perfectly capable at hosting static pages (like we've made) or even low-traffic webapps that require a scripting language (like PHP) and a database.

Whatever service you choose, you'll need two basic things from your host:

  1. A domain name: This, as you probably know, is the human-friendly URL for your site. For example, when you visit http://lifehacker.com.au, that domain actually points to an IP address, which is a much less friendly string of numbers and dots. You want a friendly domain name.
  2. A hosting plan: This is the service that provides you with the disk space and bandwidth for your site. It hosts your files and transfers your web page to the computers that visit your site.

Notes on choosing a domain name If you're putting together your nameplate site, consider trying to snag yourname.com. Whether it's based on your name or not, your luck securing the domain you want will vary depending on how unusual the name of the domain you'd like is. When I'm searching for domains, I've always liked using Instant Domain Search, a tool that returns availability of domains as you type. If you want to get clever with your name (del.icio.us-style), consider the Domain Hacks search tool. Finally, if you can't seem to secure anything, give Bust a Name a look. It suggests open domains based on synonyms of a few base words.

If you've never tried it before, here's an advanced warning: If you're not flexible, or you don't have a very unique domain name, finding an available domain name can be extremely frustrating. Be patient and play around, and eventually you'll find something you're happy with. (Remember, it doesn't have to be a .com domain — it's really up to your preference.) Once you've found an available domain you like, you're ready to proceed.

Buying your domain and hosting plan You've got a choice at this point: You can either register your domain name with a domain registrar (like the popular Namcheap or another popular option) or you can simply register your domain when you buy your hosting plan. Many hosts — including DreamHost — give you a free domain registration when you register for hosting.

The catch with tying your domain name to your hosting plan is that often hosts aren't as good as registrars when it comes to easily managing, transferring and handling your domains. To that point, I've been happy with DreamHost, and I'm sure most good hosts work fine as registrars, especially if you never have to transfer to another service. I was, by comparison, very unhappy with my first host, Globat, and how difficult it was to do anything with the domain I registered through them.

So make your domain and hosting choices. Once you have, you're ready to deploy your site.

Step 2: Deploy Your Website

This is the incredibly easy part. Since I have a DreamHost account, I used that in the video above, but whatever you decide on, the process should be nearly identical. Here's the broad version:

  1. Sign into your web host.
  2. Find the FTP (or for better security, SFTP) credentials. Basically you need an FTP, SFTP, or SSH username and password. On DreamHost, my first FTP user was created automatically; you can view, edit, or create new users here. If your host didn't create a user for you by default, you should be able to create one somewhere in your host's dashboard.
  3. Now open up your FTP client of choice. The free, open source Cyberduck (available for Windows and Mac) is a great choice if you're looking for something free and don't already have a favourite.
  4. Click the Open Connection button, choose the connection type (FTP or SFTP), enter your domain name, username, and password, and click Connect. If all your credentials were entered correctly, you should see a directory listing of files or folders, for your domain, on your host.
  5. For the sake of this tutorial, I'm assuming you want your site in the root directory of your server so that when someone visits, for example, yourname.com, it will load the site you created. To do that, you need to find the root folder of your domain. On DreamHost, your initial directory listing will show all the domains you're hosting, so the root of, for example, my adampash.com domain is inside the adampash.com folder.
  6. Now that you've found your root, all that's left is to upload your site from your local computer to your server! There's not much to this part: Just drag the files from your desktop to the root folder you've opened in Cyberduck (or whatever FTP client you're using). Since your site is likely pretty lightweight, everything should upload in just a few seconds, and your site should be live for the visiting!

Congratulations! Believe it or not, that's all there is to it. You've successfully deployed your first website.


Comments

    You can host your website at Google completely free of charge, see:

    http://www.labnol.org/internet/host-website-on-google-app-engine/18801/

    Some restrictions based on file-sizes etc. but otherwise a great solution. It also kind of makes sense if you already use Google Apps to power your email etc.

    Using Google as your host will also normally result in faster access times too as its distributed infrastructure ensures data is accessed from nodes closest to your users location. This is rarely the case with the normal web hosting providers.

    Dreamhost is fantastic, and while $9/month might be more expensive on a 1 site basis, their inclusions mean you can host a stupidly large number of sites - each with their own user and thus control panel - for the same price.

    I have 27 domains (with at least one email account per domain, some have ~10), around 150GB of data, another 50GB of backups, and move ~1.5TB a month for ~$6/month (due to prepaying). Thats value thats incredibly hard to beat.

    Their control panel is infinitely better than cPanel too. I have a host I use in Australia for other sites that are more latency dependent and having to use cPanel after the utopia of the Dreamhost panel makes me frustrated.

    I am a blatant Dreamhost fanboy, and when I read their April Fools newsletter (which came here April 2, stupid time zones catching me unprepared!) I almost cried ;)

    Dreamhost is great. They have an awesome panel, unlimited domains, one-click installs and great support, big fan. You can google coupon codes to start on the cheap, worst case you switch. I did a quick google search and found two dreamhost discount codes: 53off and HALFOFF1STYEAR Good luck!

    Windows Explorer and Finder have a built-in FTP client. No need for a separate client and messing around with technical details.

Join the discussion!

Trending Stories Right Now