To understand this tutorial, you need HTML knowledge.
I'll be using FileZilla, you can download it from
here. Once it's been installed, open the program and you will have
something like this (You'll see some numbers on the screenshot, I'll explain them later):

[click the thumbnail for a full screenshot]
You'll see this bar:

[click the thumbnail for a full screenshot]
Once you've succesfully logged in, lets get started. Create a new folder @ your computer
desktop. Mine is called "mysite". Place all your pages and folders here. An important fact about FileZilla is that you can't edit
your pages once they've been added to FileZilla, you'll have to edit the from the folder you've just created and replace them (by uploading the page again).
Now lets go back to FileZilla.
As seen on the 1st screenshot, FileZilla has 4 windows that we'll be using.

You are new to FileZilla, so you won't have any files on windows 2 & 3. To start
uploading your pages to your ftp account, look for your folder on window 1, once you've found it, click it and the content will appear on window 4. Select all
the content, right click and select "upload". Your files will start uploading on window 3. And we are done uploading.
To create a new directory/folder, right click on the folder on window 2 and click "create directory".
If you want to upload new pages inside this directory/folder, click the directory/folder you have just created, it will be empty. You are now ready to start uploading your files.
If you want to link any file from other directories/folders you must link them as: http://yoursite/directory/page.htm (or any format you use).
To edit a page, you'll have to edit it from the original folder, in my case, I'll have
to edit it from the "mysite" folder, once you have finished, go to FileZilla, look for the page on window 4, right click > "upload". A new window will appear:

[click the thumbnail for a full screenshot]
Just click "ok" and the new page will replace the old one.