CMPE 003 Assignment 2
This assignment will
be out of 1000 possible points.
- THIS NEEDS TO BE HAND EDITED, NOT MADE
USING A WEBPAGE GENERATOR (we can tell the difference)
- DO NOT USE MICROSOFT WORD – the page
will likely not come out correctly, or Word will alter your code for you
and count as a Web Page Generator (see above)
- BE CAREFUL OF EMAILING YOUR HTML TEXT – some students do this to
transfer their html from one computer to another, and many mail programs
automatically convert this code to another format
- If you are using a Macintosh, you may
have problems generating plain text.
Using a PC is recommended, but if you only have access to a Mac,
here are some useful
will need a Secure File Transfer Program (SFTP) to upload your webpage.
or Mac users can use the free SFTP program “FileZilla”. Here’s a link to instructions.
Users may find it easier to use the 15-day trial version of the SFTP
a basic web page accessible in your Personal Webspace
directory, and upload it to eCommons . Upload your file “index.html”
containing the following mandatory elements (100 points each):
- Title .
background (not the default).
"mailto" link to receive mail from people.
working link to some other site.
text of at two different sizes (h1, h2, etc.) (50 points each)
face text and italicized text. (50 points each)
horizontal line across the page, otherwise known as a “Horizontal Rule.”
lists: one ordered (using numbers) and one unordered (a bullet point
list). (50 points for each)
picture of yourself, family pet, or other photo
unique to you.
- A tip
for creating a list: Maybe you could list the classes you've taken. This
also gives you a good place to put a link (like the page for this class)
instructor has created his own sample
web page. This does NOT
include every requirement for Assignment 2, but will demonstrate many of
the basic principles you’ll be building on.
the file index.html to the Assignment 2 section of eCommons
– you must do this IN ADDITION to making the web page publicly accessible.
will need to upload the index.html file to your UCSC Personal Webspace directory. You may also want to upload any pictures
- To Upload these files, you will need to use a secure file
transfer program (SFTP), and set up your personal webspace.
you upload the index.html file to your UCSC account directory "public_html", check that the file is publicly
readable by viewing it online. Your URL will be
“http://people.ucsc.edu/~username” [replacing “username” with your cruzmail ID]
Windows or Mac users can download the free SFTP program
Macs, I recommend the free 15-day trial version of the program Fetch.
Windows, Open a plain text file, using Notepad (Available from
Start>Accessories>Notepad) or the more versatile program Textpad, available for free download.
If Using Notepad:
If Using Textpad:
name is index
as type (Web Page, HTML only)
names it index.html now, which will save time later
your web page (covered in class, there are also many, many web page
tutorials available online) Feel free to use the sample web page as an
.html file needs to be hand edited, not generated
by a program. Webpage-generating programs create distinctive HTML commands
that make it tremendously obvious if you don’t write the code
yourself. You will likely receive a
ZERO on the assignment if you use a webpage generator.
can view the HTML source text of the sample web page by selecting
View>Source on your web browser.
can also use File>Save As> to save the sample web page to your
desktop, and use a text editor to look at the HTML source text.
picture, upload one from a digital camera, or transfer one of your
existing digital photos
the web page
the reload button
the photo file(s) to your Personal Webspace
it to your hard drive
the file with no spaces (you’re uploading this to a system that doesn’t
always handle blank spaces correctly)
is a bad filename.jpg
the use of the _ symbol.
the link to the photo in your web page, and test that it shows up.
your web page to your Personal Webspace
your picture into your public_html directory
Upload the picture to your public_html
directory BEFORE adding the photo link to your web page. Frequently, students accidentally have
their HTML page pointing to a picture residing on their home computer –
so it shows up fine on their home computer, but doesn’t show up on the
Internet (which is our goal).
that the web site works
index.html into your public_html directory
your web page address
EXTRA CREDIT (100 points total)
your web page to the UCSC Directory of
Personal Web Pages (100 pts).