| HP003/004.05 | HP003/004.06 | HP25201 |
|
|
||
| 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 | ||
Setting Up FTP with Dreamweaver
This short little guide will demonstrate how to connect your web work to your web site via Dreamweaver. Open Dreamweaver, and off the main menu go to Site--> New Site.

This will bring up a new screen with a lot of different options. You're going to want to enter the following information into the "Local Info" section of this Site Properties setup. Call "Site Name" whatever you want, like Honors Site or My Site or whatever. The "Local Root Folder" should be the folder where your web page files are, or where you are going to put them, like My Documents or something. Clicking the folder icon will let you navigate to the folder you want, or you can just type it in. The only other thing you are going to want to do here is with the "HTTP Address" field. Here type in your website address, which will almost definitely be http://www2.bc.edu/~username, where username is your Agora login ID. Leave the rest alone.

Next, on the left-hand side, click the option that says "Remote Info". This is where we have to be the most careful about our options. First, in the drop-down "Access" box, select FTP. Then, for "FTP Host" type in www2.bc.edu. Type this in exactly for the "Host Directory" field: /usr/users/username/www/, just change the username to your Agora login ID. The password should be your Agora password, and I would save it if you don't want to have to type it in every time you work on your webpage. Also, be sure to check the "Passive FTP" box. That should be just about it for configuration!

Alright, now after you press Ok you should screen something like the one below. The stuff on the left hand side is the location where you told Dreamweaver your website files or folders are located. If you made a blank folder, there probably won't be anything there :P But how do we see what's on the website?

The trick is this little button here, it's in the main toolbar,
. It's the button that will connect your computer to your web space online. If you click it, the computer should think for a moment, and then that button will turn to this:
. Now you should also see some stuff pop up on the right-hand side of the screen. This is all your current web site content! It may only be a default.html page for now, but I'm sure you'll be adding more to it.

That's pretty much it. The only other thing I need to talk about is how to upload or download your files. When you've completed a web page (and saved it into your web site folder on your computer!) you're going to want to put it on the web site itself, right? To do that use these two buttons:

They can be found next to the FTP Connect button I displayed earlier. It's pretty straightforward. Use the arrow pointing Up to "Put" files from your computer onto the web space, and use the arrow pointing Down to "Get" your files from the web space onto your computer.
That's just about it, happy designing!