week3 practical Exercise

Exercise 1
inside the HTML text file, find
1.the navigation menu

id="main">
div id="sidebar">

Other Sections

l class="menu">

main

comments

<

2.How many “divisions” does the document have?

There are two


Exercise 2
1. add the ‘storm.jpg’ image


Exercise 3
1.which CSS rules apply to “Other Sections”?

2.what are the dimensions of the menu?

Exercise 4
1. try typing in the text box on the web page. How is
the number updated?

This use javascript to updated the number.
script type="text/javascript"

function countit(what)
{ formcontent=what.value
what.form.displaycount.value=formcontent.length
/>onkeyup="countit(this)"


2. try the two buttons. How do they work?

It use javascript to run the funciton.
It has a form to direct to the php file
function showMenu(show) {
menu = document.getElementById('sidebar')
if (show) {
menu.style.display="block"
} else {
menu.style.display="none"
}
}

input type="button" value="vanish menu!" onclick="showMenu(false)"
input type="button" value="show menu" onclick="showMenu(true)"