2010年8月20日金曜日

クリッカブルマップ

昨夜は、2chでまたアクセス規制になったこともあり、丁度良かったので、サイトの試作にその分時間を充てました。
当サイトよりもまず、仰せつかっているWBサイトのデザイン、サイト構成の修正を最優先にしました。

具体的なものは追って公開したいと思いますが、昨日までに出来たものは、

・TOPページ(挨拶文とEnterボタン)の画像2枚を作成
←1枚は標準となるもの。もう一枚は、Enterボタンにマウスカーソルが来た時(マウスオーバーorロールオーバー時)、Enterの文字が光るもの。
・これらの画像がマウスオーバーorロールオーバー時に切り替わる。
←JavaScriptにより記述。
・ウィンドウサイズに合わせて(途中でサイズ変更されたときも含め)、画像サイズを変更する。
・Enter部分をクリッカブルマップとして設定(とりあえずリンク先のURLは空)

までです。JavaScriptやCSSの基礎知識を勉強しながら進め、旅行の1週間も挟んだので、少し時間がかかってしまいましたが、何とか要領をつかんできました。

あと、Enter部分のリンク先にWBの新目次ページのURLをつけ、同じ要領で目次ページも作れば、ひとまずサイトの導入部分は完成となります。

目次ページは、クリッカブルマップの設定やロールオーバーの箇所が多いため、裏の画像(ロールオーバー時に局所的に切り替える表示部分)を1枚の画像ファイルにまとめ、該当座標部分をその裏画像ファイルから切り抜いて表示するようにします。
その点が今回のTOPページのものよりも少し応用的であり、また今晩から試行錯誤しながら、作成してみます。

同じ要領で当サイトの入口、目次ページも作成してゆきます。

0 件のコメント:

コメントを投稿