Dreamweaverを使って書き出されたプルダウンメニューを作り直す。

目標

htmlファイル、cssファイル、jsファイルを分離させる。
javascriptは無し済ませれるなら使わない。
javascriptのスクリプトはhtmlファイルには書き込まない。
body要素の中にscript要素（＋src属性）でjsファイルへのリンクも貼らない。head要素のなかにscrit要素からリンクを貼る。
イベントハンドラはjsファイルに書き込む。

ステップ

cssだけでプルダウンメニューを作成
Gecko系、Opera、Webkitでの表示をチェック
IE向けにJavascriptを作成
最初は、scriptタグをbody要素内に貼る

scriptタグをhead要素内に移動できるようにイベントハンドラをjsファイルに書く（というか書き方を覚える）
ＤＯＭの実装のブラウザ間の違いはあるので、とりあえずＩＥ対応に限定してＤＯＭ利用をする

余力があれば、クロスブラウザ対応のjsファイルを作成する。（prototype.jsも勉強）

（Update 2008.02.27）

最後の項目を除けば、できるようになった。
クロスブラウザ対応の所は、イベントリスナを使うモデルをまだ理解していないので、addLoadEventを使ってる。
prototypeよりも今はjQueryを勉強中