Q: Hey Chris. I have HTML files. How do I get them on the Web?
A: FTP (Read more for how to get started)
1. Before You FTP, You Need Hosting
The first thing you need is A PLACE TO PUT THOSE FILES. Where is that place? Answer: hosting. I set up a basic tutorial on how to get started with Hostgator (a cheap and reliable hosting solution). Other hosting companies I recommend are listed on the Suggested Web Hosting Page.
Ok, so we have a host. We did that. What’s next?
Your host sent you a “Welcome” email. In that email there is a username, password, and a bunch of other details. SAVE THAT EMAIL. Archive it. Put it in Evernote. Google spreadsheet. Whatever works, you want to be able to find this easily in the future.
2. Download and Install an FTP Client
3. Add Your Credentials
You need to add: username, password, domain name. Where do I get that? It’s in your hosting email (see step #1 above)
Here’s how FTP setup looks in Cyberduck:
Here’s how FTP setup looks in Transmit (the same concept as above, but in a different program)
4. Move Your Files From Your Computer to Your Server
Below is a simple example screenshot using Transmit. It’s pretty much the same with any FTP client. Alternatively, you should be able to drag files right from your desktop (or the Finder) onto the server. Dragging the opposite way? Bingo.. it downloads it.
Q: I used Cyberduck.
A: That’s not a question. But if you chose Cyberduck do yourself a favor…
Go to “PREFERENCES -> TRANSFERS -> PERMISSIONS” and uncheck the “Change Permissions” boxes.
Explanation why you are doing this: By default Cyberduck changes your permissions and you’ll have an error uploading PNGS. So, save yourself the trouble later on and make it look like this…
Q: I get FTP. What is SFTP?
A: It’s just “secure” FTP. You know, just like “http://” and “https://”. If you choose to setup SFTP with your hosting provider, make sure you also chose that setting in your FTP client. It doesn’t cost anything extra to setup SFTP… so I say, sure why not do it.
Q: Thanks Chris, but, but, but… can I use GIT instead?
A: Sure, but FTP is great for beginners. Git is probably unnecessary if you’re just starting out. And besides, I still use FTP for small projects and for throwing files on the Web quickly.
You’ve purchased “the next big thing” domain at GoDaddy.com! Congrats! Now that you’re ready, there are three things you’ll need to get up and running.
First, you may also need to also purchase hosting if you haven’t already. If that’s the case read my recommended hosts and/or How To Setup Hosting.
1. Once you have purchased a domain go to “My Account” and find the domain you’d like to setup. Click “Launch”
2. Look for this page below. You want to go where it says “Nameservers”, the bottom left. Click “Set Nameservers”
3. Fill in your Nameservers
You want to choose “I have specific nameservers for my domain” and then fill in your nameservers. Usually there will be 2 or 3 nameservers to fill in. These ALWAYS start with the prefix “ns1.”, “ns2.” and so on. You’ll find your specific name servers in the welcome email from your hosting company (ie. Hostgator, Dreamhost or Bluehost sent you this email when you signed up for hosting. If not? Then contact them and they’ll help you out).
Here’s an example of something I’m hosting on Dropbox: https://dl.dropboxusercontent.com/u/182494/SHARE-LINKED/cookie-pfnp-site-link/index.html
Here’s how you can host files on Dropbox:
- Get a Dropbox Account.
- Put your working HTML files in your Dropbox shared folder.
- Right click on the file you want to make public. Navigate to “Dropbox -> Copy Public Link”. Now the public link is in your operating system’s clipboard (aka. you can “paste” the link).
Note: You cannot link to an entire folder/directory (eg. you can only a .html or .zip file). Also, this won’t work for hosting backend languages like PHP, Ruby or databases like MySQL.
HostGator.com is a hosting service. They’ll help you get your website live on the Web. Here’s how to sign up and get started:
** Note: I set up a code for my class to use: “pfnp2ga902” = This will give you 1 month of free Hostgator hosting **
1. Go to the hostgator.com website. Click “View WebHosting Plans” and choose the Baby Plan. I’d recommend Monthly. Click “Order Now”
DONT HAVE A DOMAIN? If you don’t have a domain you can enter a new domain on the left and purchase it. Then continue.
HAVE A DOMAIN? If you already own a domain type it in on the right, and continue.
Want HostGator for 1 month free? – Enter in code “pfnp2ga902” at the bottom for a discount. If you choose the Baby Monthly plan it should go down to only $0.01. Note that after 1 month it will renew for full price of about $8/month. So if you don’t want to keep this after the class then please just cancel it within a month.
OR, Want HostGator for 25% off the lifetime of your account? (this is a better deal for the longterm) – Enter in code “pfnp2ga915”
3. Fill in all your data on the next page. Notice the discount. Click Create Account.
4. You should receive a welcome email. Save this it’s important!
5. Try to login to your “Control Panel”. Works? Good!
6. If there are problems please contact Hostgator. Some of you may need to call to followup with verification. Please do this before class if possible.