Today you will practice the following:
Your goal is to create a web page about Wellesley college. You can choose any aspect of the college or your college experience to write about.
The contents of the page are not important for this lab. What's
important is that you get practice with links, images, relative URLs and
uploading your work to the
We have a collection of images that you can use for this lab:
First create a folder named
lab2 on your Desktop (on your local computer).
lab2 folder, create a new folder called
store the images for your web page. Inside
images folder, create subfolders as you need them
(perhaps one folder called
places and another called
people that are both contained inside the
folder). Download the images that you want to use and place them
in the appropriate folder(s).
Call your web page
wellesley.html and save it in your
lab2 folder (same level as your
images folder). Your folders should
look like this:
Your page should contain the following:
imagesand the other in
When you are ready to upload your stuff to the server,
Fetch to upload your
lab2 folder to your
Note that you may upload only the images that you are using, but make sure you
preserve the folder/file structure (for instance,
should still be in the folder
people which is in the folder
images) so you don't have any broken links!
wellesley.htmldocument into the
wellesley.htmldocument in a browser again, locally.
wellesley.htmldocument, so you can see the images again. Test your document in a browser, locally.
documentsfolder to puma (the
lab2, and make sure you can view your new
wellesley.htmlpage, and the images it contains, over the Web.
wellesley.htmldocument, into the same level as
lab2, in your account. Then try to fix the link to that image within your
wellesley.html, so you can see the image again.
<link> tag you briefly saw in lecture?
<link> tag to your page, pointing to the CSS document we
use for the cs110 web pages.