頑張ろう！商店主さん向けHTMLセミナー！Chapter9

商店主さん向けHTMLセミナー
windows95&Internet Explorler準拠

Chapter 9 Part.1

　さあ、この講習であなたが今から売ろうとするものは、ナムコさんの最新のソフト「タイムクライシス」だと仮定します。ただ商品名を羅列したのでは愛想も力もありませんので、ここは一番オーナーさんが、このゲームを一押しする「スペシャリストのおすすめトーク」を含めた、性根の入った商品ページ造りをめざしてみましょう！

　shopのpageフォルダの中に、更にsoftフォルダを作成し、その中で新規作成⇒テキスト文書をえらんで、メモ帳のファイルを作ってください！名前は、とりあえず「crisis.txt」にしときましょう

　では、下のメモ帳画面の<HTML></HTML>の部分を第六日に解説した「貼り付けの極意」の要領でそのメモ帳に貼り付けてみてください！これまで学習されたあなたなら、もうこのソースからぺージが想像できるでしょう？！以下は初歩の記述で、H1やH2の見出しと本文、そして改行でつくったものです。
説明文は「単なる紹介」でなく、いろんな「あなた独自の味」をだしていきましょう！これが大手通販や百貨店には真似できない「小売店、専門店」の味わいです。過度の賛辞表現は慎むべきでしょうが、「あ、これなら買ってみたい！」という衝動にかられる「おすすめトーク」にはいつも心砕いていきましょう

■crisis.txt-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>タイムクライシス！ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">

<H1 ALIGN="center">
<FONT COLOR=red>タイムクライシス</FONT>
</H1>

アーケードで大人気のガンシューティングGAMEが遂にプレステに移植されました！<BR>
「撃つ」「隠れる」といった画期的なシステムも忠実に再現<BR>
さらに「ガンコン」でアーケードのスリルをそのまま、ご家庭でリアル体験<BR>
興奮のるつぼとなり、父子でガンコンの取り合いになること必至です<BR>
なお、それにより家庭内に不和、不協和音が生じましても<BR>
当店はいっさい関知いたしませんので、悪しからずご了承ください<P>
<HR>
<H2 ALIGN="center">
<FONT COLOR=brown>ゲームのあらすじ</FONT>
</H2>

悪の王家の末裔に捕らえられた、セルシア共和国令嬢レイチェル<BR>
背後には世界的な犯罪組織も関与<BR>
彼らはレイチェルの命と引き換えに軍事秘密を要求してきた！<BR>
主人公リチャードは、約束の期限の日没までに<BR>
レイチェルを救出できるのだろうか<BR>

<HR>
<H2 ALIGN="center">
<FONT COLOR=indigo>お客様の声</FONT>
</H2>

福岡県 ○○○○さま<BR>
Ａｎｓ　アーケードの頃からちょくちょくとやっていたけど、やっぱいい！！
なんてったって、ナムコお得意のＣＧ演出で気分を盛り上げ、洋画のような仕上がり、
特にボイスが英語っていうのがね、さすがナムコってところかな。ガンコンの精度も悪くないし
（いいとはいえないけど）自分のレベルによってストーリーがかわるっていうのもいいね。
早くタイムクライシス２がでてくれればいいのに…？。がんばってナムコ！

<P>
<A HREF="../../order/order1.htm">注文書へ</A>
</BODY>
</HTML>

　では、これをcrisis.htmと名前をかえてブラウザでみれるようにします！右クリックから「名前の変更」をえらんでください。「拡張子をかえるとファイルが使えなくなりますが」というダイアログに「はい」と答えます！大丈夫！txtとhtmは文書ファイルで親戚みたいなものです。ただ、前者はタグを認識せず、後者はタグを認識してブラウザに反映させるという違いです。

ひとつファイルをつくると、後はそれを「ひな型」として作成することができます。
いちばん最初だけ面倒ですが、この手順を踏んでください。

タイムクライシス！ -Microsoftインターネットエクスプローラ

ファイル(F) 編集(E) 表示(V) 移動(G) お気に入り(A)　ヘルプ(H)

