Homework Assignments

Homework 3

In this assignment you are to create a registration form for our Website. Your form will consist of three (3) sections (fieldsets): personal information, account setup, and survey.

Personal Information

The personal information section of your form should contain the following inputs:

Field Name Field Type Description
First Name Textbox  
Last Name Textbox  
Street 1 Textbox  
Street 2 Textbox  
City Textbox  
State Drop Down Menu Should contain 5 states incl. CA
Zip Textbox Size = 5, max # of chars = 5
Phone (Area Code) Textbox 3 chars max
Phone (Prefix) Textbox 3 chars max
Phone (Suffix) Textbox 4 chars max
Gender Radio One button for male, one for female

Account Setup

Field Name Field Type Description
Username Textbox  
Password Password  
Confirm Password Password  
Valid Email Textbox  
Confirm Email Textbox  


Field Name Field Type Description
Ask user how they heard of the site Multi-Select Box of size 3

Options should be:

Word of Mouth

Ask the user to subscribe to weekly newsletter Checkbox  

All form elements (labels, inputs, fieldsets, etc...) should be aligned to the center of the page, and all inputs and labels should be aligned with each other with the exception of the Phone input and newsletter checkbox

Your page should use an external style sheet for all styling. The text of your page should be different from the default text, and your page should utilize a color scheme different than the default.

Optional Criteria

You can optionally include an image (Logo) for our Website. This logo should appear above your form.

You can also include a background image if it adds to the overall look and feel of your page.


1.8% - All form elements are present
0.3% - All fieldsets are present
1% - All inputs are aligned (excluding exceptions)
1% - All labels are aligned
0.2% - Font is not the default font
0.2% - Color scheme other than the default (and the scheme used in class) is used.

February 22, 2010 - 11:59pm

Homework 2

In this assignment you are to convert the Website that you created in Lab 1 into a set of pages with the following layout:

Homework 1 Layout

Each page should have the same header, footer, and set of links. The only content that should change from page to page is the "Page Specific Content".

You must use tables to layout your Webpage, and the "style-changing-links" should appear at the top of every page in the header section. Also, your pages should contain the same look and feel as your previous assignment.

NOTE: When deploying to CS1, you should never overwrite any of your old assignments/files. Instead, create a new folder on CS1 for each assignment.

As usual, to receive credit you must 1.) Deploy your working pages on CS1, 2.) Upload all source files to CSNS, and 3.) Upload an Assignments.html page linking directly to your working site on CS1 to CSNS.


3% of overall grade

Due by February 3, 2010 - 6:10pm

Homework 1

In this assignment you are to create an 'about me' page that describes several aspects about you. You can think of this assignment as a way of introducing yourself to those who read your page. Specifically, your page should have the following:

  • A title. The title should read CS120 - LastName, FirstName - About Me
  • Your name in a font bigger than all other text on the screen, centered and in bold at the very top of the page
  • An e-mail link centered below your name
  • The following five (5) headings:
    • Education
    • Work Experience
    • Hobbies
    • Something Interesting About Me
    • Favorite Websites
  • Below each of these headings should be, at least, one (1) paragraph. Each paragraph should be a minimum of four (4) sentences long. Each paragraph should be a description of the corresponding heading as it relates to you.
  • Below your last paragraph should be an ordered list of hyperlinks to your top five (5) favorite Websites. The text of these links should be the name's of the sites, not the URLs.
  • A minimum of four (4) logical style tags should be used in your Webpage.
  • A minimum of four (4) physical style tags should be used in your Webpage.


0.1% - Page Title
0.2% - Name correctly formatted
0.2% - E-mail link
0.5% - Five (5) Headings
0.5% - Five (5) Paragraphs
0.2% - Five (5) Hyperlinks
0.4% - Four (4) Logical Style Tags
0.4% - Four (4) Physical Style Tags

Total: 2.5% of overall grade.

To receive credit for this assignment you must:

  • Upload your html file to the CSNS Website.
  • Deploy your HTML file on the CS1 Server.
  • Upload an "Assignments.html" file to CSNS containing a direct link to your assignment on CS1.

If you do not follow these directions you will receive a grade of zero (0) for the the assignment.

Due by January 15, 2010 - 11:59PM

Homework 0

Throughout the quarter we will be using Notepad++ to develop our Webpages. In this assignment you are to download Notepad++ and install it on your home PC. You can download Notepad++ here. Be sure to download the file named npp.5.6.4.Installer.exe. Mac users will have to download an alternative html editor. One suggestion is Taco HTML Edit. Another is Smultron, although it is no longer under development.

Also, if you have not already done so, you must register on the Computer Science Network Services (CSNS) Website. Every assignment, including a portion of your midterm and final will be submitted online using this system.

This quarter we are fortunate to have access to a Web Server on which we can deploy our Webpages. You will receive a username and password for your individual account during the first lab section. Along with your username and password will be instructions on how to login to the CS1 server. To do so you will need a FTP program. If you do not already have a FTP program you can download a free client here (PC) or here (Mac). Aside from submitting your assignments to CSNS, you will also be responsible for deploying your projects to the provided live Web Server.

I may need to contact you regarding assignment updates, class meetings, and other important subject matter. To do so I will send out e-mails as well as post updates to our Class Website. To facilitate the e-mail contact you are required to submit a valid e-mail address to the Class Roster Website. This should be an e-mail address that you check regularly.

The Class Roster Website also allows you to specify whether you would like to be included in a distributed class roster. If so, you have the option of including your e-mail address and/or telephone number. Note that only the students who opt to include their information on the list will receive a copy of the course roster. Students who do not wish to include their information will not receive a copy. The copy will not be available for download via the Course Website. Instead, it will be distributed via e-mail. You are not required to participate in the class roster, but you are required to completely fill out the form. All fields are required unless otherwise specified.


(1% of overall grade) - Class Roster

Due by January 4, 2010 - 11:59pm


CSNS All files must be submitted to CSNS prior to the due date/time.