Lucida Console 10pt : [an error occurred while processing this directive]
Lucida Sans Italic 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 :
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 MSP Gothic 10pt bold :
6a Verdana 9pt bold :
ホーム へ サンプルページ アクセスカウンター counter.shtml
アクセスカウンター、SSIテキストモード版、hi-hoでの(例)。 条件: Webサーバーが、Perl による SSI/CGI をサポート。 フォント、サイズ、配色、枠線など、カスタマイズはテキストエディターなどで可。 all 対応。 コピー、編集し、簡単にWebで応用できまっ、(^ ^)。
< ご使用方法 >
・ ローカル(=PC)への保存は、wwwcounter/ をクリック開いたホルダーで、counter.shtml を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。
・ 次のように、CGIスクリプトなど必要なファイルを準備します。
1) WwwCounter Ver3.15利用メモ にアクセス、wcnt315.zip - WwwCounter Ver3.15 をダウンロードします。 解凍し、下記のファイルを準備します。
ファイル名 パーミッション 転送・配置ホルダー 説明
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[サーバー上での制限事項について] を参考に作成します。
・ このHTMLの実装方法は、counter.shtml をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1) 〔省略可〕を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。
・ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトの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などで変わったファイル名は要修正。 スクリプト構文中への改行混入は非作動原因。
・ 関連情報 : 色記号、2、スタイルシートリファレンス、ホームページ開設入門 が便利!。 Web & Internet Samples、Online Columns、XML、DHTMLとは?、ColorTable、HTMLの色指定、色見本。
(*1) : counter.shtml (例) 挿入先の <head> 〜 </head> の、〜 部分にペーストします。
HTMLの編集方法 | (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
シフトJIS使用(削除不可) ieなどに表示するアイコンファイル名(削除可) <style type 〜 </style>は(削除可)
リンクを新しいWinで開くを標準(削除可)※:target= いろいろ |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank">
|
(*2) : counter.shtml (例) 挿入先の <body> 〜 </body> の、〜 部分にペーストします。
HTMLの編集方法 | (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
※:<body> 部の編集 背景 リンク 表示済みリンクンク アクティブリンクの各色(任意値) フォント 〃サイズ 〃スタイル 背景色 テキスト色 カウンタータグ メールアカウント名 CGIファイル名 以下、同様。
太字
絶対位置指定 サイズ 凹罫線色 カウンタータグ( 同じ) |
<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">
==== この間、説明を省略。 ==== <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"> <!--#include
virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"--></span><!-- ここまで ★6 --></p> <p> </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"> <!--#include
virtual="/cgi-bin/user/メール-ルアカウント名/wwwcount.cgi"-->
</span></div><!-- ★6a ここまで --></p> |
< 補足 > 適時参照あれ!。