xhtml Exercises
Internet 1 Assessment
You are required to build a Website that provides answers to a set of objectives covering html, css, javascript, dhtml, Flash and xml.
The Website must work on a Webserver to be nominated.
Navigation, using the techniques of your choice, must be clear. (If I can't find it I can't mark it)
Try to stick to the new xhtml standard.
In particular there should be no uppercase tags on any of your pages and all tags must be closed.
You will not be assessed on your graphic design skills, but good design leaves a favourable impression.
Due: Last week of semester
Create a single web page that demonstrates use of the following.
- the Title tag
- use of a Heading tag with your name in it
- make a list of the lessons in this course (hint: use the file 'outline.txt')
- a horizontal rule
- a paragraph tag
Do not worry about different colours, this is best handled by css which we will cover later.
View your work in both the IE and Firefox browser, are there any differences ?
Make sure your page is xhtml valid by checking it with the W3C xhtml validator.
Html Objective 2
Create at least two more pages.
Link all the pages so that it is possible to jump to any page from any other page.
Add at least one link which uses the name attribute to jump
- to a specific point on this page
- to a specific point on another page
- Add at least two links to urls elsewhere on the internet.
Html Objective 3- Basic tables
Build the graphic below using tables
Html Objective 4 - Nested tables
Build the graphic below using tables
Html Objective 5a - Frames
Create the page below with a link in one frame that targets another frame
Html Objective 5b - Inline Frames
Create a page similar to the one below with an inline frame.
Html Objective 6 - Forms
Build a page with a form containing at least four types of form elements.
Including a text box, a select box, a button and set of radio buttons.
Html Objective 7 Client Side Image Maps
Using the graphic below build a client side Image map that provides links to three pages.
One for the stem, the head and the leaves
Html Objective 8 Meta tags
Build a page which automatically jumps to another page after 5 secs
Html Objective 9 Embedding Multimedia
a) Build a page that plays a background sound when it loads.
b) Add a page which plays a sound file when a link is clicked
Html Objective 10 Embedding a java applet
Build a page which includes a java applet, you can find many free ones on the net.