Information Technology Association presents
Web Designing Workshop
in association with Research Scholars' Forum, IIT-Bombay
Home
Assignment 1: Homepage. 
Prepare your homepage in html.  Your homepage should be more than one html page
and should have the following:

1. At least three different fonts.
2. At least two different font colors.
3. At least one image (other than background image, if any).
4. At least one table.
5. At least one unordered/ordered list.
6. At least two links. One of them should be to school homepage and the other
   to IITB homepage.
7. At least one rowspan or columnspan.
Assignment 2: Improve upon - Navigation
    Take a copy of the home page and incorporate the follOwing features in it.

  1. Add a navigation bar on your web page. This bar can appear on any side of your web page. (HINT:Use a seperate file for this navigation bar)
  2. Use Frames for the above
  3. Add the following links in the navbar
    # Favourite Site - It should load your fav site in one of teh frames
    # IIT Bombay -Add a link to IIT-b's home page
    # Break up your home page into several individual files getting loaded in
    # seperate frames with each frame having a navigation link.
  4. Add a dummy form in your html. The form should be a survey form of some kind. and should use at least one element from each type - radio buttons, text area , check boxes, drop down list. It should have a reset button also. (submit button is implied)
Assignment 3: Make the page more lively and user-friendly - Client Side Scripting
    Use the web-pages prepared in the last two assignments and incorporate the following features :

  1. Add the following checks to your form :
    1. The name should not be less than four characters and more than 30 characters.
    2. The mail id should be valid. The least you should do is check for the "at the rate" symbol and that there is at least one character preceding it. In other words, the email-address should not start with the "at the rate" symbol.
  2. The form should display at least five alerts, prompts and confirms. You can use them when changing from one input field to another in the form, or when the form is uploaded/downloaded, etc.(these are not mandatory events, you can choose your own.)
  3. Make a new button in your form such that clicking that button opens a new window containing ITAs website or any other web-site of your choice.




Home | Schedule | Assignment | Resources | Downloads |
  
Last modified : Tuesday, September 13, 2005, 17:59:05.
Comments/Suggestions to: ita-workshop [at] it.iitb.ac.in