実際にホームページを作ってみる
ここまでは、ホームページを作るための知識を紹介しました。
では、実際にホームページを作ってみましょう。
当サイトのコンテンツの１つである「ガソリンスタンドで働く」で登場するサイトをここで作ろうと思います。一応、本格的な？サイトを目指すため、一般的なサイト制作の流れに従って作り込んでいこうと思います。
ホームページを作るためのページなので、テーブルやフレーム、スタイルシートを混在させたハイブリッドなページとし、所々にサイト作成のちょっとしたテクニックなども紹介しようと思います。
どのようなサイトにするのか
ここでは、ガソリンスタンドのサイトを作るのですが、どのようなサイトを作れば良いのでしょうか？
実際に運用できるレベルのサイトを想定し、お客様に対し内容のある情報を発信できるサイトにするため、以下にサイトイメージをまとめます。
・低解像度環境の方のためにコンテンツの幅を750ピクセルとする
・サイトイメージは「爽やかな屋外空間」とする
・背景は青空をイメージし、スカイブルーのグラデーションとする
・サイト全体のレイアウトは４分割のフレームを使う
・細かい設定はスタイルシートを使う
・ヘッダー部はサイトロゴを表示する
・メニュー部はテーブルを使い、価格看板のようなメニューにする
・フッター部はコピーライトなどを表示する
・トップページには、新着情報やオススメ情報を表示する
・スタッフ紹介や価格など、スタンドの基本情報を充実させる
・お客様に安心して作業を任せてもらうために、作業方法を紹介する
・車に関係した豆知識を紹介する
・（価格変更のタイミングが難しいが）現在の価格を表示する
・メール会員募集ページを作る（最新情報などをメールでお知らせする）
・広告を貼って、油外の稼げるサイトにする
とりあえず、こんな感じでスタートしようと思います。
ここからは、サイトの各ページ毎で説明していきますので、以下のリンクから飛んで下さい。
ページトップへ
2009/03/27
