Page 1

New-AD nternet Marketing Division

1

ご案内 このたびはニューアド社ホームページお任せパッケージをお申し込みいただき、まことにありがとうございます。 この制作入稿シートに必要事項をご記入いただき、必要なデータと一緒に当社宛着払いにて送付くだ さいますようお願い申し上げます。 ご不明な点・疑問点などございましたら、どんなことでもお気軽にご照会くださいませ!

ホームページお任せパッケージ 制作入稿シート Ver.1.2 New-AD Internet Marketing Division 株式会社ニューアド社 インターネットマーケティング部

御社名

2008/9/8

ご担当者様名

New-AD Internet Marketing Division

弊社担当

Naim


2

ヒアリングシート(1) 以下のヒアリングにご協力をお願い申し上げます。 頂いたデータはサイト制作の基礎となる、重要な素材となります。 のちのちの変更が効きませんので、確定要件をご記入ください。

4.ターゲット層 ■サイトの利用者となる対象についてお伺いいたします。 御社提供ビジネスの種別

1.企業名・店舗名 ■サイトの名称となります。

‡ 個人向けサービス ‡ 法人向けサービス ‡ 学生向けサービス

サイトのメインユーザー ‡男 ‡女 ‡特になし

例)

歳~

5.デザインのイメージ

2.主な取り扱い品目・サービス

■Webサイトのビジュアルデザインについて、連想されるイメージを5つ程度挙げて下さい。 ■サイト作成時に参考にさせていただきます。可能な限りご記入をお願いします。

例)都会的・洗練された・冷たい・クールな

6.ロゴマークの有無 ■御社ロゴの使用に関してご記入をお願いします。

3.キャッチフレーズとメインキーワード(5~8語)

Webサイトにロゴを使用しますか? ロゴのデータはお持ちですか? ロゴをオプションで作成しますか?

■サイトのメインビジュアル部分・サイトの説明文に使用するキャッチフレーズです。 120文字以内でご記入をお願いします。

はい・いいえ はい・いいえ はい・いいえ

※サイトで使用する場合はデータをご入稿下さい。 ※ラフをご用意下さい。3万円で2案のご提示となります。

7.サイトデザイン時の参考サイト ■「こんな雰囲気のサイトにしたい」などの参考サイトを挙げて下さい。特にどの部分 を取り入れたいかがある場合はそちらもご記入をお願いします。

サイト・事業内容を表す詳細なキーワードです。5つ以上8つ以内で御指定下さい。 設定したキーワードによって検索エンジン側のサイトの解釈が変わる場合があります。

2008/9/8

サイト名: 参考にすべきポイント:

アドレス:

サイト名: 参考にすべきポイント:

アドレス:

サイト名: 参考にすべきポイント:

アドレス:

New-AD Internet Marketing Division


3

ヒアリングシート(2) 9.ご希望のドメイン名

11.備考(制限・禁止事項などあれば)

■Webサイトのドメイン名についてご記入をお願いします。

■サイトの構築にあたり特別禁止されている事項などありましたらご記入ください。

今回作成するサイトのドメインは・・・ □新規作成する ※ドメインはgTLDドメインとなります。co.jpやjpドメインは別途書類と費用が必要となります ので、お問い合わせください。 第一希望: 第二希望: 第三希望:

□移設する □現状サーバをそのまま利用する ※移設の場合は、DNS設定変更のためのID・パスワードが わかる書類(取得時の書類・メール等のコピー)を添付してください。 ※現状サーバをそのまま利用される際は、サーバの仕様書・FTP情報をご提供ください。

10.ご要望

12.オプション ■サイト構築にあたり必要なオプションをチェックください。

‡図版作成

■その他ご要望・現状サイトの課題点などございましたらご記入をお願いいたします。

