こんばんわ(・ω・)ノ


あれから大体の配置を決めたので、

HTMLのタグを打っていく事にしました。

デザインは、また後から考えりゃ良いw

先に骨組みだけでも。


ウチのサイト枠は

Yahoo!のジオシティーズで借りてるので、

今までそこにあった

エディターを使ってたのですが。

Windowsと文字コードあってなくて、

しかもいちいちログインしなきゃいけないから

面倒だったんですよね。


なので、まず

HTML作成ツールをフリーでとってくることに。

メモ帳でも出来ないことないですが、

自動で色分けしてくれる機能あった方が

タグは打ち間違えなくて良いw


手打ちでする気満々だったので、

「HTML作成ツール」って言っても

メモ帳レベルのシンプルなのにしました。

前述の色分け機能と、プレビューと、

エラーチェックでもついてりゃ完璧。


あとCSS対応ね。

「当たり前」って感じもしますけど、

Yahoo!のエディター使ってた時は、

外部CSSのデザインがプレビューに反映されなくて

むっちゃ使いにくかったw


何とか良さそうなソフトを見つけて。

Vista対応って書いてなかったから、

若干不安ですが…。

ぱちぱちと打ち始めたわけです。


最初にトップ画面から作ろうと。

今回でENTERページは消すw

アクセスしたらいきなりトップにする。


考えてみれば、

中に万人に見られたら困るものも無いし

(18禁とかw)

クリック数増えるだけやからねぇ。


そこでまた、今度は

トップページ分析ですよ。

前回と同じくへなちょこ図でw


ある程度パターンがあると思います。


080211top1
それこそ、Yahoo!みたいなやつ。

大カテゴリの下に小カテゴリがあって、

その固まりが二列や三列になって並んでる形。


ただ、ウチのサイトには

それほど情報量が無さそうなので、

この形式はやめましたw


080211top3
ブログみたいなやつ。

横にカテゴリがあって、

他方の横側は更新履歴とか書いてるような。


場所によっては、

図と反対で右側にカテゴリがあったり

またここのブログみたいに、

3カラムだったりしますね。


080211top2
上方にカテゴリがあるやつ。

タブ形式って言うのかな?

下方のスペースは更新履歴など。


こんなん説明しても、

「今更なにさ!」って感じなんですけどww

とりあえず、ウチは

3番目のタブ形式にしようと思いました。


と言うのも、

現在のウチのサイト(放置気味) 作る時に

ちょっと失敗したなーと思って。


タブ形式にすると、

あまり沢山置けないじゃないですか。

横に広くなるからw

で、その理由で

「画像のページ」を2カラム形にしたんですね。

結構多いからw


でもそうすると、

トップページも2カラムにしちゃってたので

「ページ全体のカテゴリ」を表示しながら

「画像のタイトルが並んでるメニュー」を表示

って事ができなくて。

使いにくかったんですよ。

説明わかりにくい方は実際見てみて下さいww


あ、でも「FF写真のページ」は

2つ前の改装から手つかずになってるので

そこは1カラムです。


080211photo
つまりはこんな風に変えたい…。

写真のページを仕上げる為に、

カテゴリはトップページの時から上に置いとく。


銀河ちゃんのブログ みたいな形やね。

というか、楽天のブログ?ww


で、長い思考の末

打ってる真っ最中って所です。


自身の通ってる大学の学部の公式ページ、

めっちゃ見まくってるよw

なんでそこかって、講義中に教授が

「うちの学部のサイトはユーザビリティ考えてる」

って言ってたから。

手本には丁度ええと思って。


学部柄か、こういう時って

著作権に引っ掛かってないか気になっちゃうよね。

でも、ちゃんと手で打ってるし

丸写しちゃうから大丈夫だよね(;´д`)


でも、タグってだいぶ似ると思うんだよなぁ…。

メニューをリスト形にするとかさ。

普遍的な形だから良いのかな?