Goals
- Install the necessary software tools for the class.
- Set up your UW website, which will serve as your online portfolio.
Setting Up Your UW Website
Step 1: Activate your UW shared web hosting
- Visit uwnetid.washington.edu
- Click on "Computing Services" on the left sidebar
- If under "Inactive Services", check the box next to "Dante/Vergil Account"
- If under "Inactive Services", check the box next to "Student Web Publishing"
- Click "Subscribe"
Step 2: Browse to your website
- Open a browser and visit
http://students.washington.edu/<UWNetID>/
, replacing <UWNetID> with your own UWNetID - You should see a page with some text and an under construction icon
Step 3: Connect to the server using SSH
- Open Cyberduck
- Click "Open Connection" in the left-hand corner
- Select SFTP (SSH File Transfer Protocol) in the drop-down menu at the top
- Type in
vergil.u.washington.edu
as the server name - Enter 22 as the Port number
- Enter your UWNetID as your username
- Enter your UWNetID password as your password
- Click "Connect"
- If you get an unknown host key popup, click "Allow"
Step 4: Edit your index.html
file
- Double click the
public_html
folder - Right-click on
index.html
and choose "Edit with > Brackets" - Change some of the text on the page, sharing details about yourself or why you are taking this class
Step 5: Add an image of yourself
- In the Cyberduck window, click the gear icon (Action) and select "New Folder..."
- Name your new folder "img", which is short for images
- Double click into the
img
folder - Drag an image of yourself into the Cyberduck window to upload it to the
img
folder - Go back and edit
index.html
and change one of the images on your site to be the picture of yourself:- To get full credit, it must be an image stored on your server space and not a web image
- You will need to change the
src
field within theimg
tag in the HTML to beimg/<image name>
, where <image name> is the name of the image file you just uploaded (e.g.<img align=left src="img/justin.jpg">
) - Your TA will better explain how to do this - ask for help if you need it!
Note: More resources can be found at: https://itconnect.uw.edu/connect/web-publishing/shared-hosting/
Submission
- Your website displays a picture of you that is stored on your UW server space.
- Your website contains information about yourself and why you are taking CSE120.
- Your website is styled correctly with
html
,head
,body
,title
, and paragraph (p
) tags. - Submit your website URL to the Canvas assignments page for this lab.