トップページコーディング - 3〜4日目

前回の記事はこちら
http://arashi3.com/2010/05/fan001.html


とまぁデザインの次はコーディング。
この作業は非常に地味？なので見た目的な何かはないんですけど、
今まで使ったことなかったCSSのdisplay:absoluteを使ってみた。

出来上がったのはこれ
http://para-sol.arashi3.com/


ぱっと見flashっぽいような雰囲気を漂わせていますが、
htmlとCSSしか使ってません。
というか僕flash使えないんですわｗ
（昔背景が勝手に動いていくflashを作って挫折）

基本的にどのブラウザでも見られるようにしたかったので以下の点に気をつけてみた。

・PNG24はIE6非対応なのでPNG8を使用
・クロスブラウジング対応（IE8、IE6、Firefox、Opera、Safari、Chrome動作確認済）
・1280×1024ですべてが見え、1024×768でもファーストビューを意識
・ボタンは基本オンマウス対応

ってな感じです。

IE5.5以下はごめんなさい無理だと思います。
あと携帯もたぶん無理。

ボタンはCSS仕様でほぼ背景画像なので現状は印刷非対応。
（これはそのうちなんとかします）

ソースコードはぶっちゃけひどいです。
見ないほうが幸せですｗ


次は下層ページのデザインかな・・・。
どこから手をつけようかな。


ってことで続く・・・。


ツイート