Hosting Your Personal Website FET Webpage Workshop From

Hosting Your Personal Website FET Webpage Workshop - From Zero To Hero 1

About MMU Space [1/2] n n By default, each staff will get 500 MB space quota for personal files storage (including personal website) and 500 MB space quota for e-mails. If the staff ever exceed this quota limit, NTU will usually send him/her a warning e-mail. fetinfo@mmu. edu. my 2

About MMU Space [2/2] n n Staff is expected to clear up some files or e-mails to below the said quota limit within 3 days. If he/she fails to do so, NTU will have the right to erase any of his/her personal files or e-mails until the said quota limit is reached. fetinfo@mmu. edu. my 3

FTP Access [1/8] n n Launch your WS-FTP. Click the “New” button to make a new connection to the server. fetinfo@mmu. edu. my 4

FTP Access [2/8] n Give this connection a name, let’s say “MMU”. www 1. mmu. edu. my fetinfo@mmu. edu. my 5

FTP Access [3/8] n To access your account on the NTU server, please use the server name “www 1. mmu. edu. my”. www 1. mmu. edu. my fetinfo@mmu. edu. my 6

FTP Access [4/8] n The “User ID” is your webmail username, which is also known as UNIX username. www 1. mmu. edu. my fetinfo@mmu. edu. my 7

FTP Access [5/8] n Similarly, the “Password” is your webmail password, which is also known as UNIX password. www 1. mmu. edu. my fetinfo@mmu. edu. my 8

FTP Access [6/8] n Next, click the “Apply” button to save this connection with a profile name, “MMU”. www 1. mmu. edu. my fetinfo@mmu. edu. my 9

FTP Access [7/8] n Lastly, click on the “OK” button to launch this connection. www 1. mmu. edu. my fetinfo@mmu. edu. my 10

FTP Access [8/8] n n After you have saved a connection, you only need to select that profile when you login next time. Please note that, this connection is only accessible from MMU intranet. It is not accessible from other PCs on the Internet due to security reasons. fetinfo@mmu. edu. my 11

Screen Layout [1/17] n After you logged in, you should arrive at the screen below. fetinfo@mmu. edu. my 12

Screen Layout [2/17] n The main top part of the window is broken into two halves. fetinfo@mmu. edu. my 13

Screen Layout [3/17] n The left side is the ‘local system’. It shows files folder and drives on your computer system. fetinfo@mmu. edu. my 14

Screen Layout [4/17] n The right side is the ‘remote system’. It shows files and folders in your webspace on CITS webserver. fetinfo@mmu. edu. my 15

Screen Layout [5/17] n Both the local and remote systems have ‘path’ boxes at the top of them. fetinfo@mmu. edu. my 16

Screen Layout [6/17] n In each half, there are various buttons to perform different operations. fetinfo@mmu. edu. my 17

Screen Layout [7/17] n They are for changing or making directories; and viewing, executing, renaming or deleting files. fetinfo@mmu. edu. my 18

Screen Layout [8/17] n Besides, they are also for refreshing the list of files and getting information about the current directory. fetinfo@mmu. edu. my 19

Screen Layout [9/17] n File transfer buttons are the two buttons with arrows in the middle: one pointing left and one pointing right. fetinfo@mmu. edu. my 20

Screen Layout [10/17] n The file(s) being selected on one side can be copied to the other side by clicking on the relevant arrow. fetinfo@mmu. edu. my 21

Screen Layout [11/17] n These three options control the method used to transfer file. They are ASCII, Binary, and Auto. fetinfo@mmu. edu. my 22

Screen Layout [12/17] n This is the server messages window. It keeps all the messages transmitted back from the server. fetinfo@mmu. edu. my 23

Screen Layout [13/17] n The ‘Close’ closes a connection. The ‘Cancel’ button can stop an upload or download operation. fetinfo@mmu. edu. my 24

Screen Layout [14/17] n The ‘Log. Wnd’ button brings up a window with the server messages in it. fetinfo@mmu. edu. my 25

Screen Layout [15/17] n The ‘Help’ button activates the built in help documentation. The ‘Options’ button brings up the options screen. fetinfo@mmu. edu. my 26

Screen Layout [16/17] n The ‘About’ button brings up some information about the WS-FTP. fetinfo@mmu. edu. my 27

Screen Layout [17/17] n Finally, the ‘Exit’ button quits the WSFTP. fetinfo@mmu. edu. my 28

Creating Folder [1/4] n You must upload all your files in the folder “public_html”. If you do NOT have such folder, you must create it. fetinfo@mmu. edu. my 29

Creating Folder [2/4] n You may create a new folder in the NTU webserver by clicking on the ‘Mk. Dir’ button. fetinfo@mmu. edu. my 30

Creating Folder [3/4] n n Name that folder as “public_html”. Click the ‘OK’ button to confirm. fetinfo@mmu. edu. my 31

Creating Folder [4/4] n The folder “public_html” was created successfully. fetinfo@mmu. edu. my 32

Transferring the Files [1/8] n On your remote system, double-click on the “public_html” folder. You must upload all your files in this folder. fetinfo@mmu. edu. my 33

Transferring the Files [2/8] n n For the local system, you need to navigate until you have reached the directory which has the files that you want to upload. You can use the ‘Chg. Dir’ button to change the directory and drive. fetinfo@mmu. edu. my 34

Transferring the Files [3/8] n You may also use the green arrow which points upwards to move back up a level in your file structure. fetinfo@mmu. edu. my 35

Transferring the Files [4/8] n You must have a HTML file named as “index. htm” or “index. html”. This is the first page that the webserver will look for in your website. fetinfo@mmu. edu. my 36

Transferring the Files [5/8] n n First of all, you must highlight the files you want to transfer. You can select multiple files by using your SHIFT key and down click on the last file. Besides, you can use the CTRL key to select multiple files but individually. Otherwise, you may select each file individually and repeat the transfer process. fetinfo@mmu. edu. my 37

Transferring the Files [6/8] n Click on the file transfer button with arrow pointing to the right. fetinfo@mmu. edu. my 38

Transferring the Files [7/8] n If you highlighted a folder, a message window will be popped up. Click on the “Yes” button to proceed. fetinfo@mmu. edu. my 39

Transferring the Files [8/8] n You should arrive at the screen below. Click on the ‘Close’ button and finally click on the ‘Exit’ button. fetinfo@mmu. edu. my 40

Happy FTP’ing n n Practice makes perfect so just have a go. Happy FTP’ing! The End © 2006 -2011 FET-HPC, Multimedia University. All rights reserved. This presentation is for informational purposes only. Multimedia University makes no warranties, express or implied, in this summary. fetinfo@mmu. edu. my 41