テンプレートの構造確認

http://www.rub-bish.com/~making/　サイトの無料テンプレートを使ってホームページを作って見ましょう。ダウンロードしてindexファイルを開いた時、このファイルの構造なり、画像の使われ方を知っておかないと方針が決まりません。そこでエクスプローラでフォルダの構成なり、画像の種類、形を確認します。

（1）フォルダの構造確認

このサイトのテンプレートは01から09まである訳ですが、フォルダ構成はみな同じです。

つまりindexファイルが１個、imgフォルダの中にページで使われている画像が入っています。indexファイルのHTMLソースを確認して見るとスタイルは使っていないので、スタイルが分からなくても作れそうです。

（2）img内の画像確認

2-1 テンプレートNo.01のimgフォルダ

（a）メニューボタンはブランクなので、これを使って出来そう。オリジナルはjpgだが、gifとどちらがいいのだろうか。

（b）サイトのロゴは「SiteName」、このブランクはない。文字を消すのはどうしょう。もっと横幅の大きなロゴにしたいときは？

（c）使わない画像を削除したらどうなるのだろうか。

（d）2ページからのレイアウトはどうしよう。メニューの有無は？

（e）下の方にコンテンツを追加して行ってもレイアウトは崩れないのかしら？

（f）メニューをは簡単に減らしたり追加したり出きるのかしら？

（g）違ったカラーのものにするにはどうしたらいいか？何箇所直さないといけないのか。

（h）Welcome画像の代わりにFlashムービーにできるかしら？

2-2 テンプレートNo.04のimgフォルダ

（a）メニューの画像はブランク、これに文字を入れればいい。この時、ファイル名を変えないとブランクの画像が無くなってしまう。どう対処したらいいか。
（b）メニューの文字色は何がいいか。サイズは？フォントは？文字の位置あわせが難しそうだが。

（c）ロゴの文字を消すのはどうしよう。

（d）ロゴの背景の色番号はどうしたら分かるか。

2-3 テンプレートNo.05のimgフォルダ

（a）天使の画像を削除してもレイアウトは変わらないかな。

（b）違ったカラーにしたい時はどうしょう。

2-4 テンプレートNo.07のimgフォルダ

2-5 テンプレートNo.08のimgフォルダ

2-6 テンプレートNo.09のimgフォルダ

NO.7、NO.8、NO.9各テンプレートは既にある文字を消さなくてはならない画像はないようだ。他のよりは少し楽かな。