サンプルページ　メールデコード、カウンター　U-Page+専用

ﾎｰﾑへ　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾒｰﾙﾃﾞｺｰﾄﾞ、ほか　　　　　U-Page+ : mail.htm

【1】　訪問者に、”ﾃｷｽﾄﾎﾞｯｸｽ”にお言葉などを書いて貰い、ﾒｰﾙで受信。　　　So-net、U-Page+ﾕｰｻﾞｰ専用CGI使用、ﾒｰﾙﾃﾞｺｰﾄﾞﾌｫｰﾑの作成・応用、(*1)、(*2) 参照。　　　　　ﾌｫｰﾑの背景/文字/ｽｸﾛｰﾙﾊﾞｰ色や、ｻｲｽﾞ変更は簡単。　　　　ｺﾋﾟｰ /編集して応用できます。　　　　送信後に表示させるﾍﾟｰｼﾞの（例）mail2.htm も。　　　　　★ 部分のＨＴＭＬはめいめいの値を当てはめ使用（厳守！）。　　　　　関連・参考情報： asiato.htm（足跡を貰う。）、JavaScriptTips（定形文ﾒｰﾙ） → ◆ 15、form2.htm（ﾌｫｰﾑ、入力必須・ﾁｪｯｸ項目あり。）、form4a.htm（ﾌｫｰﾑ、ｸﾞﾙｰﾌﾟ・氏名選択ﾒﾆｭ、ﾁｪｯｸﾎﾞｯｸｽ、択一ﾎﾞﾀﾝ。）

ﾃﾞﾓは、下の　[送信します]　ﾎﾞﾀﾝを押し、『おことば、ありがとうございます、…*。　=(^。^)=』　のﾍﾟｰｼﾞ（★　送信後に表示するWebﾍﾟｰｼﾞ：mail2.htm）の表示で。　　　　※: 受信ﾒｰﾙｱﾄﾞﾚｽを自分のｱﾄﾞﾚｽなどに要変更。

名前、ﾒｰﾙｱﾄﾞﾚｽ、ﾒｯｾｰｼﾞに記述したﾃｷｽﾄ〔≠半角ｶﾀｶﾅ〕が受信できます。

・　ﾛｰｶﾙ（=PC）への保存は、 mail.htm mail2.htm　を右ｸﾘｯｸします。　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……などで。　　 ※：hogehoge.html　はHTML挿入ﾌｧｲﾙの総称。

・　PCに保存したﾌｧｲﾙを、” WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのHTMLﾀｸﾞ編集/挿入ﾒﾆｭｰで開き編集して使用します。　　　★ 部分のＨＴＭＬは、編集必須、各人の情報を反映させ使用。　　　受信ﾒｰﾙｱﾄﾞﾚｽ：全てのﾌﾟﾛﾊﾞｲﾀﾞｰ、Webﾒｰﾙ、転送ｱﾄﾞﾚｽなど。　　　　ﾛｰｶﾙ（=PC）に保存した mail.htm をﾃｷｽﾄｴﾃﾞｨﾀｰなどで開き、(*1)、(*2) 部分をｺﾋﾟｰします。　　　任意のHTMLﾌｧｲﾙ hogehoge.htmlに、ﾃｷｽﾄｴﾃﾞｨﾀｰあるいは、HTML挿入ﾒﾆｭｰを使って <head>　～　</head> の～部分に(*1) を、　<body>　～　</body>の～部分に (*2) をﾍﾟｰｽﾄします。　　(*1) 部分は、ﾌｫｰﾑの背景色の編集であり、記述は任意。

　･　編集方法 ：下記の（例）(*1)、(*2)、(*3)　の太字部分を各人のﾃﾞｰﾀに変更後に使用。　　　説明のための太字、彩色自体は動作に関連無し。

　･　rgb(215,0,86) と #D70056 そして、rgb(105,0,168) と #6900A8 は同じ色。　　　汎用性が高いのは、#D70056 （Hex value形式）。　　　rgb(215,0,86)（decimal形式）は、未だﾌﾞﾗｳｻﾞ依存も。

　･　作動試験は、mail.htm や mail2.htm などのﾒｰﾙﾃﾞｺｰﾄﾞﾌｫｰﾑを挿入したHTMLﾌｧｲﾙや、送信後に表示するWebﾍﾟｰｼﾞなど使用するﾌｧｲﾙをU-Page+にｱｯﾌﾟﾛｰﾄﾞ後に行います。　　　ｽｸﾘﾌﾟﾄ中の改行混入は不作動原因。　　　　更新後は、F5ｷｰを押さえ再読み込み（≠再ｱｸｾｽ）で反映を確認。

(*１) ：　 mail.htm　（例）　　　　　　　　挿入先の<head>　～　</head>の、～部分にﾍﾟｰｽﾄします。

