Tutorial for Firefox and FireFTP

1
Tutorial for Firefox and FireFTP

• Downloading and Installing Firefox on Windows
• Downloading and Installing Firefox on Mac
• Installing FireFTP
• Using FireFTP

2
Installing Firefox for Windows

• Click the link www.getfirefox.com in this page or
  type the address into your current web browser

• Click the download button and hit save. Choose a
  location on your computer to save the file
  (desktop is good). This will download the setup
  file.
• Once it is downloaded, run the setup file by
  double clicking the icon. It will now take you to
  the setup welcome screen.

Note If at any point you get a pop-up message
asking if you want to continue downloading or
running the application, tell it to continue.
3
Installing Firefox for Windows cont...

• Once you are in the welcome screen, it will ask
  what setup type you want installed, make sure
  standard is selected and click next.

It will now install Firefox. The welcome screen
will let you know when it is finished installing.
Once it is done, click the finish button to close
the setup application.
4
Installing Firefox for Mac

• Follow this link to the download page
  www.getfirefox.com or type it into the address
  bar of your Internet browser

• Click on the download button, and
• the disk image (dmg) file will
• automatically download to your
• desktop.

• When you are asked if you want to continue, tell
  it to continue

• Once the download has completed, the dmg file may
  open a new Finder window by itself. If it does
  not, double-click the Firefox dmg icon to open
  it.

5
Installing Firefox for Mac cont...

• This Finder window shows us the contents of the
  disk image,
• which is the Firefox application.

• Open a 2nd finder window, and go into
• your Applications folder. Click the
• Firefox application and drag it into your
• Applications folder. That's all you need
• to do to install
• You can also drag and drop the
• Firefox application into your dock

6
Installing Firefox for Mac cont...
The last thing you need to do is eject the disk
image that is still sitting on your desktop. You
can do this by right clicking the icon, and
select 'eject'.
7
What is FireFTP?
FireFTP is an add-on for Firefox. In other words
a program that you can add as a tool to your
Firefox browser. You must have Firefox installed
first if you want to install and use FireFTP.
What Does it Do?
FTP stands for File Transfer Protocol. An FTP
program, such as FireFTP, is used to transfer
files from one computer to another across the
Internet. You will be using FireFTP to upload
the website files you made on your computer to
your account on the University of Guelph server.
This will make your website viewable on the
Internet.
This is only for students registered with the
university (enrolled through Web Advisor). Open
Learning students do not have an account on the
UoG server and instead submit their web files
through here http//www.open.uoguelph.ca/guestweb
sites
8
Installing FireFTP
FireFTP works on all operating systems and the
instructions are also the same

• Open FireFox. In the menu bar go to tools and
  select addons

• In the window that opens go to Get Add-ons type
  fireFTP in the search bar. When fireFTP
  appears choose to add it to Firefox.

• You will be asked to confirm
• that you want to install the
• addon. Click install now.
• After FireFTP is finished
• installing you will be asked to
• restart Firefox. After that you
• are ready to use FireFTP

9
Opening FireFTP

• Open Firefox, and in the menu bar at the top go
  to Tools and select FireFTP. This will open
  FireFTP as a new tab in the browser. (When you
  run FireFTP for the first time an extra tab may
  appear with the developers home site. You can
  close this).

10
Using FireFTP
When you open FireFTP you will see that the
screen is divided down the middle. The left side
of the screen shows the file system on your own
computer. You can move around in it by clicking
the browse button and by clicking through the
folders. You want the folder with your html and
css files to be open in this window
The current folder that is open
Click browse to find the folder with your files
The contents of the current folder
11
Creating an Account

• Next we will create an account. The account
  stores all the information you need to connect to
  the University of Guelph server. Select the drop
  down the says 'Create an account'

Account Name You can give the account any name
you want Host must be general.uoguelph.ca, all
lower case the way it is shown Login and
password are the same as your central student id
and password (what you use to log in to webmail).
12
Connecting to the Server
FireFTP has saved your account info. Now whenever
you open FireFTP and want to connect all you need
to do is select the account name and hit connect.
Once it has connected successfully the file
folders from your account on the server appear in
this window
13
Adding the public_html Folder
Before we start transferring files, first make
sure that you have created a folder in your
directory named public_html. Your website will
work only if your files are in this folder.

• To create the folder
• Right click inside the window
• Select 'Create Directory' from the menu that
  appears
• Type public_html as the name of the new folder
  that appears (this must be typed exactly as it is
  shown here and all lower case, otherwise it will
  not work).

14
Uploading Files to the Server
Make sure you are in the public_html folder, and
now you are ready to transfer files from your
computer to the server
The file(s) should appear in your public_html
folder
Select the file(s) you want to upload
Click the upload button
Huzzah!
15
Downloading Files from the Server
Transferring files from the server to your
computer is done the same way, only you will
select the file(s) from your public_html folder
and use the download button instead
Once you are done transferring files, you can
disconnect from the server by clicking on the
disconnect button beside the account
16
Publishing Your Website

• Before you will be able to view the website
  you have uploaded, first you need to publish it.
  Publishing changes the permissions on your
  website allowing it to be viewed by the public.
• This only needs to be done once.

17
Publishing Your Website cont...

• Mac Users Go to the Applications_Utilities
  folder and open a terminal.

18
Publishing Your Website Cont...

• Windows Vista Users you will first need to
  install telnet

Go to the start button -gt Control Panel. In the
Control Panel click Programs and Features, then
click Turn Windows Features on or off. Check
the Telnet Client option and hit ok. If you
are asked to confirm this action, hit ok.
Next, to open a cmd terminal select Start, and in
the Start search type cmd into and hit enter.
19
Publishing Your Website cont...

• Windows XP Users Click the Start button,
  then run. In the text box that pops up type cmd
  and hit enter.

20
Publishing Your Website cont...

• You should now have a terminal window open.
  The terminal allows you to type commands to the
  computer. You need to type the following command
  (at the end of a command hit enter)
• telnet general.uoguelph.ca
• It will now ask you for a login and password.
  These are the same as your central student id.
  You have now logged into your account on the
  university of Guelph server through the terminal.
  Now you need to type the command
• cd public_html
• And then
• publish
• Once that is done you have published your
  webpage. Type the command
• quit
• to log out

21
Example of the Terminal Commands
22
Viewing Your Website
Open up Firefox and in the address bar type
www.uoguelph.ca/your student id
Your index.html will be opened in the browser. Be
sure to re-check all your links and pictures once
your site is online
Welcome to my website!