Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download We will see how to use the FileZilla FTP client to transfer your HTML
Transcript
We will see how to use the FileZilla FTP client to transfer your HTML pages to a Web server. Filezilla, and FTP client Skills: install and use Filezilla Concepts: client-server, file transfer protocol (FTP), portable software, wire-frame user interface diagram, Web site mirror This presentation shows how to use the Filezilla FTP client to transfer files to and from a remote server, and how it fits into the Web development process. We also use FTP as an example of a clientserver application with standard protocol. This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. FTP is a Web development tool, but the technology can be used for many applications. This presentation covers FTP technology and its use in the Web development process. Where does this topic fit? • Internet concepts – Applications – Technology (FTP) – Implications • Internet skills – Application development (Web) – Content creation – User skills Review: a Web client and Web server carry on an HTTP conversation. We’ve looked at the conversation between a Web client and a Web server. Web client to web server conversation The conversation follows the rules of the HTTP protocol. Web client Web server HTTP governs the retrieval of Web pages from the server. In this presentation, we’ll look at Internet file transfer, another client-server application. An FTP client and FTP server carry on an FTP conversation. We connect a file transfer protocol (FTP) to an FTP server and copy files back and forth. FTP client to FTP server conversation We will use FTP to transfer HTML Web pages we create to a server. Copy files FTP server FTP client FTP is also handy for file backup. The formal conversation between an FTP client and an FTP server is defined by the file transfer protocol. There are many FTP clients. There are many FTP clients, and we will use FileZilla because it is free and easy to use. Filezilla One is Filezilla, which we will use in this presentation. All FTP clients have similar capability and are easy to use. I chose Filezilla because it is open source and there is portable version available. Web designers start with wire-frame diagrams, and you should make one when learning to use a new program. Filezilla command menu Wire frame diagram Host and account Here is a wire frame diagram of the screen layout. FTP commands, the client-server conversation Local directory listing Pending transfers and progress Remote directory listing Study this overview, then let’s step through making a connection to a server and transferring a file. The client and server are not yet connected so the remote directory is blank. Establishing a connection The client is not yet connected No remote directory listing Establish a connection to remote host Blank Reconnect to previous host Precaution display. Filezilla asks before overwriting a file Here we see the screen with the local directory displayed. There is no listing on the right because we have not yet connected to a server. To connect to a remote host, you must supply the domain name, user name, and password. Leave the Port field blank unless you have been told that the typical default port has been changed. Since you often connect to the same server, there is a one-click command for re-connecting to the last server you used. One often uploads revised versions of a file that is already on the server. As a precaution, Filezilla will display this dialog if you are about to overwrite a file. Don’t just press OK without checking the dates and file sizes to be sure you want to proceded. File transfer progress is shown near the bottom of the screen. Host and account Filezilla screen layout FTP commands, the clientserver conversation Local directory listing Remote directory listing Pending transfers and transfer progress are shown in the window at the bottom of the screen. In this figure, only one file is being transferred, but you can configure Filezilla to transfer several files. Pending transfers and progress The user interface is flexible. You can adjust the screen layout. You also decide which windows to hide or display. Window sizes are adjustable We have shown this screen layout in the presentation, but the user interface can be adjusted. For example, Windows can be displayed or hidden You can hide or display windows using the View command. I’ve hidden the status window at the bottom of the screen in this example. As a Web developer, I keep a duplicate or mirror copy of my site on both the Web server and my laptop. A mirror copy A Web developer keeps a mirror copy of the site his or her client system and on the server. You make changes or create new pages on the client, then upload them to the server. That way you can debug quickly, even if you are not online. You also have a backup copy of your Web site on your development machine and a backup of the development machine on the Web site. If one is destroyed, it can be restored with a single FTP upload or download. We’ve seen the purpose of FTP and covered its operation. Summary FTP is a well established Internet protocol, and Filezilla is a well-known FTP client. We looked at the Filezilla user interface, as shown in this wire-frame diagram, and saw how to connect to and transfer files to a server. Self study questions Self study questions 1. Will a Filezilla client work with any FTP server program or must the server be running the Filezilla server? Explain your answer. 2. We summarized the Filezilla user interface with a wire-frame diagram. Can you reconstruct it from memory? 3. Would a Web developer typically be transferring files to a server or from a server? 4. When would a Wed developer want to transfer a file from the server to his or her client? 5. Explain why a Web server would also need to run an FTP server? Where to get Filezilla. Where to get Filezilla • http://sourceforge.net/ – Sourceforge is a repository with thousands of open source programs – The Filezilla page on Sourceforge • http://portableapps.com – A repository of portable software you can use from a flash drive – Portable Filezilla download Links Links Filezilla user’s guide: http://wiki.filezilla-project.org/Using Filezilla FAQ: http://wiki.filezilla-project.org/FAQ Filezilla tutorial videos: http://www.5min.com/Tag/filezilla?CategoryID=0 Other open source FTP clients: http://www.techsupportalert.com/best-free-ftp-client.htm
