CourseWork Marks for Semester Ending Dec 09

Here are your coursework marks: MD2007 CourseWork

You have until this Thursday to appeal. Only appeals with valid reasons will be entertained.

Note that the marks stated here are unofficial. Only the Exam Unit will release official results.

CourseWork Marks for Semester Ending July

Here are your coursework marks: MD2007 CourseWork

You have until this Friday to appeal. I will only accept appeals backed by good reasons and evidence.

Note that the marks stated here are unofficial. Only the Exam Unit will release official results.

Assignment 4

Assignment specifics:

• Create the following Web page using only Notepad and your HTML knowledge (no Web page editors!)
• 2-3 persons in a group
• To be submitted in a CD-ROM (must contain a functioning version of your site)
• To also submit a printed report containing:
  i. A one page explanation of your site detailing the sources of your materials (use proper referencing techniques)
  ii. The HTML, CSS, JavaScript source code for every page of your site complete with an explanation (in plain English) of what each construct/part does
  iii. A printout of each page of your Web site
• Duration: 2 weeks

Assignment question:

You work in the Web development area for Globe Cinema, which runs a movie theater. Your task is to create a Web site for your company.

Your Web site must contain the following:

• At least 5 Web pages (including the home page)
• A menu/navigation system which uses rollover buttons
• An external CSS
  
• A Movie Booking page with 2 dropdown lists and a button. Users can select the movie and also the number of tickets they would like to book. Then, when the users click the "Book Movie" button, an alert box will appear stating the number of tickets and the movie that they booked. A sample screenshot is below:
  

• Include hyperlinks to relevant material
• Suitable multimedia elements (photos, graphics, videos, etc)
  

HTML Lab 9

Cover the following w3schools.com JavaScript tutorials:

• JS Events
• JS Guidelines
• JS Objects Intro
  
• JS Date
  
• JS Validation
  
• JS Animation
  
• JS Timing
  
• JS Examples
  
• JS Object Examples
  
• JS DOM Examples
  

Complete the following lab exercise after that.

Using a Rollover Button to display Date and Time in an Alert Box

1. Create a simple HTML/JavaScript page which contains one “rollover button” using only a text editor (i.e. Notepad).
2. When the user clicks on the button, return today's date and time in an alert box.

HTML Lab 8

Cover the following w3schools.com JavaScript tutorials:

• JS Home
• JS Introduction
• JS How To
• JS Where To
• JS Comments
• JS Variables
• JS Operators
• JS Comparisons
• JS If...Else
• JS Switch
• JS Popup Boxes
• JS Functions

Complete the following lab exercise after that.

Concatenating 2 User Prompts and Displaying the Result in an Alert Box

1. Create an HTML page.
2. Add JavaScript that includes 2 prompts for input from the user.
3. Add JavaScript to concatenate these 2 input values together.
4. Display the result in an alert box.

Assignment 3

Assignment specifics:

• Create the following Web page using only Notepad and your HTML knowledge (no Web page editors!)
• 2-3 persons in a group
• To be submitted in a CD-ROM
  
• To also submit the printed source code for all the style sheets and the web pages
  
• Duration: 2 weeks

Assignment question:

You are planning to use an external style sheet in the development of the Ocean's Edge Spa Web site, so that you can change the site's look according to the season.

Create a home Web page with information about the resort, including an [h1] header style, a paragraph of text, a table of special events, and an e-mail link to oceansedge@isp.com. Also, include a link to the second page of the Web site.

The second page should have information about the different spa packages available at the resort and also a link back to the homepage. The use of borders/margins/padding must seen in the second page.

Based on the concepts and techniques covered in the tutorials, create 4 different external style sheets that will allow you to modify the resort Web page to reflect the looks for all the four seasons - spring, summer, fall, and winter. Use your creativity!

HTML Lab 7

Cover the following w3schools.com CSS tutorials:

• CSS Text
  
• CSS Font
• CSS Box Model
  
• CSS Border
• CSS Outline
• CSS Margin
• CSS Padding
• CSS List
• CSS Table

Then, proceed with Assignment 3.