HP003/004.05 HP003/004.06 HP25201
Web Site Help Guide
Step One: Creating Your Webspace
Step Two: Getting Our First Web Page
Step Three: Making Our First Web Page
Step Four: Uploading Our Page Via FTP
Step Five: Making A Second Web Page
Step Six: Backgrounds, Links, and Color Schemes
Step Seven: Inserting Images Correctly
Step Eight: Tables
Fin: Conclusion and Tips
Bonus Page: Connecting to FTP via Dreamweaver

Step Four: Uploading Our Page Via FTP

Please Note: This guide is for Windows-users only. If you have a Mac you will have to go to this page to upload your files according to my directions. If you don't have a Mac, keep reading!

 

Uploading your content to your webspace is very simple. Just follow these steps:

1. Open up your web browser.
2. Remove all the text in the URL field (the part that says the web address)
3. Type in the following, pressing enter afterwards: ftp://www2.bc.edu
(you can even just copy it from this page and paste it into your address field.

4. You should now be prompted to enter a "user name" and a "password". Type in the name you use to log into the Agora, and use your Agora's password for the password field. Then press enter. If you want to save this information so you don't have to type it in everytime you connect to FTP check the "save password" box.

5. You should now see two things appear, a folder called "www" and another file called ".login" or something like that.
6. Doubleclick the "www" folder to enter it. This is a very important step! If you don't enter the www directory your files won't appear on the Internet!

 


7. We're done! Now just navigate to the exact location where you saved your html page (if you don't know where, go to File --> Save As in Composer to see), Copy it, and then Paste it into the www folder. That is how you upload your files, if you wish to download something off your webspace you just have to select the files you want, right click, and select "Copy to Folder..."


Your file should now be up there, just make sure that you either deleted or overwrote the old "default" page or yours won't display. Wanna check to be sure? Open up Internet Explorer or Netscape or whatever you use to browse the Internet. In the address box, punch this in: http://www2.bc.edu/~[username], where [username] is the name you use for the Agora (my site address for example is http://www2.bc.edu/~gritzb). I'll demonstrate with my page:

It's alive! Yours should be too. But, look where the mailbox picture used to be, see that funky thing? That's a "broken image" link, meaning that the picture file is not where you told the html to look for it. But we can fix that easily. Go back to where you saved your html page. Did you notice that besides the default.html file, there was another file, called "mailbox_street.gif"? Well select that, and copy it over to your webspace like we did with the html page.

Now refresh/reload your browser and the page should now display the mailbox image. The reason why I didn't have you just upload both files at once is that often times people don't know that in order for your webpage to work correctly all files must be in the right spot in the webspace. In other words, you can't have picture files and whatnot on your computer but not the webspace and expect it to work correctly.

Anyway, that's it for the basics of getting your page online. The next couple of sections will go over all the other things you may want to use in constructing your page, like inserting picture files, making tables, etc. But feel free to mess around in Composer yourself and see if you can figure out how to get it working on your own, it always is better to get things done yourself. But remember to keep a backup!
 
 

[Previous Page]                              [Next Page]