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.

HTML Lab 6

Cover the following w3schools.com CSS tutorials:

• CSS Home
• CSS Introduction
• CSS Syntax
• CSS How To
• CSS Background
• CSS Text
  

After that, complete the following lab exercise.

Creating a Website Linked to an External CSS

Create a 3 page website, all of which are linked to an external style sheet. The style sheet should specify the background colour (or background image) and also include the formatting of text for all the 3 html documents. This would produce a website with uniform formatting.

HTML Lab 5

Cover the following w3schools.com HTML tutorials:

• HTML Frames

After that, complete the following lab exercise.

Creating a Website with Frames

For this exercise, you'll need to create a Website with 2 vertical frames. On the left frame, you will have four links. Upon clicking those links, webpages will open in the right frame.

Your finished website should look like this example.

HTML Lab 4

Cover the following w3schools.com HTML tutorial:

• HTML Layout

After that, complete the following lab exercise.


Creating Two Linked Pages

You will need to create two web pages for this exercise. The first Web page is a home page that presents information about your antiquities website, together with two links. The Prices link in the first page will be linked to a price list of items (on the second web page) found at the antiquities store. The second link, called Links, should direct the Web page visitor to another Web page of your choosing that has to do with antiquities. You may select a museum or another similar site.

Instructions:

1. Start a new HTML file.
2. Create a 50% wide, one-row, two-column borderless table with an image in the left-hand data cell and the name of your antiquities company in the right-hand data cell. Give your company name a colour.
3. Create a second one-row, two-column borderless table. Make the first column 20% wide with a background colour and then add two links to the column: Prices and Links (which links to an antiquity Website of your choosing). Make the second column 80% wide and include the text and an e-mail link.
4. For the Prices table, create a five-row, two-column table with a fixe-pixel border, cellpadding of 15, and cellspacing of 5. Fill the top row with a colour.
5. Span the first heading across both columns, as shown in the example website.
6. Fill in the headings, Item and Price, and additional information in the appropriate table cells.

Your finished website should look like this: ABC Antiquities

Assignment 2

Assignment specifics:

• Create the following Web page using only Notepad and your HTML knowledge (no Web page editors!)
• Individual work
• To be submitted in a CD-ROM
• Duration: 2 weeks

Assignment question:

Create a Web page with a table that shows at least 24 browser-safe colours. For each cell, include the six-digit number code as the text and set the background colour of that cell to the same six-digit number code.

Use the following websites as your reference:

• Web Color Chart
• The Browser Safe Colors

HTML Lab 3

Cover the following w3schools.com HTML tutorials:

• HTML Tables
• HTML Quick List

After that, proceed with Assignment 2.

Assignment 1

Assignment specifics:

• Create the following website using only Notepad and your HTML knowledge (no Web page editors!)
• 2-3 persons in a group
• To be submitted in a CD-ROM
• Duration: 2 weeks

Assignment question:

Your manager has asked you to create a simple five-page prototype of the Web pages in the new Entertainment section for the online magazine CityStuff. The home page should include headings and brief paragraphs of text for Arts, Music, Movies, and Dining. Within each paragraph of text is a link to one of the four detailed Web pages for each section (for example, the Arts link should connect to the Arts Web page). The home page also includes an e-mail link at the bottom of the page. Add a "To Top" link that connects to a target at the top of the page. The four detailed Web pages should include links to external Web sites of interest and a link back to the home page. If possible, also find appropriate images to use as a background or in the Web page.

HTML Lab 2

Cover the following w3schools.com HTML tutorials:

• HTML Formatting
• HTML Styles
• HTML Links
• HTML Images
• HTML Lists
• HTML Forms
  
• HTML Colors
• HTML Colornames
• HTML Colorvalues

HTML Lab1

Cover the following w3schools.com HTML Tutorials:

• HTML HOME
• HTML Introduction
• HTML Get Started
• HTML Basics
• HTML Elements
• HTML Attributes
• HTML Headings
• HTML Paragraphs
  

After that, to complete Lab1, students must write their own HTML and create a webpage similar to this.

HTML Web Tutorial

The following link will be very important as it covers most of the HTML you'll need to learn in class to complete your HTML assignments:
http://w3schools.com/html