First: create a new site

Basic steps

These are the basic steps you should take. Each step is described in detail below.

Install an FTP client.

Setup the connection

Upload files.

1. Install an FTP client

To transfer files from your computer to a website (this is often called 'publishing'), you need an FTP client like FileZilla.
Install this app on your computer.

Make sure you have the latest version

If you have installed FileZilla more than 2 months ago, check if you have the latest version via Help > Check for Updates.

2. Setup the connection

Start FileZilla and choose File > Site Manager from the menu. Click the button New Site to add a new site. On the left, you can change it's name to anything you like.
Then, fill in the connection details as indicated below.

1) Host:

portfolio.cr.utwente.nl (or portfolio.id.utwente.nl if you are an Industrial Design student)

2) Protocol:

SFTP

3) Logon Type:

Normal

4) User & password:

Username and password of your student-account (do NOT use the database-password here!).

Press Connect to save the connection settings and make the connection.

Reconnect

You can connect quickly from the Site Manager dropdown:

3. Upload files

To upload your files:

On the remote site (right side), browse to the folder which contains your site: public_html

On the local site (left side), browse to the folder on your computer which contains your webpage(s)

On the local site (left side), select all files (shortcut: CTRL+A)

Upload: right-click on selection, choose Upload or simply drag the selection to the right side

Important: your first page (homepage) should have the name index.html or index.php

For your site-address to work, your site should have an index-file:
your first page (homepage) should have the name index.html or index.php.
Filenames are case-sensitive. Use only lowercase characters for index-files.

FileZilla tip: save folder locations

If you use FileZilla a lot, you might become tired of always having to browse to the folders (step 1 & 2).
You can set default folders in the settings:
choose File > Site Manager from the menu and go to the tab "Advanced". There you can set the 'Default local directory' and 'Default remote directory' so these settings are retained.