目指せ！ウェブマスター講座【HTML・JavaScript・CGI編】

• 最新号：2004-03-19
• 発行周期：週刊
• 読んでる人：18680人
• 創刊日：2001-04-25
• Score!：-点
• コメント数 ： 0
• メルマガID：36373
• バックナンバー：全て公開
• 発行者サイト：あり
• >> 月間ランキング

目指せ！ウェブマスター講座 vol.26

┏■ 目指せ！ウェブマスター講座 ■━━━━━━━━━━━━━━━━━━━━┓
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
【目次】 〜HTML・JavaScript・CGI〜

 00：コンテンツが欲しい方への新サービス
 01：HTML はじめのいっぽ　　第26回　「リストを使ってみよう（２）」
 02：JavaScript講座　　　　「Cookie (クッキー)をオンにしている人の割合」
 03：投稿コーナー


【お知らせ】
　JavaScript講座ご担当の古籏さんご執筆の書籍が新発売です。
　よろしければ是非！

　　■JavaScript例文活用辞典
　　　詳細・購入 ⇒ http://www.openspc2.org/reibun/javascript/


　※HTMLからCGIまで、サイト作成のTOPIC満載です。目指せ！ウェブマスター！
　　　※空メール送信でメルマガ簡単登録　⇒　sub-36373@mc.melma.com

　※バックナンバーをご覧になりたいかたはこちら（↓）まで
　　　　　　　　　　　　　　 http://www.melma.com/mag/73/m00036373/

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
------AD---------------------------------------------------------------
【図書券プレゼントキャンペーン】［presented by オリックス倶楽部株式会社］
∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵
文学メルマ！からプレゼントのお知らせです！オリックスローンカードお申し込み
者の方全員に、もれなく図書カード500円分をプレゼントします！〜12/31まで
　　　　　　⇒ http://www.m-analyzer.com/c/?i=69p43/
------AD---------------------------------------------------------------
┏━━★☆ライフマイル「超豪華」プレゼントキャンペーン★☆━━━━━━┓
┃ディズニーシーホテル宿泊券付ペアチケット、バイオノート、デジカメ等　┃
┃マイルを貯めてトコトン得するサイト、ライフマイルがキャンペーン中！！┃
┗━━━━━━━━━━━━━━━━━━━━━━━１３６名に当たる！！━┛
 → https://www.lifemile.jp/ap/jsp/regist/campaign.jsp?id=p009001 ←
------AD---------------------------------------------------------------

┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃00┃メールマガジン・サイトのコンテンツ
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

　メールマガジンやサイトのコンテンツを提供するサービスが始まりました。
　その名も「コンテンツマーケット」です。
　引用や転載が可能な無料コンテンツを集めた支援サイトです。
　もちろん、利用は無料。まずは、自分の興味があるカテゴリ(IT、エンタメ..)に
　登録してください。その後に、無料コンテンツが手元に配送されてきます。

　　　●登録はこちらから ⇒ http://www.mfactory.jp/con-ma/

　　　　　　　　　　皆さんのご登録、お待ちしています！


┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃01┃HTML はじめのいっぽ　　−基礎の基礎・HTMLはこれでマスター
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

　第26回　「リストを使ってみよう（２）」

前回は、行頭に記号を付けたリストの作り方についてご説明しました。
行頭に付けることができるのは、記号だけではありません。ちょっとタグを変えるこ
とで、番号やアルファベット、ローマ数字も使えるようになります。今日はいろいろ
なリストの表示方法について進めていきます。

■　行頭に数字を使ったリスト　■
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
前回は、<UL>タグと<LI>タグを組み合せて　　　　　│1. はじめに
「●」や「○」などを使ったリストを作成　　　　　│　　1. 先生のあいさつ
しました。行頭に数字を使いたい場合は、　　　　　│　　2. 生徒会長のあいさつ
<UL>タグの代わりに<OL>タグを使います。　　　　　│2. 催し物
<OL>タグを使うと、右のような番号付きで　　　　　│　　1. 輪投げ
インデントした箇条書きリストを表示する　　　　　│　　2. タコ焼き
ことができます。
　　　　　　　　　　　　　　　　　　　
<OL>タグ：番号付きリストを指定する。
<LI>タグ：番号付きリストの項目を指定する。