(*2) ：　 mail.htm　（例）　　　　　　　　　挿入先の<body>　～　</body>の、～部分にﾍﾟｰｽﾄします。

(*3) ：　 So-net　U-Page+　専用CGI ｱｸｾｽｶｳﾝﾀｰ　（例）　　挿入先の<body>　～　</body>の、～部分にﾍﾟｰｽﾄします。

　　　※：　libxxxは、http://wwwxxx.upp.so-net.ne.jp/　の、xxx部分の数字。　　ｶｳﾝﾄ値の画像ｻｲｽﾞ指定は、 ”112 HEIGHT=14”　部分の追加記述で。　　ｶｳﾝﾀ画像全体の幅（112）は、高さ（14）×桁（8）=112　　　※：標準は、追加記述部分無し。

※：　ﾕｰｻﾞｰが登録できるｶｳﾀｰﾃﾞｻﾞｲﾝ条件　　 ≦5KB、高さ=幅、*.gif。　　　※：×=ｲﾝﾀﾚｰｽGIF、ｱﾆﾒGIF。　○=透過GIF
※：　ｶｳﾝﾀｰ画像ﾀﾞｳﾝﾛｰﾄﾞ : Digit Mania - All(*1) 、英、日　　旧U-PageのCGIﾗｲﾌﾞﾗﾘｰ/ｶｳﾝﾀｰ画像 > 数字 01 02

(1)　認証（ﾛｸﾞｲﾝ） >…… > ｱｸｾｽｶｳﾝﾀｰの設置方法 でめいめいのHTMLｿｰｽ・ﾀｸﾞ作成・入手します。　　libxxxは、http://wwwxxx.upp.so-net.ne.jp/　の、xxx部分の数字。

(2)　Wordpad や、SimplTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰなどで、ｻｲｽﾞや、ｶｳﾝﾀﾃﾞｻﾞｲﾝ、桁数を編集・指定できます。　　　※：ｶｳﾝﾄ値を継続しつつ、何時でも変更できます。
　　　ﾍﾟｰｽﾄ時の不要なｽﾍﾟｰｽや改行の混入は不作動原因。

（例）：　　<IMG WIDTH=112 HEIGHT=14 SRC="http://lib001.upp.so-net.ne.jp/cgi-bin/counter.cgi?udir=oka&cname=oka001&gctype=S06&keta=8">　　　　　　　※1

(3)　めいめいの値を反映させた ※1を、ｶｳﾝﾀｰを設置するﾍﾟｰｼﾞに、下記のようにﾍﾟｰｽﾄ・記述します。
　　　先ず、挿入先のﾍﾟｰｼﾞ〔index.htmなど〕を Wordpad　や、SimplTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰや、それぞれのHTML編集ﾒﾆｭｰで開き、　※1　を、（例）のように挿入します。

記述/ﾍﾟｰｽﾄ位置は下の（例）の如く、HTMLの　<body>　～　</body>の、～　部分の任意行。　　表（ﾃｰﾌﾞﾙ）などに嵌めると任意配置が簡単。

<body>

</body>

横中央に配置する場合は、下記のように少し変更します。
　　　<IMG WIDTH=112 HEIGHT=14 SRC="http://lib001.upp.so-net.ne.jp/cgi-bin/counter.cgi?udir=oka&cname=oka001&gctype=S06&keta=8">

(4)　作動ﾃｽﾄは、Internet Explorerや、作成ｿﾌﾄのﾋﾞｭｰﾒﾆｭｰでｶｳﾝﾀｰを設置したﾍﾟｰｼﾞを表示して行います。　　IE：Ｆ５ｷｰ、NN：Ctrl+Ｒ　ｷｰを押さえ再読込み（≠再ｱｸｾｽ）でｶｳﾝﾄｱｯﾌﾟを確認します。
　　　ｶｳﾝﾀｰを設置したﾍﾟｰｼをｱｯﾌﾟﾛｰﾄﾞ=Webｻｰﾊﾞｰに転送/配置して、完了です。

(5)　※：　ｶｳﾝﾀﾃﾞｻﾞｲﾝやｶｳﾝﾄ初期値、桁数は、ｶｳﾝﾄ値を保持したままいつでも変更できます。　　　違ったｶｳﾝﾀﾃﾞｻﾞｲﾝ、複数のｶｳﾝﾀｰﾈｰﾑを複数のﾍﾟｰｼﾞなどに取り付け可能。〔ｶｳﾝﾀｰﾈｰﾑ毎の合計値になります。〕

　　非表示方法（ｶｳﾝﾄ作動）：

1)　　<IMG WIDTH=1 HEIGHT=1 IMG SRC="http://　……　keta=8">　　のように、　　IMG WIDTH=1 HEIGHT=1　　部分を追加し、小さい画像にします。　　　　あるいは、
　　　2)　　<IMG WIDTH=112 HEIGHT=14 IMG SRC="http://　……　keta=8">　　のように、　　　部分を追加し、CSSで非表示にします。

