Personal Web Space Tutorial
Every student, faculty member, and staff member on campus has their own personal web space. If you are interested in creating a personal web site using the space given to you by SIUE, please go through the following tutorial and contact the campus web administrator at [email protected] if you should have any questions.
Your personal web space is located at http://www.siue.edu/~your-e-id-here
For example, if your e-id is jdoe your site would be located at http://www.siue.edu/~jdoe
To create a web page, you can use any number of web editors out there (some cost money such as Adobe Dreamweaver). A free program that you can use is SeaMonkey. You can find a SeaMonkey tutorial here:
http://www.siue.edu/its/web/seamonkey/
The first page you want to show up when people visit your site will always be named index.html. If you create any directories, the first page in that directory will also need to be named index.html. This way the web server knows what to look for. Your page could have another extension besides .html, but for this tutorial we will stick with that.
Once you have your index page ready to go, it's time to put it up on the web server and check it out. You will need to use an FTP program, such as WS-FTP for Windows, Cyberduck for Mac, or FileZilla for any platform, to put your page on the server.
WinSCP can be downloaded for free here:
https://winscp.net/download/WinSCP-5.15.9-Setup.exe
Cyberduck can be downloaded for free here:
https://cyberduck.io
FileZilla can be downloaded for free here:
http://filezilla-project.org/download.php?type=client
IMPORTANT NOTES:
After connecting via SFTP...
- Make sure you put all of your site files in the 'html' directory of the server.
- Make sure your home page is called 'index.html' and is not buried inside a folder...it needs to be immediately inside the 'html' folder on the server.
- Make sure your file structure and heirarchy are the same on the server as they are on your computer.
Organization of Web Files
- Store all website files locally in a folder. Don’t scatter your files all over your computer.
- Folder hierarchy must be the same locally as it is on the web server.
- Your home page should be called “index.html”.
- Do not use .htm extensions.
- Do not use uppercase in your file names. Keep your file names all lowercase with no spaces.
- All website files must be inside the “html” directory on the web server.
- Your home page (index.html) should be directly inside the “html” folder and not inside any other folder on the web server.
WinSCP SFTP:
Settings to connect:
- File Protocol: SFTP
- Host Name: cougar.isg.siue.edu
- Port Number: 22
- User Name: 'your-eid'
- Password: ‘your-e-id-password’
- Click: ‘Login’
- Click ‘OK’ on the ‘Unknown Host Key” window if you receive it.
- Once connected, you should see folders & maybe files displayed in the right panel of WINSCP.
Dreamweaver SFTP:
- Make sure that the “Files” window pane is showing.
- Under the pulldown menu
- Choose: “Manage Sites”
- Then click the “New Site” button
- Under the “Site” tab:
- Site Name: Name your site anything you want
- Local Site Folder: Browse to the folder where your website files are
- Under the “Servers” tab:
- Click the “+”
- Server Name: SIUE Personal Space (or whatever you want)
- Connect using: SFTP (FTP cannot be used while on the SIUE-WIFI wireless network at SIUE)
- SFTP Address: cougar.isg.siue.edu
- Port: 22
- Username: Your e-ID
- Password: Your e-ID password
- Root Directory: html
- Web URL: www.siue.edu/~YOUR E-ID
- Click “Save” and then “Save” again
- Then “Done”
- Click the “Connect” button on the “Files” window pane.
- You can toggle back and forth between the “Remote Server” and “Local View”
- To upload files:
- Choose “Remote Server” from the pulldown.
- Select a directory or file or files and click the up arrow to.
- To download files:
- Choose “Local View” from the pulldown.
- Select a directory or file or files and click the down arrow.
Filezilla SFTP
- Open FileZilla
- Click the Upper left icon (Site Manager)
- Click “New Site”
- Under the “General Tab”:
- Host: cougar.isg.siue.edu
- Port: 22 (apparently can also be left blank)
- Protocol: SFTP (FTP cannot be used while on the SIUE-WIFI wireless network at SIUE)
- Logon Type: Normal
- Username: your e-id
- Password: your e-id password
- Under the “Advanced Tab”
- Browse to point to your local website folder
- Default Remove Directory: /staff/YOUR e-ID/html
Cyberduck SFTP
- Open Cyberduck
- Click on "Open Connection" and enter the following information:
- Under the “Protocol” pulldown: SFTP (SSH Secure File Transfer) (FTP cannot be used while on the wireless network at SIUE)
- Server: cougar.isg.siue.edu
- Username: Your e-ID
- Password: Your e-ID password
- Under “More Options:
- Path: “html”
- Click "Connect”.
