Html assignment 3



Html assignment 3. Worth 75pts. Start early and work out all the problems!

Due March 10.

Assignment Specifics

• Create a new page in Notepad for HTML3

• Create a table with at least 3 rows, 2 columns, and borders

• The second row of the table should span all columns. Remember a row with headers is still a row. The second row should have all columns merged and contain the dynamic text below.

• Insert a picture into one cell of your table

– Be sure it’s a picture you own or one that is not copyrighted

– You must have the picture in your birdnest space or have the URL to the file

• Use a script to display a message with a shockwave effect in the second row of the table

• Follow the instructions at

• There are three main steps.

– First cut and paste the script as directed where you want the dynamic text (row 2).

– Next, change the words between the quotations to whatever you want. If you do not want four lines, delete the extra ones.

tekst[0] = "Shock Wave text @ ";

tekst[1] = "Here you can type anything you want";

tekst[2] = "You can change the size";

tekst[3] = "And you can change the speed";

– Add the onload event handler to the tag as shown on the website.

→ Note: Once the script is properly inserted, you will not see the text to be displayed on the screen in design view. It will display in preview mode and in your browser.

→ Be sure to place the script in the proper location.

→ You can change the speed and size in the following lines but that is not necessary

var size = 25;

var speed_between_messages=1500 //in miliseconds

• Add an obvious link from your HTML2 assignment to your HTML3 assignment.

• Also add a link from your HTML3 assignment to your HTML2 assignment

– Remember you will have to move the HTML3 assignment file to birdnest

• When you print the browser view of the HTML3 assignment, make sure it shows the URL once it is on birdnest.

Once you have your page working:

• Send an e-mail to garrisonc1@winthrop.edu with a link directly to your page on birdnest

(With your birdnest page open to HTML3 you can copy and paste the address into the message body)

• Due at the start of your class on the due date

• Follow all the General Assignment Instructions for HTML Assignments

•

GRADING GUIDELINES

• File on birdnest – (20 pts)

• Table with at least 3 rows, and 2 columns, with borders – 7 pts (1 pt each)

• The second row of the table spans all columns – 10 pts

• Insert a picture into one cell of your table – 10 pts

• Trembling text in the second row of the table - 20 pts

• Working link from HTML2 to HTML3 – 4 pts

• Working link from HTML3 to HTML2 – 4 pts

• E-mail not sent from Winthrop account– (-1 pt)

• Incorrect message subject – (-1 pt)

• Multiple messages – (-1 pt)

• Missing printouts – (-1 pt)

• Late (same day) – (-8 pts); Next day < 24 hours – (-15pts)

General Instructions for HTML Assignments

• Print the text editor (Ex. Notepad/SimpleText) file(s)

• Print out the browser view

• Turn in all printouts at the start of class: include name, class day and time

• Send your file(s) to garrisonc1@winthrop.edu as an attachment

– Note the one (1) at the end of the above address

– Send the e-mail from your Winthrop account

– Send only one message (contact me at my regular address if you need to resubmit your homework)

– No replies are available from the homework address

– Send your html files as attachments in a single message

– For assignments required to be on birdnest, include a link directly to the homework file

– Title the message: HTML#, class day and time, your_name (where # is the HTML assignment #) Ex. HTML3 Fri 2:00 Student Name

• Due at the start of class

• Always use the Doctype & extended html tag

NOTE For birdnest assignments: Check your link to make sure it is not pointing to a file on the Z or C drive (or to a pobox file). These links will work for you but not for the general Internet user. For example this is incorrect: because it is pointing to a file on the Z drive.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download