CST2614 Advanced HTML
Instructional Guide


How to turn in your assignments:

Put copies of all your labs on a floppy disk or a CD-ROM and turn it in to your instructor.    You must label the media with your name and course number.  Also include a note to the instructor with the web address of the website you published online.

All labs must be submitted together at the end of the semester.


Files & Utilities

Lab 12

Read chapter 12 in the book.  This chapter describes using style sheets for printing.  Really only the "Controlling Page Breaks" section in the chapter is commonly used in today's web page designs.  Here is an example of a long article that I use for one of my classes.  When viewing it on the computer screen, it views as one continuous page.  But when you print it, it prints nicely with breaks between the sections.  Do a print preview to see how it nicely lays out on the page.

Do:  Create a web page that is quite long.  When printed on a printer it should span at least three pages.  Modify your web page to control the page breaks when printed so that the page breaks are at a logical place in the page.


Lab 15

Read chapter 15 in the book.  This chapter is related to frames.  Framesets are generally not supposed to be used on new sites due to accessibility issues.  However they can be used sparingly when there are no other alternatives.

Examples:

Do:   Create a simple frameset.  One frame should contain a simple menu that goes to at least 3 pages.  Demonstrate that clicking on a menu item changes the contents of contents frame.


Lab 16

Read chapter 16 in the book.  This chapters are about creating forms.  Submission of a form requires a working cgi program on the server to accept your input from the form and to process it. 

Do:  Create a submission form.  Your posting action will be to the URL http://shazaam.ridgewater.net/servlets/Contact.  In case you are curious, this is the Java servlet that is running on the server.

Here is a snapshot of the form and the form variable names.  Also shown is the form action that is called upon submission.  Note:  Pay careful attention to the variable name case.  Variable names are cAsE sEnSiTiVe.

Build the web page containing the form.  Once built and published, test your form.  All input fields will be echoed back if your form is working correctly.


Lab 17

Read chapter 17 in the book.  Chapter 17 is about adding multimedia to a web page.

Do: 

Part 1: Embed a Quicktime movie into a web page.  You will need to find a movie and save it.  Test that the movie plays in both Internet Explorer and Netscape Navigator.

Part 2: Embed a midi (.mid) music file into a web page.  You will need to find a midi music file and save it.  Test that the music plays in both Internet Explorer and Netscape Navigator.

Part 3: Embed a mp3 music file into a web page.  You will need to find a mp3 music file and save it.  Test that the music plays in both Internet Explorer and Netscape Navigator.


Lab 18-19

Read chapters 18 and 19 in the book.  These chapters are about using JavaScript.  This book touches only very lightly on JavaScript.  If you would like an entire course on JavaScript, see the Computer Systems Technology course CST2613.

Do:  Create web page that contains at least two graphic buttons.  When positioning your cursor over the buttons, the graphic should change.   This is known as a "rollover".   The graphic buttons will also be a link, so when clicking on the graphic buttons, another web page should come up.


Chapter 20

Read chapter 20 in the book.  This chapter is about character encoding.  By reading the chapter, understand where is would be necessary to to use the techniques learned in this chapter.  You would need to know this information should you ever find it necessary to write web pages in another language besides English.  There is no lab for this chapter.


Chapter 23

Read chapter 23 in the book.  This chapter is about writing web pages for the new micro browsers built into the newest cellular phones.  I have written a couple of mobile web pages for a Sanyo 4900 cellular phone.  I have personally tested the concepts learned in this chapter and they do work.  There is no lab for this chapter due to the inability to test the pages without having access to a phone that contains a micro browser.


Chapter 24

Read chapter 24 in the book.  This chapter is about testing and debugging web pages.  Read the chapter to gain insight into various debugging techniques and why it is so important to test web sites with different browsers and different browser versions.  There is no lab for this chapter.


Lab 25

Read chapter25 in the book.  Chapter 25 is about publishing your pages to the web.

Do:  Find web space somewhere.  This web space may be provided by the school, or you may find some web space on a freebie site like Geocities or Tripod.  You may also have free space available to you through your ISP.   Publish a web site to a server.  A website that comes to mind is the final website that you did for MMDT1021.

For this lab you will need a FTP (File Transfer Protocol) client.  An FTP client allows you to upload and download files to a server.  You can use any FTP client that you wish to use.  Below is a free FTP client that you can download.

  FTP Client


Lab 26

Read chapter 26 in the book.  This chapter is about using keywords and submitting your web page to search engines.

Part 1:  Modify your web site to include keywords that are relevant to your web site topic.  This is done by using the meta name "keywords".  Also include a description for your site.  This is done by using the meta name "description".

Part 2:  Publish your web site back to the web space that you set up in lab 25.

Part 3:  Submit your web site to Google.com.


Final Lab

Do:  Take the web site that you have been doing for labs 25 and 26.  Add some of the things that you learned in this course to the web site.  Things that should be included are some multimedia such as sounds, music, or video, and some JavaScript.  Publish your web site.  Verify that all parts of your web site works correctly in both Internet Explorer and Netscape.

Test. Test. Test!

Put copies of all your labs on a floppy disk or a CD-ROM and turn it in to your instructor.    You must label the media with your name and course number.  Also include a note to the instructor with the web address of the website you published online.

All labs must be submitted together at the end of the semester.