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 suggestions.
INSTRUCTIONS:

You will need a Secure File Transfer Program (SFTP) to upload your webpage.
Windows or Mac users can use the free SFTP program “FileZilla”. Here’s a link to instructions.
Mac Users may find it easier to use the 15-day trial version of the SFTP program “Fetch”

Generate 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 .
Colored background (not the default).
A "mailto" link to receive mail from people.
A working link to some other site.
Header text of at two different sizes (h1, h2, etc.) (50 points each)
Bold face text and italicized text. (50 points each)
Centered text
A horizontal line across the page, otherwise known as a “Horizontal Rule.”
Two lists: one ordered (using numbers) and one unordered (a bullet point list). (50 points for each)
A 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)
Your 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.
Submit the file index.html to the Assignment 2 section of eCommons – you must do this IN ADDITION to making the web page publicly accessible.
You will need to upload the index.html file to your UCSC Personal Webspace directory. You may also want to upload any pictures you’re using.
To Upload these files, you will need to use a secure file transfer program (SFTP), and set up your personal webspace.

Once 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]

getting started

In 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:

Create 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 example.

You can view the HTML source text of the sample web page by selecting View>Source on your web browser.
You 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.

The .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.
To view changes

Scan a picture, upload one from a digital camera, or transfer one of your existing digital photos

Save the file with no spaces (you’re uploading this to a system that doesn’t always handle blank spaces correctly)

Save your picture into your public_html directory
Advice: 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).