■インデックス
│
├このサイトについて
├サイトマップ
├問い合わせ
└管理人プロフィール

■Step１：ホームページビルダーの準備
│
├１、ホームページビルダーを購入
├２、ホームページビルダーをインストール
└３、デスクトップにショートカットを作成

■Step２：独自ドメインを取る
│
├１、独自ドメインと無料ドメイン
├２、ドメイン会社の選び方
├３、ムームードメインで独自ドメインをチェック
├４、ムームードメインに申込みをする
├５、ムームードメインに支払いをする
└６、ムームードメインで独自ドメインを取得

■Step３：レンタルサーバーを借りる
│
├１、有料サーバーと無料サーバー
├２、サーバー会社の選び方
├３、Ｘサーバーに申込みをする
├４、Ｘサーバーにログインをする
├５、Ｘサーバーでドメインの設定をする
├６、ムームードメインでＤＮＳの設定
└７、取得したドメインにブラウザでアクセス

■Step４：ホームページビルダーの初期設定
│
├１、ホームページビルダーの環境設定
├２、サイトの設定
├３、転送設定
└４、完成したホームページを確認

■Step５：テーブルで大まかなレイアウト
│
├１、テーブルの枠組みを確認する
├２、テーブルでラフなレイアウトを作る
├３、テーブルの幅と高さを調節する
├４、セルの分割と結合
├５、テーブル全体を中央に配置する
└６、テーブルの外枠を消す

■Step６：テーブルで大まかなレイアウト
│
├１、写真を入れるためのフォルダを作成
├２、写真を保存する
└３、写真をフォルダに入れる

■Step７：ヘッダーと上部メニュー作成
│
├１、ヘッダーに写真を配置
├２、メニューの背景色を変える
├３、文字を入力する
├４、文字の色を変更する
└５、文字を真ん中に寄せる

■Step８：メインコンテンツと商品一覧作成
│
├１、メインロゴを配置
├２、ウェルカムメッセージを入力
├３、テーブルの配置と編集
├４、商品画像を配置
└５、商品名と価格を入力

■Step９：左サイドメニュー作成
│
├１、セルの結合と幅の調節
├２、文字の入力
├３、文字のサイズと色の変更
├４、写真を配置
└５、写真だけをセンターに寄せる

■Step１０：左サイドメニュー区切り線作成
│
├１、区切り線用画像の保存とフォルダに移動
└２、区切り線用画像を配置する

■Step１１：フッターの作成
│
├１、区切りの作成
└２、著作権表示の作成

■Step１２：仕上げ
│
├１、テーブル全体の幅の整合性をチェック
└２、テーブルの幅を編集

■Step１３：転送と確認
│
├１、サイトをサーバーに転送する
└２、ブラウザで作ったサイトを確認する

■Step１４：リンクの設定
│
├１、新しいページを作成する
├２、トップページを全てコピーする
├３、新しいページに貼り付けて修正
├４、必要な部分を修正する
└５、新しいページへのリンクを設定する