How to Upload a whole website together?

0

Get FileZilla

Download and install FileZilla, Download Here.

Connecting to a server

The first thing to do is connecting to a server.

This is our (fictional) login data – please use your own data instead if you want to actively follow the tutorial.

 Hostname: example.org   Username: john   Password: 7PjU#.J3

We will use the quickconnect bar for establishing the connection:

Tutorial Quickconnect.png

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.

Navigating and window layout

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 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.

Transferring files

Now we will upload these files (or the ones you choose, respectively):

 website/   +- index.html   +- images/      +- image01.jpg      +- image02.jpg

Uploading

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 (in the lower local pane) and select Upload to upload them – or simply double-click a file entry (this does not work for directories).

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

Downloading files, or complete directories, works essentially the same way 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…).

Using the site manager

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.

The next time you want to connect to this server, you can simply select it in the site manager and click Connect.

A Core of Web Hosting Solution

0

Visit www.HostNagar.com

New Hosting Website

0

Host Nagar.com will be launching soon..!

Go to Top