HPを全面改装しました

まぁ、HPの最新ニュースでも書いてあるので、ここであえて書く必要もないんですが・・・・・・

ブログだけしか見ていない人もいると思うので、お伝えします。


HPを全面改装しました。
もう、構造とかデザインとかを最初から書き直しました。

プロフィールの本文とか、リンクのページとかのテーブルは時間がなかったのでそのまま流用しましたが、
IEとFireFoxで表示がほぼ同じになるように、またレイアウト崩壊が起きないように設計しました。

今のところ動作確認はFireFox3.5とIE7.0で確認しました。
今後順次きつねこ堂のHPにアクセスしているすべてのブラウザに対応していくつもりです。
まぁ、アクセス分析がついているのでどのブラウザが一番多いかはすぐにわかるので、安心してください。

てか、たまにPS3とかからアクセスされているのがすごいと思う。
いや、僕もたまにPSPから自分のサイトを見たりしているけどさ。
あと、やっぱりIEを使っている人が多いよな・・・・・・

ついでFireFoxだけど・・・

Macを使っている人はサファリだっけ？オペラだっけ？そんなブラウザからもアクセスされていますね～～～


皆さんいつも、ありがとうございます。

にわかねこは一刻も早く

2000Hit絵を書き上げたいと思います・・・・・・
キリ番ふんだ友達からの無茶振りで原画すらどうやって描くかわからず、すでに4ヶ月もたってしまいましたｗｗ

いい加減あげないといけないので、つまらない構図でも文句言わないでね？


さてさて、HP製作について触れますかね。
それ関係でよく話をする後輩も見ていると思いますし。


基本ソースはXHTMLとCSSでデザインしました。
最近の主流でもある
「構造とデザインの分離」
の法則に基づいて、本文のソースにはほとんどデザインやレイアウト関係の記述を排除して、デザインとレイアウト関係の記述はスタイルシートに書きました。

あと、フレーム構造も最近ではあまり好まれないので、これも廃止して、すべてXHTMLで記述しました。
これでだいぶすっきりしたはずですね。

あとは、左側のサイドメニューをオンマウス時に表示を変えてちょっと面白くしてみたり、サイドバーの背景がコンテンツと同じ高さになになるようにしたり(これはdivを使わないと難しいですねｗｗ)

メニューの画像が読み込まれない場合のスタイルシートも記述してあるので、まったく画像が読み込めなくてもまったく差し支えなくページが読める設計にしてあります。

ただ、左右の背景の設定が間違っているので、画像が読み込まれたとたんに急に色が変わっちゃうので、これはあとでさくっと修正します。

あとは、マークアップ(<h1>ここにタイトル</ｈ１>)するだけでスタイルが指定できるようにし短ですが、これは便利ですねｗｗ
いちいちクラスを指定しなくても<div id="contents"></div>でid属性のcontentsを記述するだけで内容が指定できるので、いちいちクラスとかidを指定しなくてもいい様になっています。
あとは、paddingとborderとmarginを初期化して、タグごとにそれぞれを指定してあるので、ブラウザでレイアウト崩れがおきなくなっています。

ただ、やっぱりIEとFireFoxだと微妙に違うんですよねｗｗ
本当に勘弁してほしい・・・・・・

まぁ、そんなこんなで2日間丸々かけてつくったHPは自分としてはましな出来じゃないかと思います。

XHTMLやCSSやJavascriptに詳しい方はよろしかったらアドバイスをしてくださいｗｗ


では、長くなりましたが、これから会社説明会に行ってきます。