先に本編をどうぞ
地球防衛軍は2002年3月に閉店しました
以下言い訳。お見苦しいので見たくない方は見ないでね。
見る
消す
[注]IE4以上はマウスを乗せると遊べるかも。
NN4他のブラウザの方は多分そのまま見えてます。クリックしてもダメ。
見たくないのに見えてしまった方ごめんなさい。
見えない方でどうしても見たい方は「ソース」からどうぞ。
今回は商業サイトっぽい雰囲気のデザインでやってみようと思った訳なんです。 真面目に各種ブラウザへ対策を施して、出来る限りwebpageとしての体裁を整えつつ、 なおかつCSSに則って頑張ってみたんです。 感想としてはめっちゃしんど…。 やはり全部手で書くのは限界があるのか? デザインに凝ったページ作るならオーサリングソフト使うべきなのか? でもやっぱデザインセンスが一番の問題なんだろな… やっぱ絵描けないんが致命的なのか?ええねんええねん勉強になったし。
IE3のCSSはバグバグなんでCSS無し。 CSS無しでも普通の文章として見られる様な論理構造にはしてみたつもり。 lynx等でお試し下さい。 NN4もかなりバグバグで画像のfloatやh1,div部分の背景画像をカットしてあります。 NN4ではページの頭に画像が升目になって出てくると思いますが、 IE5,NN6ではページ左に縦に長い帯の様に見えると思います。 自分が理解できないCSSが来るとNN4は落ちまくるし最悪でした。 width: 200px;で落ちるってどういうことよ? 悪いことは言わないのでNetscape6とかもじらーとかに乗り換えましょう。 え?重い?NN4だって重いでしょ。IE5.5使いなさい。軽いです。 (というか半ばOSの一部としてロードされてるから軽いように見えるんだけどさ) Operaってのはどーなんですかねぇ。 といってもWindowsのNN4.7,IE5.5,lynx,w3mでしか見た目チェックしてないので、 Macでどうなるか?とかもう全然不明なんだけどね(かなり中途半端)。
ほんとはtableにしちゃえば全然問題ないんだけどさ! というかもうページ全面画像ファイル? でもここまできたら意地でCSSにこだわってみました。 商業風にやるならflashムービーくらいびかびか光らせないとだめかな? でも画像ファイルはpngじゃなくてgifにしちゃってみたり、一貫性がありません。 だってNN4だとpngの透明色が透明になんないしさ。 世間一般的にはどーなんすかね。 unix系の人はほぼNetscape使うしか無いんだよな? Macはどうなんでしょ。最近は元からIE入ってんの? 結構挙動が違うって話も聞きますが。
今回はJavascriptでリンクがぺかぺかしたりとか窓が開いたりとかもやってみました。 いや別に全然大したスクリプトじゃ無んだけどね。 ボタン付けてみたりとか20秒で自動closeしてみたりとか。 ちょろっとやってみたかっただけなんよ。
コピーライトは私の普通のページには付ける気無いんです。 そんなの書かなくったって署名があればいいだけだし 著作権ってそう声高に主張するもんじゃないだろ?と思うんですよ。 ヘッダにはmeta情報で<meta name="auther" content="〜" />も 入れてあるし。(XHTMLなんでタグの終わりに/が付いてる。) mailtoも入れてあるし。あとは見る側のモラルっていうか。 でも今回は「商業っぽい感じ」ってことで付けてみました(笑)
そんなわけでブラウザ間でのCSSの実装の違いに翻弄されたweb書きでした。 あと数年したらNN4なんかも滅んで気にせず描けるようになるのかいな。 ともあれCSSだけでもこんくらいはできるってのが納得できた感じがします。