エラーページ

この概要は表示できません。投稿を閲覧するには ここをクリック してください。

サイトメンテナンス

mod_rewriteを使ってサイトのアクセスを制限します。
.htaccessに以下のように書くと、.htaccessを置いたディレクトリ以下にはブラウザからアクセスできなくなり、代わりに『x.html』というファイルの内容が表示されることになります。
x.htmlには、『サイトメンテナンス中です』とか他のページへのリンクを入れておくと親切。

RewriteEngine on
RewriteBase /
RewriteRule .* x.html

画像の直リンク

アクセス解析を見ているといろいろ解る。が、、
データは送ってるけどページビューが無い、
リンクを辿ると、画像の無断使用！！

常識的にむかつきます。
対策として、、

cgiを通すか、apacheの機能を使うか？cgiは重くなりそうなので
apacheの機能を使う事にする。

まずバージョンは1.3.13以降でないと使えないのでバージョンを確認。
htaccess書類を作ってftpでアップ後リネーム。
以下は内容。
SetEnvIfNoCase Referer "^http://www.yourdomain.com/" locally_linked=1
SetEnvIfNoCase Referer "^http://www.yourdomain.com$" locally_linked=1
SetEnvIfNoCase Referer "^http://yourdomain.com/" locally_linked=1
SetEnvIfNoCase Referer "^http://yourdomain.com$" locally_linked=1
SetEnvIfNoCase Referer "^$" locally_linked=1

Order Allow,Deny
Allow from env=locally_linked


サブドメインについて
SetEnvIfNoCase Referer "^http://www.account.yourdomain.com/" locally_linked=1
SetEnvIfNoCase Referer "^http://www.account.yourdomain.com$" locally_linked=1
SetEnvIfNoCase Referer "^http://account.yourdomain.com/" locally_linked=1
SetEnvIfNoCase Referer "^http://account.yourdomain.com$" locally_linked=1
SetEnvIfNoCase Referer "^$" locally_linked=1

Order Allow,Deny
Allow from env=locally_linked


＊htaccess書類は、最後に改行を入れる事！
サブドメインについて、詳しくは借りてるサーバに問い合わせること。

検索対策

googleなどの検索エンジンでは、動的ページはリスティングされないそうなので
.htaccessを使ってmod_rewriteを記述してルールを設定すれば静的ページとして表示されます。

読んで字のごとくRewriteEngineを起動させます。
RewriteEngine on
RewriteRule 『...』
以降にルールを設定して、〜.htmlとか入れておけば
htmlで作った風なアドレスになります。

cssでロールオーバー

Javaでのロールオーバーも簡単なのですが、ヘッダーと分離していて面倒なので
メニューの部分をcssのロールオーバーで書いてみた。

リンクする所のバックグラウンドに画像（menu_a.gif)を敷いて上から文字を入れる。
枠の端から文字が近いので、text-indentで調整。

div#contentsleft dd.icon a:link{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}

ポインタを乗せると（hover）バックグラウンドの画像が入れ替わり（menu_hover.gif)
バックグラウンドの画像は濃い青なので文字の色も白に変わるようにします。

div#contentsleft dd.icon a:hover{
color:white;
background:url(../images/menu_hover.gif) no-repeat;
}


訪問後の画像も変えることが出来ますがあえてそのままで。
文字の色だけ変えても良かったかも？

div#contentsleft dd.icon a:visited{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}

SmartyでJavaScriptを使う

テンプレートエンジンであるsmartyを使ってみる、
javascriptなどでロールオーバーを作成すると
<script>〜</script>の所でエラーが出る。

ここはsmartyに解釈させないように
<script>〜</script>を{literal}{/literal}で括ると回避される。

迷惑メール対策

ドメインを取ってメールアドレスを作りホームページなどで公開していると迷惑メールが増える。
これは自動的にメールアドレスを収拾するクローラーが来てメールアドレスを拾ってゆくもので
表面上でメールアドレスを画像にしても、ソース側のmailtoや＠以降を収拾してゆくので
ここを書き換えなければ意味が無い。

そこで数値実体参照というものを利用してみる。
ソースのmailto:xxxxxxxxxxxを以下のサイトで変換してソースを貼付ける。

http://ideas.paunix.org/utfrefcon.htm