WebDesign の変更点

追加された行はこの色です。
削除された行はこの色です。
WebDesign へ行く。
#contents
*** html [#v2133efa]
- [[参考ページ:http://homepage1.nifty.com/masawat/sen_html/hpmake3.html]]
- [[文字列やテキストをHTMLエンコードするには？:http://www.atmarkit.co.jp/fdotnet/dotnettips/242htmlencode/htmlencode.html]]
-- html 文章中の <,>,&," は TAG 指定と誤解され不具合を発生させるので文字を置換する必要がある
--上記の counter の引数で & が html varidation でエラーになった）

|>|>|HttpUtilityクラスのHtmlEncodeメソッドで変換される文字の一覧 |h
|変換前の文字|変換後の文字列|備考|
|”|＆ｑｕｏｔ；（実際には半角）| quotはquotationの略|
|＆|＆ａｍｐ；（実際には半角）| ampはampersandの略|
|＜|＆ｌｔ；（実際には半角）| ltはlittlerの略|
|＞|＆ｇｔ；（実際には半角）| gtはgreaterの略|
|文字コードが0x0A〜0xFFの文字| &#文字コード|ラテン1補助（Latin-1 Supplement）と呼ばれるUnicode文字の領域。~変換後の文字列内の文字コードは10進数表記|
*** CSS [#uf35b502]
- [[構文チェック関連の参考ページ:http://www.geocities.co.jp/Milano/5397/links/usefulllink01.html#check]]
- [[CSS マニュアル:http://www.openspc2.org/reibun/css/]]
*** RSS (RDF) [#v4155919]
- [[Headline Editor Lite:http://www.infomaker.jp/editorlite/]]
*** Link [#o32291be]
*** Counter [#k105493f]
- [[Gochiharu で採用した CGI方式のカウンタ:http://www.muquit.com/muquit/software/Count/Count.html]]

 cgi-bin directory   = /var/www/cgi-bin/
 conf directory      = /var/www/counter/conf
 conf file to install= count.cfg
 digit directory     = /var/www/counter/digits
 data directory      = /var/www/counter/data
 log directory       = /var/www/counter/logs
 log file            = Count2_5.log
 RGB file to install = ./data/rgb.txt

- [[カウンター用の数字:http://www.digitmania.holowww.com/all.html]]
- [[fly GIF生成ツール:http://p4room.mda.or.jp/fly/ja/]]
- [[counter(fcount):http://www.rescue.ne.jp/cgi/fcount/]]
- [[CGI SSI:http://vine-linux.ddo.jp/linux/apache/ssi.php]]

*** 携帯電話の自動判別 [#efae2034]
- [[NTT DoCoMo は 基本的には Shift-JIS しか受け付けない...！:http://www.nttdocomo.co.jp/p_s/imode/tag/s3.html#3_1]]
 3.1. 文字 
  基本的にShift_JISのみ対応 
  半角カナの使用が可能 
  176種類の基本絵文字（拡張絵文字は76種類）の利用が可能（「絵文字一覧」ご参照ください） 
- Fedora Core の環境では Apache の文字コードセットは UTF-8 であるので、DoCoMo 用のサイトについてのみ ShiftJIS を送り出すような構造が必要になった
- 携帯電話の判別には色々な方法があるが、今回は Web に公開されていた phone.pl という perl スクリプトを利用した。　
-- [[phone.pl 関連情報ページ:http://www.kawa.net/works/perl/phone/pnews.html]]
-- phone.pl（オリジナル） ---> &ref(phone.pl);
-- index.cgi（URL飛ばしCGI、オリジナル） ---> &ref(URL_jump.txt);
-- 上記の URL 飛ばしプログラムを CGI として実行する （index.cgi）---> &ref(index.cgi);
-- cgi は パーミション を 744 とする必要がある （常識）
 #!/usr/bin/perl
 
 require "phone.pl";
 my $phone = &phone_info();
 
 if ( $phone->{type} eq "docomo" ) {
     print "Location: http://www.gochiharu.org/i/index_sjis.html\n\n";
 } elsif ( $phone->{type} eq "ezweb" ) {
     if ( $phone->{hdml_native} ) {
         print "Location: http://www.gochiharu.org/i/index_sjis.html\n\n";
     } else {
         print "Location: http://www.gochiharu.org/i/index_sjis.html\n\n";
     }
 } elsif ( $phone->{type} eq "jphone" ) {
     print "Location: http://www.gochiharu.org/i/index_sjis.html\n\n";
 } else {
     print "Location: http://www.gochiharu.org/i/index_utf8.html\n\n";
 }
- perl は ＠INC で指定した場所（=/usr/lib/perl5/5.8.3/i386-linux-thread-multi/）におく必要がる
-- 今回は gochiharu だけで使うスクリプトなので、実体は index.cgi と同じディレクトリにおき、シンボリックリンクを張った。
-- index.html を削除し goshiharu/i/ アクセス時に index.cgi が実行されるようにするために httpd.conf の中に DirectoryIndex を指定、また CGI の実行許可を指定
 <Directory /var/www/html/gochiharu/i>
         DirectoryIndex index.cgi
         AllowOverride None
         Order allow,deny
         Allow from All
         Addhandler cgi-script .cgi
         Addhandler cgi-script .pl
         Options Indexes Includes FollowSymLinks ExecCGI
 </Directory>
- 電話番号のクリックで直接電話をかける設定
-- 携帯電話を利用するためにi-mode用HTMLには、たとえば次のような使い方が可能である。URLに指定可能なプロトコル 
--- http:// 
--- mailto: 
--- tel:
--このtelは次のように使て,i-mode端末から直接電話をかけることができる： 
 仲良商店街のグルメ<br>
 <a href="tel:030-5678-xxxx">満腹亭</a><br>
 <a href="tel:030-5789-yyyy">味寿司</a><br>
- COLOR(RED){Shift-JIS のページは漢字コード変換なしで Upload する}
*** 関連リンク [#o3ad8e47]
http://www.itmedia.co.jp/help/tips/linux/l0237.html
http://linux.kaji3.com/setup_counter.htm
http://www.din.or.jp/~bigstone/cgilab/cgitips/mod_perl.html
http://vine-linux.ddo.jp/linux/apache/ssi.php
[[Yahoo の登録だディレクトリ（候補）:http://dir.yahoo.co.jp/Entertainment/Music/Genres/Rock_and_Pops/Events]]