<OL>タグはリストとなる部分を指定するので、終了タグ</OL>が必要となります。ま
た、<UL>タグの時と同様に、<OL>タグを入れ子にする（<OL>〜</OL>の間にさらに
<OL>〜</OL>を記述する）と、インデントのついたリストを作ることができます。
<LI>については、前回と使い方は同じです。終了タグ</LI>は省略することができま
す。
右上のサンプルの「1. はじめに」から３行目までのタグを書いてみましょう。

<OL>　　　　　　　　　　　　　　　　│　リストの始まり
<LI>はじめに</LI>　　　　　　　　　 │　最初のリスト項目
　　<OL>                            │　<OL>の入れ子部分
　　　　<LI>先生のあいさつ</LI>     │　２番目のリスト項目
　　　　<LI>生徒会長のあいさつ</LI> │　３番目のリスト項目
　　</OL>                           │　入れ子部分の終了
</OL>                               │　リストの終了

使い方は<UL>タグとまったく変わらないことがおわかりいただけるかと思います。

「行頭番号をアルファベットに替えたい」という場合には、<OL>タグの【type属
性】を使います。【type属性】の値は以下の通りです。
【type属性の値】　　　　　　　　　　　　　
　　1：　算用数字　　　　　　　　　　　│　何も指定しない場合は算用数字が 
　　A：　大文字アルファベットにする    │  使われます。
　　a：　小文字アルファベットにする    │  
　　I：　大文字ローマ数字にする        │  ※値は半角で記述してください。
　　i：　小文字ローマ数字にする        │   

★サンプルはこちらをごらんください
http://park.ruru.ne.jp/hana-p/first/samples/sample022_1.html

行頭番号は「1.」で始まるものばかりではないですよね。ひとつの文書が複数ページ
に渡ってしまった場合には、次ページからは続きの番号が使いたいはずです。
その時使うのが<OL>タグの【start属性】。この属性を使えば、開始番号を指定する
ことができます。これはアルファベット等にも当てはめることができます。
例えば、 <OL start="5" type="A">とすると、行頭が大文字のアルファベットで、
開始文字は5番目の「E」となります。

★サンプルはこちらをごらんください
http://park.ruru.ne.jp/hana-p/first/samples/sample022_2.html


年末も押しせまってきて、クリスマス、お正月、とホームページを活用できそうなイ
ベントもめじろ押しですね。今年はデジカメで写真を撮って、ご自分でアルバムを
作ってお友達に公開してみる、なんていうのはいかがですか？(^o^)　画像をメール
に直接添付して送るのも簡単ですが、フリー素材を使って季節の画像やメッセージを
レイアウトして、それを見てもらうのも楽しいと思います。
ぜひいろいろなページ作りにチャレンジしてくださいね。

■　次回の予定　■
￣￣￣￣￣￣￣￣￣
　◇メール送信用フォームを作ってみよう
　★ホームページ　http://park.ruru.ne.jp/hana-p/first/

ブルーミング + 花井貴久子
□email kiku@bk.iij4u.or.jp + website http://www.pp.iij4u.or.jp/~hana/


　　　　　　♪HTMLに興味のあるお友達がいましたら、自由にご転送ください


------AD---------------------------------------------------------------
　　　 ■ＩＴ情報を手軽に受信したいあなた、↓は参考になりますか？
　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　【 週刊ＩＴウォッチャー 】　 http://www.melma.com/mag/94/m00035694/
　　　　　　空メール送信で簡単登録⇒　sub-35694@mc.melma.com
 ITヘッドライン 〜 ｅパテント 〜 ブロードバンドニュース 〜 ねっとde川柳
------AD---------------------------------------------------------------


┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃02┃JavaScript講座　　　　Cookie (クッキー)をオンにしている人の割合
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

　ページを見ている人がCookieをオンにしているかどうかも考慮しなければなら
ない場合があります。特にデータを保存しておき、次回のアクセス時に参照した
りページをカスタマイズしたりする場合Cookieへの書き込みができないと、それ
らを実現することができません（Win+IE5以上では別手段あり）。
　実際にCookieへの書き込みをオンにしている人とオフにしている人の割合は、
どの程度なのでしょうか。以下が実際に統計を取った値です。

ON ...16007.0 (93.0801884%)
OFF... 1190.0 (6.919811595%)

　これは私のサイトのトップページの数値です。１日あたり、１週間あたり、
１０日あたりでも基本的な割合は、ほとんど変わりません。ただし、JavaScript
をオンにしている場合でないと計測できないため、上記の割合よりも多め(+5%〜
+10%)に見ておくのがよさそうです。すると、おおよそ10%〜15%の人がオフにし
ている感じです。

