CSci 4608 Problem set 1. Due Thursday, Sept. 23rd

Submission guidelines: you will submit all your work at your problem set submission area on the Wiki. The pages themselves may be elsewhere, they have to be linked to your submission page. Please check that the links work and your files are accessible. Please do not modify files after the submission. The last modification date of the actual files (not the posting time on the Wiki) will be considered the time of the submission.

You may write the answers to "paper-and-pencil" questions on the Wiki page, either directly or as attachments. Please do not use any non-standard file formats or compression/archiving programs.

The problems in this problem set are set up incrementally (i.e. you will be adding more and more functionality to the same files), the final version will be graded.

Problem 1 (HTML)

Set up an HTML web page which has at least one table, some links, and a couple of images. You may use an imagemap if you want. The topic of the page can be anything you want, but it must be a page written by you. Don't specify any colors, fonts, alignments, or background images: you will use CSS for this.

Problem 2 (CSS)

Part 1

Use CSS to set up: You may set other features of the page, too.

In your CSS you must address elements in the following different ways (you need to add class and ID attributes to some of the tags):

Part 2

Experiment with style sheets. Try different browsers and include the version of the browser in your answer.

Part 3

Overall, did you find CSS technology easy to use? If you are designing a web site, under which circumstances would you use CSS?

Problem 3 (Javascript, DOM, events)

Some Javascript examples to get you started:

If not, then move away from the button.
Adds text "UMM is great!" in bold-face at the end of the page.


Part 1

This page gives you the hierarchy of elements and properties in DOM.

Add the following functionality to your page using JavaScript:

You may put all the buttons in one table (see the example above). Note: some of the things that you attempt may not work in all browsers. Document any inconsistencies that you think are browser-related. Make sure to check your syntax (some browsers are tolerant of minor JavaScript syntactic errors, but others aren't).

Part 2

Investigate relations between JavaScript and CSS.

Part 3

Overall, did you find JavaScript useful? Which features would you recommend using, and which ones you wouldn't recommend? Briefly explain why.

That's All!

This is a problem set from CSci 4608 course at UMM.

The views and opinions expressed in this page are strictly those of the page author. The contents of this page have not been reviewed or approved by the University of Minnesota.

The views and opinions expressed in this page are strictly those of the page author. The contents of this page have not been reviewed or approved by the University of Minnesota.