・・・小3,500円 ×_ ・・・中7,500円 ×_ ・・・大15,000円×_ ※サイト内にデータでご支給いただけない図版があった場合は、大きさと難易度により 上記費用が加算されます。 ‡ページ追加 ・・・2万円(@ページ)×_ ‡トップページスプラッシュムービー3~5秒のflash ・・・5万円 ‡お問い合わせフォーム(フォームメール) ・・・5万円 ‡簡易更新機能(MovableType) ・・・ライセンス5万円・実装10万円 ‡ブログ作成(MovableType) ・・・ライセンス5万円・実装別途見積 ‡GoogleAnalytics導入 ・・・導入代行(簡易マニュアルあり)5万円 ‡その他(具体的にお願いします)

2008/9/8

New-AD Internet Marketing Division


4

サイトマップ記入シート

トップページ

サイトマップとは正しくはWebサイト内のページ構成 を一覧できるようにした案内ページの事です。 当パッケージではコンテンツ内容の基礎情報として、 サイト構築の際の簡易コンテンツリストとして利用致 します。 左表の空白部分に 各ページのコンテンツを的確に 表現したタイトルをご記入下さい。 参考記入例:次ページ参照

オプション:ページ追加時使用

2008/9/8

New-AD Internet Marketing Division


5

サイトマップ 記入例

例 入

サイトマップ記入例です。 下図を参考に前ページのリストをご記入下さい。 美容系サイト

企業サイト TOPページ

会社概要

TOPページ

社長メッセージ

2008/9/8

サロン案内

商品サービスのご案内

TOPページ

お店のコンセプト 商品紹介

事業概要

初めての方へ

商品紹介

採用情報

料金表

商品紹介

地図

アクセスマップ

アクセスマップ

クリニックサイト

飲食店サイト TOPページ

物販店サイト

お店のコンセプト

TOPページ

院長(スタッフ)から

飲み物メニュー

診療科目案内

食べ物メニュー

こんな悩みの方は

内装・お店の雰囲気

診療時間

クーポン(地図つき)

アクセスマップ

New-AD Internet Marketing Division


6

レイアウト形式・配色選択 サイトのイメージカラーと、基本レイアウトのタイプを選択してください。 レイアウト形式 □ナビ上部配置タイプ グローバルナビゲーションがヘッダーとイメージ画像の間に入るタイ プです。 コンテンツ部分を広く取れる為、デザイン的な自由度が高いとい えます。

□ナビ左部配置タイプ 左側にナビゲーション、右側にコンテンツで構成された最も 一般的なレイアウトです。 左袖にナビゲーションを配置する事で小さめのディスプレイで も確実にナビを表示できるという利点が挙げられます。

配色設定

□黒系 □白系 □茶系 □緑系 □青系 □赤系 配色に関するご要望 配色に関してご要望がある際はご記入 下さい。

※上記以外のナビレイアウトも承ります。ご相談ください。

2008/9/8

New-AD Internet Marketing Division


7

入稿シート 方法 入稿シートは簡単なレイアウト指定紙の役割を持ちます。詳細な文字原稿はデータでご用意ください。 ラフレイアウト、挿入図版の指示を直接紙に書き込んで下さい。 文章は打ち間違えの事故を防ぐため、データでの入稿をお願いしております。 画像を指定いただく際は、挿入位置と画像ファイル名を記入下さい。 文字情報は、別途ワードなどでご用意ください。 ※パワーポイントのご利用が確実です。 この際シート側には下記のようにデータ名をご記入下さい。

画像データについても同様にデータ名をシート側に記入ください。

見出し

ワードデータ 画像データ 「○○○.doc」 「○○○.jpg」 見出し

ワードデータ 「○○○.doc」

シートは原稿以外はご要望やご注意事項なども適宜ご記入いただけます。 2008/9/8

New-AD Internet Marketing Division


8

シート記入のコツ ページの構成には大凡のきまりがあります。ポイントを踏まえて、充実したコンテンツを掲載することがコツです。 ■ページのレイアウトと配色 サイトとしての統一感がないと、ユーザーに負荷をかけてしま います。 ページのレイアウト法則は全ページでそろえましょう。