　もっとも、実際に運用するサイトで統計を取らないと意味がありません。統計
を取るには以下のようなスクリプトをページ内に埋め込んで実際の割合を調べる
のが良いでしょう。

<script language="javascript"><!--
data = "cookie_off.gif";
if (navigator.cookieEnabled) data = "cookie_on.gif";
document.write("<img src='http://サーバーのURL/"+data+"' width=1 
height=1>");
// --></script>

　Webサーバーのログに残るcookie_on.gifとcookie_off.gifの数を調べれればオ
ン／オフの割合が分かります。


　今年もいろいろな方にお世話になりました。メルマガの読者の方にもお世話になり
　この場を借りて御礼申し上げます。
　来年もよろしく、お願いいたします。

　　□詳細はこちら >> OpenSpace http://www.shiojiri.ne.jp/~openspc/
　　□書籍も絶賛発売中「JavaScript例文活用辞典」
　　　●詳細・購入はこちら ⇒ http://www.openspc2.org/reibun/javascript/

　　　　♪JavaScriptに興味のあるお友達がいましたら、自由にご転送ください



┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃03┃投稿コーナー 〜皆さんからのメールお待ちしています〜
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

　目指せ！ウェブマスター講座では、皆さんからの投稿をお待ちしています。
　日ごろ、ＷＥＢ作成の際に感じている疑問から、とんでもない失敗談（？）まで、
お気軽に投稿してください。
　講座で取り上げられることもあるかも？？

　　　　　　　■ 投稿はこちら >> edit@melma.com

　ご意見ご感想、およびＩＴに関する川柳もお待ちしています！
　全員にご返信できない点、あらかじめご了承くださいませ。



------AD---------------------------------------------------------------
┏━━★☆ライフマイル「超豪華」プレゼントキャンペーン★☆━━━━━━┓
┃ディズニーシーホテル宿泊券付ペアチケット、バイオノート、デジカメ等　┃
┃マイルを貯めてトコトン得するサイト、ライフマイルがキャンペーン中！！┃
┗━━━━━━━━━━━━━━━━━━━━━━━１３６名に当たる！！━┛
→ https://www.lifemile.jp/ap/jsp/regist/campaign.jsp?id=p009001 ←
------AD---------------------------------------------------------------
【図書券プレゼントキャンペーン】［presented by オリックス倶楽部株式会社］
∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵∵
文学メルマ！からプレゼントのお知らせです！オリックスローンカードお申し込み
者の方全員に、もれなく図書カード500円分をプレゼントします！〜12/31まで
　　　　　　⇒ http://www.m-analyzer.com/c/?i=69p43/
------AD---------------------------------------------------------------
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※講座内容の著作権はすべてそれぞれの著者の方々に帰属します。個人的な利用
　以外のご使用（雑誌掲載、転載）に関しては、著作権にご留意ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　このメール配信がご不要の方は、下記URLにアクセスして下さい。
　　　　　　　▽ http://www.melma.com/mag/73/m00036373/

　　　　　　　Copyright(C)2001 cybro All Rights Reserved.
　　　　　　　　　　　　http://www.mfactory.jp

当たる懸賞 ＴＯＫＵＴＯＫＵ

豪華商品を当てた人はみんな読んでる？。毎日、厳選したお徳懸賞・プレゼント情報を探し出してき、それをメールマガジンでお届けする。ひと目で分かりやすいの...

楽得・納得　ケロッチのグータラ便

懸賞・プレゼント・季節のお買い物・グルメ情報・旅の情報などをお届けする総合情報誌です。

子ブタタウン☆ぷひ☆

□あっちこっちの美味しい情報や楽しい話題を中心にグルメと旅行のプレゼントや懸賞情報をお届けします

ポケット英単語

英語講師安河内哲也が、旬の英単語を週２回、お手元にお届けします。

関西2人組☆関ｼﾞｬﾆ∞

関ｼﾞｬﾆ∞に溺愛?のゅぃとななが発行する関ｼﾞｬﾆ∞中心ﾏｶﾞでつ☆情報ゃ企画などぃっぱぃ↑登録して損はﾅｼッ!!!関ｼﾞｬﾆ∞FANの方は是非、...

この記事へのコメント

三井住友銀行カードローン

金利　年６．０％〜１２．０％。最高５００万円までお借入可能。
最短３０分審査、即日カード発行可能。
お申込はこちら⇒

melma!協賛企業