┏━┳┳┳━┳━┓ ┃ ┫ ┃┃┃┃┃ アドバイスメール 2004/4/23 ┣ ┃ ┃┃┃┏┛ No.027 http://rps.shop-info.com ┗━┻┻┻━┻┛ info.com ━━━━━━━━━━━━━━━━━━━ 皆さん、こんにちは。 久しぶりのアドバイスメールです。 商品の総額表示方式もやっと慣れてきましたね。 まだホームページの価格を、修正されていないお店は、急いで修正して 下さい。 さて、新年度になりまして、ホームページをまめに更新したい！という 加盟店の声が、ここまで届いています。 しかも、もう少し個性を出したい！目立ちたい！というお店の声も聞こ えます。 以前のアドバイスメールでご紹介したこともありますが、今回もう一度 ページが目立つ方法と、色つき文字の方法をご紹介します。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ●＝目立つ方法＝「更新履歴編集」について ─────────── 情報更新すると、各地域の最初のページに店名と更新した項目が出ます。 この項目コメントを自由に編集できます。 ここを編集するだけで、アクセス数が違ってきます。 詳細な操作方法は、アドバイスメールの13号で説明しています。 以下のURLでご覧下さい。 http://data.shop-info.com/sites/koganei/web/advisemail/AM013.html ●＝目立つ方法＝「色つき文字」について ──────────── 色のついた文字や、大きさの違う文字を使っているお店があります。 以前にも紹介しました。例えば、次のお店のページです。 ◆西東京 台湾、中国茶、茶器専門店 迦葉茶屋 http://nishitokyo.shop-info.com/kashou ◆国立 キレイな写真DE年賀状！好評受付中!! 手芸とＤＰみどり http://kunitachi.shop-info.com/dpmidori ◆国分寺 ＊＊『お酒は20歳になってから』＊＊ 全国の美酒・名酒 なべや清水商店 http://kokubunji.shop-info.com/NABEYA/ ホームページは、「html」というインターネット上で、表現するための コンピュータ言語を使って作成しています。これによって、文字の色や 大きさを変えたり、ページの体裁などを整えることができます。 htmlの言語は、＜html＞ や ＜head＞などのタグとよばれるもので構成され ます。 ★★★！！注意！！★★★ 実際の表記は＜ ＞「全角かっこ」ではなく、< >「半角かっこ」です。 このページではタグ表記させるため、あえて全角かっこにしてあります。 「ショッピング情報」で使えるのは、文字の色と大きさです。 ではそのやり方を、以下に説明します。 ┏━━━━━━━━━━━━━━━━┓ ┃ 色つき文字や大きな文字の記述法 ┃ ┗━━━━━━━━━━━━━━━━┛ １．ログインして、ページの情報更新画面に入ります。 ２．メニューの中の「文章編集」をクリックします。 ３．「本文１・２・３」の中で使えますので、適当な文章を選びます。 htmlは、文章中の書式を変更したい部分の前後に約束事（タグといいます） を書き込むことによって、ホームページのデザインを変えます。 ショッピング情報のページでは、使用できるタグは制限されています。 文字の色、大きさ、太字・斜字の変更が可能です。 形式は次の４タイプです。 （１）文字色を変える：＜font color = 〜〜〜＞ ○○○○ ＜/font＞ （２）文字の大きさを変える：＜font size = 〜〜〜＞ ○○○○ ＜/font＞ （３）太字にする：＜b＞ ○○○○ ＜/b＞ （４）斜字にする：＜i＞ ○○○○ ＜/i＞ ※○○○○ は変更したい文字。文字数の上限はありません。 始めのタグは<……>ですが、終わりのタグはとなり、 スラッシュが入ります。 例：「本文１」の中に次の文章があったとします。 Ａ 母の日のプレゼントに、いかがですか？ Ｂ ちょっとおしゃれなお母様には化粧品を。 Ｃ 疲れているお母様には栄養ドリンクを。 Ｄ もっと働いてほしいお母様にはエプロンを。 （１）文字の色 例）Ａの文中を、＜font color=red ＞日＜/font＞とすると、 →「母の日」が赤字で表示されます。 ★Ａ→＜font color=red ＞母の日＜/font＞のプレゼントに、いかがですか？ htmlでは、色は本来は６桁の記号で表すのですが、通常は英語で対応 できます。 英語を使用できる色名は140種類ありますので、blue、green等の一般 的な色は大丈夫です。140色のリストは http://www.ne.jp/asahi/de/ru/color.htm のページに載っています。 （２）文字の大きさ 例）Ｂ文を、お母様には＜font size=+1＞化粧品＜/font＞を、とすると、 →「化粧品」が他の字よりも一回り大きく表示されます。 ★Ｂ→ちょっとおしゃれなお母様には＜font size=+1＞化粧品＜/font＞を。 htmlで文字の大きさを表示する方法は複数ありますが、ショッピング 情報のページでは、例で示したように、相対的に表す方法を用いると 良いと思います。標準の文字よりも小さくする場合は−（マイナス） を使ってください。 （３）太字 例）Ｃ文を、お母様には、＜b＞栄養ドリンク＜/b＞を、とすると →「栄養ドリンク」が太字で表示されます。 ★Ｃ→疲れているお母様には、＜b＞栄養ドリンク＜/b＞を。 （４）斜字 例）Ｄ文を、お母様には、＜i＞エプロン＜/i＞を。 →「エプロン」が斜字で表示されます。 ★Ｄ→もっと働いてほしいお母様には、＜i＞エプロン＜/i＞を。 ★★合わせ技 （１）文字の大きさと色と共に変えたいとき この場合、大きさも色も＜font＞のタグを用いるため、２つの変更事項を まとめて表記します。 例）＜font color=red size=+2＞母の日＜/font＞のプレゼントに、 →「母の日」が赤字で、大きさが２回り大きく表示されます。 このとき、color と size の順序を逆にしても構いません。 （２）＜font＞＜b＞＜i＞のタグを同時に使うとき。 数式に括弧（）をつける要領で、変更したい文字の前後外側へ、 タグを書いてください。 ＜b＞＜font size =+1＞○○○＜/font＞＜/b＞ ＜i＞＜b＞○○○＜/b＞＜/i＞ のように用います。 タグの組合わせが合っていれば、順序や数はどうでも構いません。 例）お母様には＜font color =green ＞＜b＞化粧品＜/b＞＜/font＞を。 →「化粧品」が緑字の太字で表示されます。 ★ハイパーリンク リンクは、ＵＲＬを入力すれば、自動的にhtml表示になります。 より詳しい説明は、インターネット上で公開しているページもあります。 例えばフォントについては、 http://020.chips.jp/tag/font/ など。 ただし、そのページに載っているタグの全てをショッピング情報のペー ジで使えるわけではないので、その点はご容赦ください。 ◎ お知らせ ───────────────────────── 今月は、加盟料金の振替月です。 口座振替で加盟料をお支払いいただいている加盟店様は、残高のご確認 よろしくお願いします！ 毎年４月と10月の27日が加盟料振替日です。どうぞご確認ください。 ※商工会からの集金の地域は、商工会から連絡が行きます。 ──────────────────────────────── 【近 況】 ウイルス対策は万全ですか？ ウイルス対策ソフトは必ず入れて下さいね。 自分だけではなく、お客様にも迷惑をかけないためにも！ ＯＳのバージョンアップも忘れずに！ アドバイスメール８号でも説明しています！ http://data.shop-info.com/sites/koganei/web/advisemail/AM008.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ◆アドバイスメールは、「ショッピング情報」の加盟店様へ最新情報と 管理者情報をお届けする無料のメール配信サービスです。 ◆「ショッピング情報」に関するご意見、ご感想をぜひお寄せ下さい。 rps@shop-info.com ◆「ショッピング情報」では加盟店を募集しております。 以下のページをお読みになりご賛同いただけるお知り合いのお店をご 紹介ください。 http://data.shop-info.com/sites/koganei/web/koganeiinfo.html ━ shop ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ NPO法人地域ポータルサイト推進協会 http://rps.shop-info.com 東京都三鷹市下連雀3-32-3（株）リエゾン内 rps@shop-info.com 【ショッピング情報の仲間たち】 http://kokubunji.shop-info.com/ http://koganei.shop-info.com/ http://nishitokyo.shop-info.com/ http://h-kurume.shop-info.com/ http://kunitachi.shop-info.com/ http://chofu.shop-info.com/ http://www.annex-tachikawa.com/ http://sorachi.shop-info.com/ http://www.kodaira-net.jp/ http://tokyo.shop-info.com/ Copyright(C) 2001-2004 特定非営利活動法人地域ポータルサイト推進協会 ━━━━━━━━━━━━━━━━━━━━━━━━━━ info.com ━ |