---------------------------------------------------------
★傘屋の和ちゃん熱血コラム『実践ウェブショップ』VOL.42
　〜　ワンランク上のネットショップづくり　〜
【貴方の注文書をカラフルに】宮武　和広
---------------------------------------------------------

【注文ボタンにも、貴方のカラーをだしましょう】

いつも肩肘はったコラムが多いとご指摘をうけました(笑)ので、今回は
ちょっと肩の力を抜いたコラムを一題。注文書ページの送信ボタン、な
んだか灰色で味気ないなぁ・・とお悩みの方は多いのではありませんか
そこで！この「味の素」まずは私のニュートップページを見てください。
http://www.kasaya.com/

IE4.0以上で見ると、あらら送信ボタンに色や画像がついているのがお
分かりになるでしょう。これはすごく簡単なんです。フォーム送信タグ
の部分に以下のSTYLE表記を入れるだけ(Windows版IEのみで作動します)

★画像の場合〜そのファイルからの相対パスでOK
STYLE="background-image:url()"
例：STYLE="background-image:url(icon/back.gif)"

★色の場合〜色ネームwhite または #FFFFFF等の表記の両方可
STYLE="background-color:"
例：STYLE="background-color:white"

◆送信ボタンへの応用例


エアコンのCMではありませんが、注文ボタンにも貴方のカラーを出しま
しょう！無味乾燥な灰色ボタンではお客様のお買い物心も萎えて？しま
いまっせぇ(ホンマか)

またこれは注文ボタンだけではなく、色んな場面で使えますね

─────────────────────
例：バックの木目に同化させるとお洒落
http://www.kasaya.com/fujisawa/buyou.htm
─────────────────────


<INPUT TYPE="submit" VALUE="二つ切助六 紺(拡大)"
STYLE="background-image:url(kabegami/06.jpg)">


─────────────────────
例：バックの色に同化させてソフトに
http://www.kasaya.com/hajimete.htm
─────────────────────


<input type="button" value="前のページに戻る"
onclick="history.back()" STYLE="background-color:#FFFFE0">



【入力フィールドにもひと工夫】

同じ要領で入力フィールドもカラフルなものになります。同じく傘屋の
トップページ下部の「クイックメール」をご覧ください。本文以外は、
いろんな入力バックカラーが使用されていますでしょう。タグ記述は

●お名前

●お名前<INPUT TYPE="text" name="realname"
STYLE="background-color:#FFFFAA">

●メールアドレス

●メールアドレス<INPUT TYPE="text" name="email" SIZE="30"
STYLE="background-color:aqua">


ちょっとした工夫で注文フォームはずいぶん違ったイメージになります
今後は注文フォームや入力フォームも、このタグを用いてもっともっと
カラフルにカスタマイズすることが主流となることでしょう！(^_^)

【送信言葉もひとくふう】

http://www.kasaya.com/order/order1.htm

私のメインオーダーページには、単に「送信」「リセット」とせずに
「傘屋さんに注文する！」或は「傘屋さん、頼んだよ！」などと、ここ
でもアイデンティティを打ち出すようにしています。杓子定規な表現法
「送信」「リセット」は所詮パソコン屋さん(失礼)が打ち出した言葉。
お商売人の知恵を絞って、押してもらえる引力をもったボタン・ワード
にいたしましょう！

【Netscapeとのデザインバランス】

さてさて私がページをつくりはじめた時は「NetscapeとIEの両方で確実
に表現されるもの」が良しとされた時代でしたが、時は変わり、ユーザ
ー比率も逆転。そのうえデザインの自由性に大きな差がついてしまった
今日では「IEでちゃんと表示され、Netscapeでは表示されないが大筋の
崩れないもの」という捉え方が電子商店では一般的になりつつあります。

両者は独自性を競い合ってきたものですが、ここに来てNetscapeのデザ
イン面での向上心の無さが、常にインターネット普及をリードしてきた
ブラウザだけに残念に思われてなりません。マック愛好者の方ごめんネ
闘いを放棄するには、まだまだ早いぞNetscape頑張りなはれ！


　　　~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
　　　宮武　和広（傘屋の和ちゃん）
　　　潰れた老舗、いまサイバースペースで甦る！
　　　創業１０３年のノウハウ、サービス満載
　　　 　　　『雨降って傘屋どっと混む』
　　　心斎橋みや竹　kasaya.com

　　　~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~