サイト作成の 順 [組み込みまでの準備]

サイト
作成
の⼿順
[組み込みまでの
準備
サイト作成
作成の
⼿順 みまでの準備
準備]]
作成
フロー
サイト
サイト作成
作成フロー
①情報設計
②デザイン・パーツ作成
③サイト新規作成
④基本デザイン設定
・サイトマップ等、サイトの基本となる設計を⾏います。
・全画⾯のデザイン作成を⾏います。
・デザインに合致するサイトテンプレートを選択し、新規でサイトを作成します。
・「ページスタイル」で基本となるデザインの設定(サイズやマージンなど)を
⾏います。
⑤各モジュール設定
⑥アップロード
①
・画像やテキストなどを各モジュールに⼊れ込みます。
・アップロードを⾏って完了です。
情報設計
Ⅰ、 ⽴ち上げるホームページの⽬的となる
TOPページ
・ビジネスゴール(●●の売上をのばしたい)
・ユーザーゴール(●●の情報が欲しい、●●が欲しい)
メニュー
を事前に設定した上で、それが実現するためにはホームページにどのようなコン
テンツがあれば良いかを検討します。
コーヒー
紅茶
Ⅱ、 ⽬的達成のために必要だと判断されるコンテンツを全て洗い出し、情報を分類し
ます。
Ⅲ、 分類した情報を左図の サイトマップ(サイト構成) としてまとめます。
ショッピング
会社案内
サイトマップ
お問い合わせ
の例
②
作成
デザイン・パーツ
デザイン・パーツ作成
Ⅰ、 ターゲット分析に基づき、サイトのデザインを作成します。
*全ページ分のデザインを事前に作成します
③
サイトテンプレート
に合わせて
パーツ
を切り出す
サイトテンプレートに
わせてパーツ
パーツを
Ⅰ、 TWに事前プリセットされているサイトテンプレート
を照らし合わせ、作成したデザインに近いものを決定
します。
*作成したデザインがTWのテンプレートに無い場合
は、プレーンタイプを選択し、カスタマイズします。
Ⅱ、 選択したテンプレートに合わせて、画像編集ソフトに
てデザイン画像のスライスを実施し、パーツとして切
り出します。
完成したデザインの画像
ヘッダー画像
のパーツ
ナビゲーション画像
のパーツ
ティーザー画像
のパーツ
⾒出し画像
のパーツ