BSEN307 E-Commerce Website II
DHTML Final In Class Lab Project
Description:
This project will allow you demonstrate your ability to apply several of the
key DHTML concepts dicussed and used in this class. Create a project
folder 'DTHML Final Project yourname' that contains a folder for each of
the following sections. Turn in a copy of this folder when you are
finished.
Section 1. 'Page Sniffer'
In this section you will create three HTML pages. The home page will
contain a script that will send the user to one of two pages depending upon
which browser they are using. The pages and what they should contain are
listed below. Package the three pages in a folder called 'Page-Sniffer' in
your project folder.
- Index.htm This is the home page. It should contain
a piece of text stating that it is the home page. It should also
contain a script that will determine which browser the user is using a and
them to that page. You are to differentiate between Internet Explorer
and NetScape Navigator only. You do not have to worry about version
numbers.
- IE-page.htm This page should contain a statement that
displays the name attribute of the browser object in use. It should be
Internet Explorer.
- NS-page.htm This page should contain a statement that
displays the name attribute of the browser object in use. It should be
Netscape Navigator.
Section 2. DHTML Movement & Positioning
In this section you will demonstrate your understanding of positioning and
movement. You will place an object on the page as indicated. It will
be moved by the use of events triggered by the user as described below.
Create a folder called 'DHTML Section 2' which contains all of your work as
described below.
- Build a page with a 2x2 table.
- Place a piece of clipart in the top left hand cell of the table using
positioning.
- Make four buttons labeled Top-Left, Top-Right, Bottom-Left,Bottom-Right.
When the button is clicked the clipart will be moved into that cell using
positioning.
Section 3. DHTML Movement & Positioning
In this section you will demonstrate your understanding of positioning and
movement. You will place an object on the page as indicated. It will
be moved by the use of events triggered by the user as described below.
Create a folder called 'DHTML Section 3' which contains all of your work as
described below.
- Build a page and place a piece of clipart on the page.
- Make four buttons labeled. Left, Right, Up and Down. When the button is clicked the
picture will be moved 50 pixels in the indicated direction based upon its
current position.
top
|