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.eduas 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_htmlfolder - Right-click on
index.htmland 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
imgfolder - Drag an image of yourself into the Cyberduck window to upload it to the
imgfolder - Go back and edit
index.htmland 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
srcfield within theimgtag 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.