Lucida Console 10pt :      [an error occurred while processing this directive]

Georgia 10pt :          [an error occurred while processing this directive]

MS Gothic 10pt :         [an error occurred while processing this directive]

MSP Gothic 10pt :         [an error occurred while processing this directive]

Trebuchet MS 10pt :       [an error occurred while processing this directive]

Georgia Italic 10pt :        [an error occurred while processing this directive]

Monotype Corsiva 11pt :    [an error occurred while processing this directive]

Times New Roman 10pt :   [an error occurred while processing this directive]

 

1a Verdana 10pt bold :      [an error occurred while processing this directive]

2a Tahoma 10pt bold :     [an error occurred while processing this directive]

3a MSP Gothic 10pt bold :   [an error occurred while processing this directive]

4a Arial 10pt bold :        [an error occurred while processing this directive]

5a Lucida Console 10pt bold :

 [an error occurred while processing this directive]

6a Verdana 9pt bold :    

 [an error occurred while processing this directive]

 

 

 

 

 

ホームへ       サンプルページ アクセスカウンター counter.shtml

アクセスカウンター、SSIテキストモード版、hi-hoでの(例)。   条件: Webサーバーが、Perl によるSSI/CGI をサポート。     フォント、サイズ、配色、枠線など、カスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。

 

< ご使用方法 >

・ ローカル(=PC)への保存は、wwwcounter/ をクリック開いたホルダーで、counter.shtml を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。 

・ 次のように、CGIスクリプトなど必要なファイルを準備します。

1) とほほのWWW入門/WwwCounter Ver3.16利用メモ にアクセス、wcnt316.zip - WwwCounter Ver3.16 をダウンロードします。  解凍し、下記のファイルを準備します。

ファイル名      パーミッション   転送・配置ホルダー  説明
     wwwcount.cgi  755       cgi-bin/       CGIスクリプトファイル。
     wwwcount.cnt  666       cgi-bin/       カウンター値保存ファイル(最初は空)、テキストエディターで開き初期値〔0010000など〕を設定できます。
     wwwcount.dat   666       cgi-bin/       日付保存ファイル。(最初は空)
     wwwcount.acc   666       cgi-bin/       アクセスログ保存ファイル。(最初は空)
     lock        777        cgi-bin/       ロックファイル作成用フォルダ。
     *.shtml      755       任意          アクセスカウンターを実装した、*.shtmlファイル。    ※: ファイル名、URLは任意、拡張子は、shtml 限定。  *.html 変更→ *.shtml

2) SSI のテキストモードで使用のため、次の変更を行います。   (1) wwwcount.cgi をテキストエディターで開き、 $mode = "";  行を、 $mode = "text";  に書き換え 。

3) カウンタータグを、 hi-ho[サーバー上での制限事項について1. アクセスカウンター を参考に作成します。

・ このHTMLの実装方法は、counter.shtml をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、<head> 〜</head>の任意の行間に (*1) 〔省略可〕を、さらに<body> 〜</body>の任意の行間に (*2) をペーストします。

・ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのテキストエディター、あるいはホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*2) を参考に太字部分の編集を任意に行います。   同じ日、同じIPアドレスからの複数アクセスの、”非カウントアップ設定”は、wwwcount.cgi の、$do_address_check = 0; 行を、$do_address_check = 1; に、変更します。  詳細・その他は、wwwcount.cgi の”カスタマイズ”項を参照。       ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

・ 複数ページにカウンターを実装するには、(*2) を参考に 、 ★1 〜 ★8 から選び、コピー、編集、ペーストします。       ※: このアクセスカウンターを実装したページのファイル名、URLは任意、拡張子は、shtml 限定。

・ 作動テストは、Webサーバーに転送・アップロードし、 Internet Explorer 6.x〜 などで開いて。    更新の確認は、ie、Netscapeやサーバーからのキャッシュデーター更新を、目的のページを表示し ieで [F5]キー を押し最新データ読み込みで行います(≠再アクセス)。   Netscapeは、Ctrl+Rキーで。

・ アップロードや作動テストは、転送・配置ホルダーは、上の 1) 参照。    パーミッションの確認・設定を行います。       ※: FTPなどで変わったファイル名は要修正。  スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号62スタイルシートリファレンスホームページ開設入門が便利!。   Web DevelopmentWeb開発MSDN IE8 HTMLとCSS

 

(*1) counter.shtml (例)        挿入先の  <head> 〜 </head>の、部分にペーストします。

HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type 〜</style>は(削除可)
(*1)〜(*3)表タイトル背景

body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

 

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent
お気に入り、タスクバーに表示するページ名(≠ファイル名)

 

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('../wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('../wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
</style>

<base target="_blank">
<title>サンプルページ   アクセスカウンター</title>

 

 

(*2) counter.shtml (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

※:<body>

 

フォント 〃サイズ 〃スタイル 背景色 テキスト色 カウンタータグ メールアカウント名 CGIファイル名

以下、同様。

 

 

 

 

太字

 

 

 

絶対位置指定 サイズ  凹罫線色

カウンタータグ( 同じ)

 

<body>


<!-- ☆ --- ↓ ★1 〜 ★8 から選び、コピー、編集、ペーストします。 -->

<p>Lucida Console 9pt :   &nbsp; <!-- ★7 ここから --><span style="font-family:Lucida Console; font-size:9pt; font-weight:normal; background-color: #4D4858; color:#F1E3C8; letter-spacing: 2px">&nbsp;<!--#include virtual="/cgi-bin/user/メールアカウント名/wwwcount.cgi"--></span><!-- ここまで ★7 --></p>

<p>Verdana 9pt :       &nbsp; <!-- ★1 ここから --><span style="font-family:Verdana; font-size:9pt; font-weight:normal; background-color: #4D4858; color:#DDC6F1; letter-spacing: 2px">&nbsp;<!--#include virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"--></span><!-- ここまで ★1 --></p>

====  この間、説明を省略。  ====

<p>Times New Roman 10pt : <!-- ★6 ここから --><span style="font-family:Times New Roman; font-size:10pt; font-weight:normal; background-color: #4D4858; color:#D6DBF5; letter-spacing: 2px">&nbsp;<!--#include virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"--></span><!-- ここまで ★6 --></p>

<!-- ☆ --- ↑ ★1 〜 ★8 から選び、コピー、編集、ペーストします。 -->

<p> </p>
<!-- ☆ ------ ↓ ★1a 〜 ★6a から選び、コピー、編集、ペーストします。 ---------- -->

<p>1a Verdana 10pt bold :    <!-- ★1a ここから --><span style="font-family:Verdana; font-size:10pt; font-weight:bold; background-color:#46424C; color:#E6C69C; letter-spacing:2px">&nbsp;<!--#include virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"--> </span><!-- ここまで ★1a --></p>

====  この間、説明を省略。  ====

<p>6a Verdana 9pt bold :    <!-- ★6a ここから --><div style="position:absolute; left:155; top:487; width:86; height:12; font-family:; font-size:pt; font-weight:; color:; border-style:inset; border-width:1; border-color:#C1BAD1; padding-left:2; padding-right:2; padding-top:1; padding-bottom:1; background-color:#FFFFF5;"> <span style="font-family:Verdana; font-size:8pt; font-weight:bold; background-color:#514C63; color:#D1C8F1; letter-spacing:2px">&nbsp;<!--#include virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"--> </span></div><!-- ★6a ここまで --></p>

<!-- ☆ ------ ↑ ★1a 〜 ★6a から選び、コピー、編集、ペーストします。 ---------- -->
 

 

< 補足 >    適時参照あれ!。

・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。

ハロー(^. ^)