■ヘッダー 一般的には左上にロゴ、右上にキャッチと連絡先を掲載します。 ■ぱんくずナビ ユーザーが自分の現在位置を確認できるように、 ぱんくずナビを設けましょう。 ■見出し 各コンテンツには必ず見出しを設けるようにしましょう。 検索エンジンは「見出し」を重要な情報として認識します。 ■文字量 多ければよいというものでもありません。 1見出しあたり、200~400文字のコンテンツがベターです。 ■余白 ページ幅をいっぱいに使うと文字が読みにくくなります。 適宜余白を設け、他のページに誘導できるバナーなどを 設けるといいでしょう。ご指定がない限り、左右どちらかに余白 をつくります。 ■フッター 一般的にはコピーライト表記が入ります。 ご指定がなければコピーライト表記を入れます。

2008/9/8

New-AD Internet Marketing Division


ナビ上部配置タイプ 入稿シート 【ページ名:トップページ

9

※左図にページのレイアウト及び指定原稿・画像データ名をご記入下さい。

ナビゲーションの領域です。 分割してご利用ください。

キャッチフレーズorページタイトルが入ります

メインビジュアルが入ります。 メインビジュアルはサイトとしての統一性を維持させるため、 全ページ共通とさせていただいております。 下層ページはトップページの写真の天地サイズを小さく したものが入ります。

ご注意事項: ★ページの長さはA4縦換算で1枚 A4用紙縦換算で1ページを超えた場合は2ページとして換 算されます(追加費用がページあたり2万円発生します。)。 ページが縦に長くなる場合はご留意ください。 ★文字が多い場合 文字原稿はページあたり200文字を超える場合は、 別途ワードなどで文字情報をご用意いただき、シート側に は記入例を参照いただき、ワクとデータ名のみをご記入下さ い。 ※ページ数分複写してご利用下さい

2008/9/8

New-AD Internet Marketing Division


ナビ上部配置タイプ 入稿シート 【ページ名:下層ページ:

10

※左図にページのレイアウト及び指定原稿・画像データ名をご記入下さい。

ナビゲーションの領域です。 分割してご利用ください。

キャッチフレーズorページタイトルが入ります

メインビジュアルが入ります。 メインビジュアルはサイトとしての統一性を維持させるため、 全ページ共通とさせていただいております。 下層ページはトップページの写真の天地サイズを小さく したものが入ります。

ご注意事項: ★ページの長さはA4縦換算で1枚 A4用紙縦換算で1ページを超えた場合は2ページとして換 算されます(追加費用がページあたり2万円発生します。)。 ページが縦に長くなる場合はご留意ください。 ★文字が多い場合 文字原稿はページあたり200文字を超える場合は、 別途ワードなどで文字情報をご用意いただき、シート側に は記入例を参照いただき、ワクとデータ名のみをご記入下さ い。 ※ページ数分複写してご利用下さい

2008/9/8

New-AD Internet Marketing Division


ナビ左部配置タイプ 入稿シート【ページ名:トップページ

11

※左図にページのレイアウト及び指定原稿・画像データ名をご記入下さい。

ナ ビ ゲ ー シ ョ ン 領 域 で す

キャッチフレーズorページタイトルが入ります

メインビジュアルが入ります。 メインビジュアルはサイトとしての統一性を維持させるため、 全ページ共通とさせていただいております。 下層ページはトップページの写真の天地サイズを小さく したものが入ります。

ご注意事項: ★ページの長さはA4縦換算で1枚 A4用紙縦換算で1ページを超えた場合は2ページとして換 算されます(追加費用がページあたり2万円発生します。)。 ページが縦に長くなる場合はご留意ください。 ★文字が多い場合 文字原稿はページあたり200文字を超える場合は、 別途ワードなどで文字情報をご用意いただき、シート側に は記入例を参照いただき、ワクとデータ名のみをご記入下さ い。 ※ページ数分複写してご利用下さい

