Let’s Publish Your Website to the World!

Finally! This is the last chapter of “Step-by-Step Creating a Website Guide”! A web page that you saved in your computer is not going to show up on a web of course. You need to upload all files to the web server. I will share how to publish your website via SFTP.

Step-by-Step Creating a Website Guide: Chapter 8

  • Goal: Publish your website to the online
  • Things you need: Web server, domain name
  • Knowledge Requirement: Everyone is welcome

Table of Contents

  1. Planning a Perfect Website Content
  2. Visualize Website Structure – Sitemap
  3. How to Create a Website Wireframe
  4. Photoshop Website Design Tutorial
  5. Slicing Images for Your Website with Photoshop
  6. Guide to HTML Semantic Markup
  7. Basic Process to Apply CSS to Your Website
  8. Let’s Publish Your Website to the World! ←We are here!

Find a Hosting Plan

There are 3 different kind of web server:

  • Shared server
  • Dedicated server
  • Virtual private server (VPS)

You can find both free and pro plan for rental hosting. I recommend pro plan if a website that you made is for corporation. It’s because you will see ads on your website and can’t use your original domain name if you choose free plan.

The retal hosting company that I have used before:

I cannot say which one is the best though. They offer demo page so you can pick some of them and try it before you pay.

Domain Registration

Domain Registration

A domain name is the address that people type to visit your website. In many cases, a Web hosting company will offer to register a domain on your behalf as part of the hosting package you select. Also it’s original. You can’t buy a domain name that has already been registered by someone else. If you cannot find any good domain name because it’s already been registered, you can change spelling (eg. dribbble.com) or extension (eg. .me, .us, .it etc)

Upload Files

FTP (File Transfer Protocol) allows you to publish files to remote Web servers. However, SFTP is more recommended. SFTP is a program that uses SSH to transfer files. Unlike standard FTP, it encrypts both commands and data, preventing passwords and sensitive information from being transmitted in the clear over the network.

Dreamweaver or Coda which are website coding softwares have a function of file transfer. If you don’t use those one, you need a software which is called FTP client.

When you upload files via SFTP, you need those:

  • SFTP (FTP) server address
  • Port number
  • Username
  • Password

Rental hosting company will provide those information when you contract.

Upload Files Using Filezilla

FileZilla is one of the most famous FTP client in the world. I also used this. Click on “Download Filezilla Client All Platforms” and Install it.

When you launch Filezilla, you’ll see it’s separated half. Your local files are shown on the left, web server is the right.

Select “Site Manager” form File > Site Manager. Click on “New Site” and create a new one. You can name your site name whatever you want. And type server information that you’ve got from hosting company on the right side of a window. After you filled in the form, let’s click on “Connect”

After you connected the server properly, you’ll see folders or files on the right side. There are provided by hosting company. DO NOT touch them if you are not familier with them. Select a folder that you will upload files (normally www folder) and drag and drop files from left to right. Or right click on files that you want to upload and select “Upload”

Finished to upload! Let’s type URL that you’ve got on a browser and check it up! Can you see your website properly? If you’d like to change something, edit a local file first and upload that file again.

This is a basic process to create a website from scratch. There are still tons of things that you need to learn, but I will stop here before you will be confused. If you are stuck on something, ask our teacher, Google because it’s very important to solve your problems by your self. I hope this guide makes you interested in creating websites!

» Step-by-Step Creating a Website Guide