★　上記のｶｳﾝﾀｰﾀｸﾞ　※1部分の記述は下のように、それぞれのHP作成ｿﾌﾄにある、HTML挿入ﾒﾆｭｰを使っても行っても同じ。

　☆　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでの個別のHTMLﾀｸﾞの挿入手順

　　　挿入位置をﾎﾟｲﾝﾄし、[挿入]ﾒﾆｭｰから - [HTMLﾀｸﾞ]を選択し、またはAlt+Uキーを押します。

　　　HTMLのﾍﾟｰｽﾄ/記述を行い - [OK]にて完了。

　　　編集は、このｺﾝﾃﾝﾂ部分=〔?〕ﾏｰｸ　を右ｸﾘｯｸし、[属性変更]ﾒﾆｭｰでおこないます。

　　　　※　これらのHTML挿入方法は、Java Applet や、DHTML、Java Script などの追加にも重宝します。

　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで編集したHTMLをこの方法で貼り付けると、便利！。　　以下同様。

　☆　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでの全体のHTMLﾀｸﾞの編集/挿入手順

　　　最下段の[HTMLｿｰｽ]ﾀﾌﾞをｸﾘｯｸし、HTMLの編集を行います。

　　　ﾛｰｶﾙ（PC）に保存し、下段の[ﾌﾟﾚﾋﾞｭｰ] ﾀﾌﾞをｸﾘｯｸ、またはAlt+Pキーを押します。　ﾓﾆﾀｰで確認します。

　　　目的の　xxx.html　が保存されたﾎﾙﾀﾞｰを Explorer　で開き、ｸﾘｯｸし反映を確認します。

　☆　FrontPage Expressで、全体のHTMLﾀｸﾞの編集手順　　Internet Explorer5.0x～

　　　[表示] - [HTML]を選択し、【HTMLの表示と編集】、HTMLを追加/ﾍﾟｰｽﾄ/ｶｯﾄ/移動などの編集を実施します。

　　　[OK] で完了。　保存します。

　☆　FrontPage Expressで、個別のHTMLﾀｸﾞの編集手順

　　　[挿入] -【HTMLﾏｰｸｱｯﾌﾟ】、HTMLを追加/ﾍﾟｰｽﾄ/ｶｯﾄ/移動などの編集を実施します。　

　　　[OK] で完了。　保存します。

　　　この方法で挿入した部分は ”FrontPage Express” で開くと、　[？] ﾏｰｸで表示されます。

　　　[？] が表示されないときは、[表示 ] - [書式記号] に ”v”ﾁｪｯｸがあるか確認します。

　　　編集は、[？]　を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ] をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開いて行います。

　　　Wordpad などで編集したHTML=ﾃｷｽﾄ　をﾍﾟｰｽﾄできます。

　　　[？]　を任意のﾌｧｲﾙや位置に、貼り付け/移動/削除でき便利！。

　☆　Wordpadで、全体のHTMLﾀｸﾞの編集手順

　　　目的の　xxx.html　が保存されたﾎﾙﾀﾞｰを Explorer　で開きます。

　　　xxx.html　をﾎﾟｲﾝﾄ、反転表示に変わります、Shiftｷｰを押さえながら右ｸﾘｯｸし、ｱﾌﾟﾘｹｰｼｮﾝから開く、▼で最下を表示、”WORDPAD”　を左ｸﾘｯｸします。

　　　Wordpadが起動し、ﾃｷｽﾄ=HTML=いわゆるﾀｸﾞ　が表示されます。　編集します。

　　　”ﾃｷｽﾄ文書”で上書き保存します。

　☆　ｵﾝﾗｲﾝで目的の　xxx.html　が保存されたﾎﾙﾀﾞｰを Explorerで開き、目的のﾌｧｲﾙをｸﾘｯｸしﾌﾞﾗｳｻﾞで表示、反映を確認します。

　☆　FrontPage Expressや、Wordpadの起動手順

　　　Ctrl+Ｒｷｰを押し、Ｒｷｰを押す。

　　　名前を指定して実行] - 名前：　Fpxpress　や、　Wordpad　（半角）をﾀｲﾌﾟｲﾝ、Enterｷｰを押すでも可。

　　　また、　【ｽﾀｰﾄ】- [ﾌﾟﾛｸﾞﾗﾑ] - [ｱｸｾｻﾘｰ] - [ﾜｰﾄﾞﾊﾟｯﾄﾞ]　や、【ｽﾀｰﾄ】- [ﾌﾟﾛｸﾞﾗﾑ] - [ｱｸｾｻﾘｰ] - [ｲﾝﾀｰﾈｯﾄﾂｰﾙ] - [FrontPage Express]　でも。