GENERAL STUDENT INFORMATION

School of Art, Design and Media

Copyright © UWL 2012


Uploading to a web server


On this page:


Define Site using Dreamweaver CS5.5 - important!

Whenever you use Dreamweaver, you should 'define a site' when you first start it up. This feature defines where the 'root folder' is located on your hard drive and allows Dreamweaver to maintain access to your files and update any changes that occur. On a single-use computer, such as one you use at home, the site definition would be remembered by the program, but in a networked system you may have to redefine the site each time. (All your files will be intact, it's just the site definition which must be re-entered.)

  1. (First time only) Create a root folder on your hard drive with a suitable name (e.g. Mysite) or decide which of the existing folders you are going to use.
  2. In Dreamweaver, choose Site > New Site. The Site Definition dialog box appears.

    local definition
  3. In the Site Name box, enter a descriptive name for your Dreamweaver site. You can make this up.
  4. In the Local Site Folder box, specify the folder you created in Step 1 (you can browse to it using the icon on the right).

If you want to upload your pages to our web server, which is called 'ellington', you have to enter some remote info as well as the local info you have been entering up to now.

Click on the 'Servers' button and the '+' symbol as below:

add server

The screenshot below shows the information you need to include:

remote details

Server Name: enter 'ellington'

Connect using: select 'SFTP'

SFTP Address: enter 'ellington.uwl.ac.uk'

Root Directory: enter 'sites'

Username: as provided to you by your tutor (normally your full name with no spaces)

Password: as provided to you by your tutor (normally your student number)

Uploading

Now you have told Dreamweaver where your local files are and where your remote files are going to be.

In the 'Files' panel, click on the 'expand' button expand and you'll get a window like this (if it's not there already):

site files

The left-hand panel shows the remote (server) files; the right-hand panel shows the local files. Connect to the remote server by using the connect button button. (It is at this point that an error message will appear if your connection details are incorrect. Check the entries in the 'server' dialogue box; if they appear to be correct you may need to contact technical support.)

To transfer files from local to remote (upload) simply drag-and-drop from right to left, or use the 'Put' button (up arrow).

What to upload

All your web pages (.html files) should be uploaded, together with any dependent files (images, sound files, Flash movies, etc.). Dreamweaver is normally set up to automatically include dependent files, but it's worth checking to make sure this has happened.

Remember that any directory structure used locally must be replicated on the server. For instance, if all your images are held in a folder called 'images' locally, you must create a similar folder on the server and put all your images into it.

Viewing your pages

You should always check that your pages are actually viewable on the internet. To do this, go to the ellington website at http://ellington.uwl.ac.uk . After the 'uk' bit enter your username preceded by a '~' symbol. (e.g. if you are JohnSmith, enter http://ellington.uwl.ac.uk/~JohnSmith).

If you have uploaded a file called 'index.html' it should appear immediately. If not, you need to enter the filename at the end of the 'address' box at the top of the screen.

For example, if your login is 'JohnSmith' and your main page is called "mypage.html", the address box should read:

http://ellington.uwl.ac.uk/~JohnSmith/mypage.html

To be absolutely sure that your pages have all uploaded correctly, you should check them using a different machine to the one you were using for development, preferable one outside UWL.

Uploading from elsewhere

If you want to upload files from home, and you do not have Dreamweaver, you will need an FTP Client Program. You can download a free one from www.internet-soft.com/ftpcomm.htm. You will need to set it up with the same details for remote access as above.

Please note that although in theory it is possible to upload to UWL from anywhere, in practice security constraints mean that you may not be able to. In these cases the only solution is to come into UWL and do it from here.top


If using CS4 start here

To define or redefine a Dreamweaver local root folder in CS4:

  1. (First time only) Create a root folder on your hard drive with a suitable name (e.g. Mysite) or decide which of the existing folders you are going to use.
  2. In Dreamweaver, choose Site > Manage Sites > New > Site. The Site Definition dialog box appears. Choose 'Advanced' rather than 'Basic'.

    site definition - local
  3. In the Site Name box, enter a descriptive name for your Dreamweaver site. You can make this up.
  4. In the Local Root Folder box, specify the folder you created in Step 1 (you can browse to it using the icon on the right).
  5. If you want, complete the other options in the Local Info category (they are not required to make the site work).
  6. Dreamweaver creates the initial site cache, and the new Dreamweaver site appears in the Site panel
  7. You are now ready to create the files for your site. Save your first HTML page in the root folder.

Note: All files must be saved in your root folder or in a subfolder inside it.

Uploading to 'ellington' using Dreamweaver CS4

If you want to upload your pages to our web server, which is called 'ellington', you have to enter some remote info as well as the local info you have been entering up to now.

The screenshot below shows the information you need to include:

site definition - remote

Access: select 'FTP'

FTP Host: enter 'ellington.uwl.ac.uk'

Host Directory: enter 'sites'

Login: as provided to you by your tutor

Password: as provided to you by your tutor

Now you have told Dreamweaver where your local files are and where your remote files are going to be.

In the 'Files' panel, click on the 'expand' button expand and you'll get a window like this (if it's not there already):

site files

The left-hand panel shows the remote (server) files; the right-hand panel shows the local files. Connect to the remote server by using the connect button button. (It is at this point that an error message will appear if your connection details are incorrect. Check the entries in the 'remote info' dialogue box; if they appear to be correct you may need to contact technical support.)

To transfer files from local to remote (upload) simply drag-and-drop from right to left, or use the 'Put' button (up arrow).

What to upload

All your web pages (.html files) should be uploaded, together with any dependent files (images, sound files, Flash movies, etc.). Dreamweaver is normally set up to automatically include dependent files, but it's worth checking to make sure this has happened.

Remember that any directory structure used locally must be replicated on the server. For instance, if all your images are held in a folder called 'images' locally, you must create a similar folder on the server and put all your images into it.

Viewing your pages

You should always check that your pages are actually viewable on the internet. To do this, go to the ellington website at http://ellington.uwl.ac.uk . After the 'uk' bit enter your username preceded by a '~' symbol. (e.g. if you are JohnSmith, enter http://ellington.uwl.ac.uk/~JohnSmith).

If you have uploaded a file called 'index.html' it should appear immediately. If not, you need to enter the filename at the end of the 'address' box at the top of the screen.

For example, if your login is 'JohnSmith' and your main page is called "mypage.html", the address box should read:

http://ellington.uwl.ac.uk/~JohnSmith/mypage.html

To be absolutely sure that your pages have all uploaded correctly, you should check them using a different machine to the one you were using for development, preferable one outside UWL.

Uploading from elsewhere

If you want to upload files from home, and you do not have Dreamweaver, you will need an FTP Client Program. You can download a free one from www.internet-soft.com/ftpcomm.htm. You will need to set it up with the same details for remote access as above.

Please note that although in theory it is possible to upload to UWL from anywhere, in practice security constraints mean that you may not be able to. In these cases the only solution is to come into UWL and do it from here.

top


Valid XHTML 1.0 Transitional