2008/9/8

New-AD Internet Marketing Division


ナビ左部配置タイプ 入稿シート【ページ名:下層ページ:

12

※左図にページのレイアウト及び指定原稿・画像データ名をご記入下さい。

キャッチフレーズorページタイトルが入ります ナ ビ ゲ ー シ ョ ン 領 域 で す

メインビジュアルが入ります。 メインビジュアルはサイトとしての統一性を維持させるため、 全ページ共通とさせていただいております。 下層ページはトップページの写真の天地サイズを小さく したものが入ります。

ご注意事項: ★ページの長さはA4縦換算で1枚 A4用紙縦換算で1ページを超えた場合は2ページとして換 算されます(追加費用がページあたり2万円発生します。)。 ページが縦に長くなる場合はご留意ください。 ★文字が多い場合 文字原稿はページあたり200文字を超える場合は、 別途ワードなどで文字情報をご用意いただき、シート側に は記入例を参照いただき、ワクとデータ名のみをご記入下さ い。 ※ページ数分複写してご利用下さい

2008/9/8

New-AD Internet Marketing Division


13

仕様書 構築するサイトの詳細な仕様書となります。

3.3. ディレクトリ文字数 1)ディレクトリ名は半角8文字以内で収めるようにすること。(推奨) 3.4. ディレクトリルール 1)画像ディレクトリ名は 「img」 とする:共通画像とディレクトリ別画像のディレクトリは分ける。

1. HTML制作ルール 1.1. 文字コード 1)Shift-JISとする。 ※システム要件によるリクエストなどからEUC-JP、UTF-8などとする場合もある。

例: img/ ディレクトリ名A/img ディレクトリ名B/img

1.2. HTMLバージョン ・XHTML1.0 transitional

2)基本的英単語表記にし、なるべく内容が分かるような命名をすること。

1.3. マークアップ全般 ・文章内容に適したマークアップをし、W3Cが勧告するXHTML1.0の仕様書に準拠したマークアップを行う。 1.4. 改行とインデント 1)tabを使用し、全角、半角スペースを使用しない 2)改行は適宜行う

<label>:・ラジオボタン、チェックボックスなどは項目名を押しても選択されるように、このタグを使用する。

2.2. フォントファミリー 1)・フォントファミリー:特に指示がなければ、下記フォント順位を用いる。 "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3" 3.ディレクトリ作成ルール 3.1. ディレクトリ作成権限について 1)サイト作成開始時にディレクトリリストを必ず作成し、それに沿って運用を行う。 作業中にディレクトリの増減、リネーム等を行う場合は、担当者間で取り決めること。 3.2. ディレクトリ名使用文字 1)ディレクトリ名に使用できる文字は以下のとおり。 ・「a」~「z」までの小文字のアルファベット(1バイト) ・「0」~「9」までの英数字(1バイト) ・「-(ハイフン)」と「_(アンダースコア)」(いずれも1バイト) ・先頭には「-(ハイフン)」「_(アンダースコア)」を使用しない。

2008/9/8

例: (○) 「/services/」「/support/」「/contact/」 (×) 「/sv001/」「/usrsup/」「/contfrms/」

3)数字を用いる必要がある場合は、01,02...09,10,11など、先頭に0をつけること 4.ファイル作成ルール

1.5. 主なタグの共通ルール <title>:・ページタイトル|サイトタイトル <h1>:・特に指定がなければサイトタイトル、ロゴなどに入れる。 <img>: ・imgタグには必ず画像サイズ属性と属性値を指定すること。 (画像のサイズを指定することによって、ページの読み込む早い段階でレイアウトが決定される ため、 全体のレンダリングが早く終了する) ・alt属性にて画像の代換えとなるテキストを設定する。 ・記載不要な場合は、「alt=""」と空の設定をする。 <div>:・<div>タグが多くなると、ソースでサイト内容が把握しづらくなるため、 </div><!--/wrap-->」などと閉じ</div>の直後にコメントを入れる。