タイムクライシス
アーケードで大人気のガンシューティングGAMEが遂にプレステに移植されました！
「撃つ」「隠れる」といった画期的なシステムも忠実に再現
さらに「ガンコン」でアーケードのスリルをそのまま、ご家庭でリアル体験
興奮のるつぼとなり、父子でガンコンの取り合いになること必至です
なお、それにより家庭内に不和、不協和音が生じましても
当店はいっさい関知いたしませんので、悪しからずご了承ください

ゲームのあらすじ
悪の王家の末裔に捕らえられた、セルシア共和国令嬢レイチェル
背後には世界的な犯罪組織も関与
彼らはレイチェルの命と引き換えに軍事秘密を要求してきた！
主人公リチャードは、約束の期限の日没までに
レイチェルを救出できるのだろうか

お客様の声
福岡県 ○○○○さま
Ａｎｓ　アーケードの頃からちょくちょくとやっていたけど、やっぱいい！！なんてったって、ナムコお得意のＣＧ演出で気分を盛り上げ、洋画のような仕上がり、特にボイスが英語っていうのがね、さすがナムコってところかな。ガンコンの精度も悪くないし（いいとはいえないけど）自分のレベルによってストーリーがかわるっていうのもいいね。早くタイムクライシス２がでてくれればいいのに…？。がんばってナムコ！
注文書へ

　どうですか？ちゃんとでましたか。さあ、商店主さん、大事なのはここからです！このゲームを既知で、絶対欲しくてきた人は別ですが、今はじめてここにこられた方に、それなりの購買インパクトがあるでしょうか？答えはNOです。

　では、どうすればよいか考えましょう？

1.文字にメリハリをつけてみる
2.罫線等を使用して、レイアウトを考えてみる
3.なにか臨場感のあふれる軽めの画像を貼ってみる
4.専門店ならではの「気配り」をいれる！

　通常ソフト販売の場合などは、３はなくても良い！かもしれませんが、色々な職種に適応する講座という意味から、ここは何がしかの商品画像を貼る！っということにします

　1と2は今までのタグ知識を生かして、色々とトライしてみましょう。
4は、例えば、このゲームをSCPH5500という機械で遊ぶ場合、別途アダプターSCPH1160が必要になります。これが案外ないのです！私も日本橋じゅう探しましたが、やっと最後の一軒でみつけました。後に、このアダプターのページを造り、ここからリンクをはりましょう！そして、「別途アダプターが要ります」という案内をちゃんと掲載しましょう。せっかく買ったソフトが使用できないのは残念なものですから..

こういった「心配り」こそ専門小売店の味なのです。この「心配り」の手間を省くことは、自分達の最大の長所をみすみす見殺しにしてしまうことですよ。

商品画像の著作権

　商品の画像を紹介できればいいのですが、これが問題なのです。産直ページの「りんご」や「鯵」、これはもちろん著作権は関係ありません。洋服や洋品などは、（あなたがデザインしたもの以外は）厳密にいうと著作権が発生すると思うのですが、こちらは商品そのものを写真紹介しないと話になりませんし全く商売になりません。通販生活が普及した今は、ある程度は柔軟に考えていいものと理解しています！ただし、メーカーや製作者にきちんと承諾をえたうえでの使用が望まれます。

一番問題は「本の装丁やCDやGAME SOFTのジャケット」なのです。これらは、それ自体が立派な芸術品であり、著作権があります。承諾なしに「流用」することはできません。私もここでCDを販売していますが、自分が製作したCDばかりであり、ちゃんと販売元にも許可をえて CD画像を掲載しています！

著作権解説本によると、「たとえば表紙の画像を独立の画像そのものとして掲載はできませんが、本の表紙としてのイメージであったり、CDのイメージをあらわすものとして利用される範囲のものであれば、利用が可能」だそうです。たとえば、「比較的小さな写真であるとか、本の立体写真など、大きさや画質、写す角度等に配慮がなされた、宣伝に相当な程度の画像なら、商品の紹介としてなら使用できる。この場合の利用は合法的な引用の範囲となる」らしいのですが、やはり細心の注意をはらうにこしたことはありません。
(参考文献：ホームページデザイン　エーアイ出版）

　たとえ販促目的といえども、安易にGAMEの画像を掲載できないことはわかりました！では、どうすればよいのでしょうか。全くあきらめてしまわねばならないのでしょうか？

⇒次へすすむ

BACK HOME