cmpt165

Spring 2007

CMPT 165-D2 @ Surrey: Lab 10

Consider this lab a self test. The aim is to highlight any areas you are having problems with in XHTML, CSS, and JavaScript. You may not complete everything in this hour, but you should know where you are at in terms of the practical application of the material in this class.

  1. Begin this lab by downloading this XHTML file. This file contains the necessary tags to load in your JavaScript file. Make sure you recognize and understand what they are.

  2. Modify this page so that it contains at least one link, an image, and a list of items. The content of this list (and all the items on this page) is entirely up to you. Remember, this is just for practice.

  3. Create a CSS file and load it into your HTML file. Create at least two separate classes and apply them to the existing elements in your page (feel free to add more elements). Practice modifying elements using your CSS file -- change colour, alignment, etc. You may also look back at the previous labs for inspiration / help.

  4. Recall the lecture on the principles of PARC and good web design (lecture 6 in the notes). You may not wish to do this now, but later review some of your favourite web pages and ask yourself if those pages are well designed, and why or why not. Knowing what works or does not work on other pages can be key in good web design.

  5. Write a simple function that takes a string and prints out every character in the string separated by a space. There are at least two ways to do this, do you know what they are?

  6. Add a form to your page, with whatever form elements you wish. Try adding a new event handler that you have not practiced yet.

  7. Create a drop-down menu (see lecture 16). Then create a series of radio buttons, and poll them as we talked about in class.

  8. Finally, since there isn't time to cover everything here, take a look back over the notes and see if there are any areas you feel weak in. These are the areas you should study before the final exam.

  9. When you're done, show your latest XHTML and JavaScript files to your lab TA, and what they do.

    10. Please note that you are expected to keep a copy of the work that you have done. You can keep a record on the student server (SIAT), a portable hard drive (e.g. key drive), or simply by email the URL you have created to yourself.