2.CSS制作ルール 2.1. 文字コード 1)Shift-JISとする。 ※システム要件によるリクエストなどからEUC-JP、UTF-8などとする場合もある。

←共有画像 ←ディレクトリAのみで使用する画像 ←ディレクトリBのみで使用する画像

4.1. ファイル名使用文字 1)ファイル名に使用できる文字は以下のとおり。(ファイル名には拡張子必須) -「a」~「z」までの小文字のアルファベット(1バイト) -「0」~「9」までの英数字(1バイト) -「-(ハイフン)」と「_(アンダースコア)」(いずれも1バイト) - 先頭には「-(ハイフン)」「_(アンダースコア)」を使用しない。 ※ファイル名に2バイト文字とスペースは不可。 4.2. ファイル名文字数 1)拡張子を含む半角30文字以内とする 4.3. 文字コード 1)Shift-JISとする。 ※システム要件によるリクエストなどからEUC-JP、UTF-8などとする場合もある。 5.コーディング後チェック 5.1. 文法チェック ・HTML-Lint(チェックツール)を用いて検証を行う。 (※6点以上のエラーを無くす。) URL http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html 5.2. ブラウザチェック 1)サポートブラウザ及び検証テストブラウザは以下とする。 (Internet Explorer 5.X、Netscape4.78、6.0についてはそれぞれマイクロソフト社、ネットスケープ社での配布・サポート が終了していることから検証対象から外す。) OS+ブラウザ WindowsXP + InternetExplorer6 WindowsXP + InternetExplorer7 WindowsXP + FireFox WindowsXP + NetscapeNavigator WindowsXP + Opera MacOS + Safari MacOS + FireFox MacOS + Opera MacOS + IE

A群 ○ ○ ○

B群

○ ○ ○ ○ △ △

※案件により例外あり A群 ブラウザチェックの保障対象。レイアウト、プリントプレビュー、JavaScriptなどのプログラムの挙動、リンクなどを含み、全ページ目視で確認をします。 B群 レイアウトで崩れなどがあったり、JavaScriptなどのプログラムの挙動が若干問題がある場合でも、情報として閲覧できるもの。

5.3. モニタ解像度 1)解像度1024x768を前提とする。 ・ウィンドウ幅を最大化したときに横スクロールが発生しないこと。 ・確認を行うブラウザは、ツールバーの表示などを含めて初期設定で行うこと。

New-AD Internet Marketing Division


入稿素材チェックシート 入稿シートのご記入お疲れ様でした。 ご入稿いただく直前のチェックシートです。ご入稿モレがないように、下記素材が揃っているかどうかのご確認をお願い申し上げます。

【原稿関連】 ‡入稿シート一式 ‡文字データ ‡A4縦サイズを超えたページのご確認(ご入稿後再度お見積をお送りいたします。) 【素材関連】 ‡ロゴデータ ‡ロゴを作成する場合はそのラフ(配色や参考を添付ください。)(ご入稿後再度お見 積をお送りいたします。) ‡写真データ ‡写真データ名と配置位置を入稿シートにご記入いただいていますか? ‡図版データ ‡図版データ名と配置位置を入稿シートにご記入いただいていますか? ‡作図点数のご確認(ご入稿後再度お見積をお送りいたします。)

2008/9/8

New-AD Internet Marketing Division

14


15

ご入稿および仕様のご確認書

本入稿シートに記入した内容には相違がなく、また入稿シート内の「諸注意事項・備考・仕様」について同意したうえで入稿いたします。 ご記入日

平成

御社名

2008/9/8

貴社ご担当者様印

New-AD Internet Marketing Division

ニューアド社ホームページお任せパッケージ入稿シート  

0809時点での入稿シートとなります。

Read more
Read more
Similar to
Popular now
Just for you