MIS-280
Introduction to Internet Programming
Useful Links
Class Notes
Fiddles - October 21st
Quiz Reviews
Assignment One
For assignment one, due 9/23, one must replicate the below screenshot to
the best of their ability using valid HTML markup and CSS styling.
The requirements are as follows:
- All HTML markup must validate against the W3C Validator
- The declared width of the content area must be 600 pixels
- Use the "Sorts Mill Goudy" web font from the Google font directory
- The Wikipedia link located in the footer must link to http://wikipedia.org/
- One must use an external stylesheet
Handy Links:
To submit your assignment, please place your HTML document and stylesheet in a zip file with the following naming convention:
yourLastNameAssignment1.zip
For example:
camodecaAssignment1.zip
and email it to me at mis280.dropbox@gmail.com
If you submit your assignment and find that you have made a mistake, just email me a fixed version, I will only grade your latest submission.
Assignment Two
For assignment two, due 10/5, one must replicate the below screenshot to
the best of their ability using valid HTML markup and CSS styling.
Handy Links:
To submit your assignment, please place your HTML document and stylesheet in a zip file with the following naming convention:
yourLastNameAssignment1.zip
For example:
camodecaAssignment1.zip
and email it to me at mis280.dropbox@gmail.com
If you submit your assignment and find that you have made a mistake, just email me a fixed version, I will only grade your latest submission.
Midterm
Download the study guide
Midterm exam grades have been posted to Blackboard
Assignment Three
Assignment three, due 10/31, builds off the code of assignment two and adds a touch of jQuery. Below are the requirements:
- Add a click handler to the "Suggest" button of your form
- The click handler should take the values of the form (title, year, genre) and add them to a new row at the bottom of the table.
- The new row should have a ranking that reflects its placement in the table (e.g. the first time a user suggests a film, it will have the rank of "11")
- You must protect against blank entries and duplicate entries.
- Bonus: add a column to the table with a button in each row that reads "Remove", that upon clicking, will remove that row from the table, and the rankings will change accordingly
Assignment Three Help Page
Assignment Three Help Javascript code
Assignment Three Help CSS code
To submit your assignment, please place your HTML document and stylesheet in a zip file with the following naming convention:
yourLastNameAssignment1.zip
For example:
camodecaAssignment1.zip
and email it to me at mis280.dropbox@gmail.com
Final Project
The final project will represent a comprehensive application of all (or most) of the techniques we have learned thus far. The requirements are as follows:
- Have a "Home" page (index.html) that at the very least contains links to the other pages included in these requirements.
- Have a "Courses" page that contains information pertaining to your course work. For example, you can list courses you are currently enrolled in, courses you have
completed, and courses you still need to complete.
- Have a "Interests and Hobbies" page containing information pertaining to any interests you may have. For example, this page is a great place to contain your favorie movies list from Assignment 2
- Have a "Résumé" page that contains, well, your résumé
- Make use of a jQuery UI widget. E.g. an accordion or tabs.
- Create some functionality that makes use of a click-handler (jQuery)
- Style the content of your pages in a (somewhat) visually appealing fashion (although I will not grade on artistic ability, since I have none myself)
- Create content that is organized, semantic, and syntacically correct.
- Due Date: Monday, November 14, 2011 @ 1:00pm
Final Exam
Download the study guide