Alright the first thing we need to do is to connect to our host/server computer. In the host textbox to the top left of the Filezilla application we will enter our domain name. In this case I will input yourarcade.org. The other two textboxes to the right are your Username and Password. Enter the username and password that we created back in Hour 1 while filling in our personal information. Next, click the ‘Quickconnect’ button and you will be logged into your host computer. As you will see in Figure 3-5 our host directory in the middle right column has been updated and is now displaying our host computer files.
Figure 3-5 Filezilla connected to our host computer
The files shown on your host computer are the same files that are in your File Directory Manager as we showed you back in Hour 1 of Figure 1-19. If you compare these two file directories you will see that the directory listed in Figure 3-5 does not match the files shown in Figure 1-19. This is because when we logged into the File Directory Manager we chose to login to the Web Root (public_html/www) folder shown in Figure 1-18. If instead we login to our File Manager Directory from the ‘Home directory’ we will see the same directory of files shown in Figure 3-5, let me show you.
Log in to your HostGator control panel. Once you are logged in you will need to click on the File Manager button from the Files group as shown in Figure 1-12. After you click the File Manager button you will be presented with a popup as shown previously in Figure 1-18 and shown again in Figure 3-6.
Figure 3-6 File Manager Directory Selection
In this case we are going to select the ‘Home Directory’ and check the ‘Show Hidden Files (dotfiles)’ checkbox. Now click on the ‘Go’ Button to be taken to your File Manager Directory shown in Figure 3-7.
Figure 3-7 File Manager in the Home Directory
As you can see the files that are shown in Figure 3-7 match the same files as shown in the file directory of Figure 3-5, this is because we are looking at the same files.
The files that are shown in this directory are files that we have already used. The cpanel folder contains the files we need to access our control panel. When we access our domain.com/cpanel we are loading the files in this folder. Many of the other folders and files we need not pay any attention to. The only file that we will be focusing on is the ‘public_html’ and the ‘www’ folder. These folders both go to the same place which is the root directory of our web arcade domain. The root directory (public_html/www) folder will be the location where we want to add our arcade script files.
The previous steps in showing you how to access your ‘Home Directory’ of your host computer is not relevant to installing our arcade; however, it is good to know the basics of your host computer file directory.
Okay, let’s move back to Filezilla. From the host directory in the middle right column of filezilla navigate to the public_html or www folder and open it. Also open up the folder where you have stored the arcade script files as shown in Figure 2-10. Select all the files in this directory and drag them into the root directory folder of your host computer in Filezilla, shown in Figure 3-8.
Figure 3-8 Transferring files from your local computer to your host computer.
It may take a little while for these files to be transferred from your local computer to your host computer. When the files are dropped into the directory of the host computer the ‘Queued files’ tab at the bottom left of the Filezilla application will list the number of files that are going to be transferred. After the files are transferred the ‘Successful transfers’ tab will display the number of successful files that have been transferred. If a popup is displayed telling you that a file already exists, you may click ok to overwrite the file.
After the files have completed transferring we will need to delete a few files. The files we will be deleting are the ‘default.html’ and the ‘autopopulate.php’. Select to highlight the file from the filezilla application and press delete or you can right click the file and select delete. The default.html file is the file that displays the ‘Getting Started’ page which was shown back in Figure 1-9. We need to delete this file because when people type in our arcade URL we want them to view our arcade site instead of the getting started page. So, after we delete this file, when we want to access our control panel we will have to go to http://www.yourdomain.com/cpanel. The autopopulate file is used to auto populate our arcade database with game information provided from the gamepacks available for download from our PHP Arcade Script member page; however, we are going to add games a different way so we don’t need this file. After the files have been successfully transferred from our local computer to our host computer we can move on to changing a few files security permissions.