This is our (fictional) login data - please use your own data instead if you want to actively follow the tutorial.
We will use the quickconnect bar for establishing the connection:
Enter the hostname into the quickconnect bar's Host: field, the username into the Username: field as well as the password into the Password: field. You may leave the Port: field empty unless your login information specifies a certain port to use. Now click on Quickconnect.
Note: If your login information specifies a protocol like SFTP or FTPS, enter the hostname as follows: sftp://hostname or ftps://hostname respectively.
FileZilla will now try to connect to the server. If all works well, you will notice that the right "column" switched from Not connected to any server to displaying a list of files and directories.
Legend: 1. Toolbar, 2. Quickconnect bar, 3. Message log, 4. Local pane, 5. Remote pane, 6. Transfer queue
The next step is to get familiar with FileZilla's window layout.
Here is a quick introduction: Below the toolbar (1) and quickconnect bar (2), the message log (3) displays transfer and connection related messages. Below, you can find the file listings. The left column (local pane, 4) displays the local files and directories, i.e. the stuff on the PC you're using FileZilla on. The right column (server pane, 5) displays the files and directories on the server you are connected to. Both columns have got a directory tree at the top and a detailed listing of the currently selected directory's contents at the bottom. You can easily navigate either of the trees and lists by clicking around like in any other file manager. At the bottom of the window, the transfer queue (6) lists the to-be-transferred and already transferred files.
Now we will upload these files (or the ones you choose, respectively):
First - in the local pane - bring the directory into view which contains data to be uploaded (e.g. index.html and images/). Now, navigate to the desired target directory on the server (using the server pane's file listings). To upload the data, select the respective files/directories and drag them from the local to the remote pane. You will notice that the files will be added to the transfer queue at the bottom of the window and soon thereafter get removed again - since they were (hopefully, if nothing went wrong) just uploaded to the server. The uploaded files and directories should now be displayed in the server content listing at the right side of the window.
Local and remote file listings after uploading the example files
Note: If you don't like using drag-and-drop, you can also right click on files/directories and select Upload to upload them.
Note (advanced): If you enable filtering and upload a complete directory, only the not-filtered-out files and directories inside this directory will be transferred.
Downloading files, or complete directories, works essentially the same as uploading - you just drag the files/directories from the remote pane to the local pane this time, instead of the other way round.
Note: In case you (accidentally) try to overwrite a file during up- or download, FileZilla will by default display a dialog asking what to do (overwrite, rename, skip, ...).
Now that you are confident in transferring files (if not, practice a little bit), you might want to add the server information to the site manager to make it easy to reconnect to this server. To do this, select Copy current connection to Site Manager... in the File menu. The site manager will be opened and a new entry will be created with all the important information already filled in. You will notice that the entry's name is selected and highlighted - you can enter some descriptive name so you will later on find your server again (enter something like domain.com FTP server for example - you can rename it later if you wish). Now close the dialog by clicking on OK.