さて、いよいよデザイン案を作成しましょう。
まず、デザイン案を作るにあたって、忘れてはならないのは「800×600」の画面サイズに合わせるということです。最近では、大画面のパソコンが大半なので、あまり気にすることはないのかもしれません。しかし、ブラウザを画面いっぱいに広げてみている人ばかりとは限りません。
にもかかわらず横サイズを1024を基本にページを作ったらどうなってしまうでしょうか？
横スクロールが出てしまい、ページを見るのが結構面倒になってしまいます。
ですので、横サイズは800を基本にしましょう。
つづいて「600」ですね。これは、横と同じように600ピクセルにしたほうがよい、ということではありません。ＴＯＰページではこの「600」の範囲にメニュー名がすべて入るように作りましょう、ということです。
たとえば、どかーんとタイトル画像があって、メニュー名は画面をスクロールしなくては見えない…となると、結構不便なものです。画面をぱっと開いたとき、スクロールなしでメニュー名が見えたほうが親切ですよね。そんなわけで、ＴＯＰページに関しては、縦600ピクセル内にメニュー名が収まるように作るよう心がけたほうが無難です。

さて、上記のことを念頭において、デザイン案を作成します。「案」ですよ？　いきなりページ作成をするわけではないので、ご注意を。

画像処理ソフトをお持ちでない方

画像処理ソフト（Photoshopなど）をお持ちでない方は、これからご説明する方法はちと難しいかと思われます(^^ゞ
ですので、これまた手書きで大雑把にレイアウト考えるか、またはページ作成ソフトで実際に画像を配置しつつ考えていく、というようにしてください…。
つまり、一気に次々ページ「ページを組もう！」に飛ぶ、ということですね。おっと、その前に次ページ「ＳＥＯ対策」もしっかり考えておいてください。
「800×600」も忘れないようにしてくださいね。

画像処理ソフトをお持ちの方

画像処理ソフトをお持ちの方は、ご参考までに私がデザイン案を作成する過程をご紹介いたします。とはいえ、私、プロのデザイナーではありませんので、本当に参考になるかわかりませんが（笑）。

	ページの雰囲気をつかむためにも、ブラウザのキャプチャ上にデザインをしていくことになります。 ですので、まずはキャプチャのご用意をばしてくださいませ。 幅は800ピクセルにしてくださいね。縦は気にしなくていいです。作成しながら、調整すればよいですから（←いいかげん） 赤線で囲んだところは、サイトの背景色で塗りつぶします。 ■キャプチャはこちら（lzh)
（２）レイアウト
	あとはひたすらタイトルやら画像やらを配置していきましょう。 はテキストとなる部分も、雰囲気を掴むために、流し込んでおくのもいいかもしれません。 メニュー名は600ピクセル以内に収まるようにすることも忘れずに。 なお、左画像に、所狭しと引かれている青い線は、レイアウトする際、便利なので使っているだけです。縦や横をそろえたり、また、画像化する部分を切り抜いていく際、楽なんで〜。
（３）画像の用意
2005.01.30 サイトリニューアル♪	さあ、ここまできたら、あとはひたすら画像化です。 （２）の状態ではただの１枚の大きな画像。必要な大きさで１つ１つ丁寧に切り取っていきましょう。 右はTOPページの「更新情報」部分。全で８つの画像から成っています。