━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 ┏
┏┏ ホームページ楽々講座 NO.003 2002.06.22 ┏┏
┏ Home Page : http://www.salty1.com/ ┏┏┏
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今日のマガジンが3号になりますが、勉強の方は如何でしょうか? ソー
スを入力して、→上書き保存しても、画面に表示されないというメールを頂
いていますが、入力に間違いがなければ必ず表示されますよ。
【16進数色指定】
昨日はフォントの指定を勉強しましたが、文字色の指定では英語のカラー
ネームを用いました。カラーネームで指定できるのは100色余りに過ぎま
せん。
16進数のカラーコードを用いると微妙な色を指定することができます。
この講座では、色の指定に16進数を用いることにします。
A.昨日作成した「index.html」ファイルをダブルクリックして開き、→「表
示」→「ソース」とクリックします。
B.「color:red」を「color:0000ff」に変更して、→上書き保存します。
--------------------------------------------------------------------
My Homepage
わたしのホームページ
--------------------------------------------------------------------
C.ツールバーの「更新」アイコンをクリックします。文字色がブルーに変わ
りましたね。
■16進数について
16進数では6桁の英数字 (0/1/2/3/4/5/6/7/8/9/A/B/C/D/E/F)で色を
指定します。 光の三原色「red・lime・blue」を各色2桁の英数字で指定
しますから6桁になります。
「0」から「9」までは10進数と同じですが、10=A、11=B、12=C、13=D、
14=E、15=F、となります。 「F」までですから、「16」になると1桁上が
り「10」 となります。
最高値の「FF」は「255」ですから、三原色の各色はそれぞれ「256」色と
いうことになります。どうして「255」=「256」色??? それは「0」も
加えるからですね。
三原色がそれぞれ「256」色ですから、3乗すると 「16,777,216」色とい
うことになります。これがいわゆる「フルカラー」です。
「0」が最小、「F」が最大です。「00ff00」の最初の2桁がレッドで「00」
ですから最小、次の「ff」がライムで最大、最後の「00」がブルーで最小
ですから「00ff00」はライムということになります。
「ff0000」はレッド、「0000ff」はブルーです。「ffff00」はイエロー、
「00ffff」はアクア、「ff00ff」はマジェンタです。
では、3色とも最大の「ffffff」は何色でしょうか?「3色を同量混ぜる
のだから黒だろう」と思いませんか? 光ですから絵の具とは反対に白に
なります。3色ともゼロの「000000」は黒ですよ。
【カラーチャートのダウンロード】
D.ホームページでは色の使い方が重要なポイントになります。「カラーチャ
ート」を用意しておくと便利ですよ。下記のURLをクリック、画面中央
の「更新履歴」欄の「カラーチャート更新」をクリックします。
E.ページが表示されたら、→「ファイル」→「名前を付けて保存」とクリッ
ク、→「保存する場所」を指定、→「名前を付けて保存」ダイアログの
「保存」ボタンをクリックします。
http://www.salty1.com/
F.保存した「colorchart.html」をダブルクリックして表示します。 各色に
付いている 「click」ボタンをクリックすると背景色がその色に変わりま
す。16進数のカラーコードをコピーしてソースに貼り付けて使います。
G.「要素名」に「FONT」を使う場合は、 のように
カラーコードの前に「#」を付け、ダブルクォーテーション(" ")で囲い
ます。
カラーコードの記述は、大文字・小文字のどちらでもOKです。
【背景色の指定】
H.では、最後に背景色の指定です。背景色は淡い色がいいですね。カラーチ
ャートからお好きな色を選んでください。私は、文字色がブルーですから、
背景色はミスティローズ(FFE4E1)にしてみます。
I.背景色の指定は「FONT」を使う場合と同じように、
--------------------------------------------------------------------
My Homepage
わたしのホームページ
--------------------------------------------------------------------
J.上書き保存、→「更新」アイコンをクリックします。背景色が表示されま
したね。では、文字色もお好きな色に変更してみてください。
********************************************************************
※ご質問は下記ホームページの「PC質問箱」でお願いいたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 ┏
┏┏ ホームページ楽々講座 NO.003 2002.06.22 ┏┏
┏ Home Page : http://www.salty1.com/ ┏┏┏
※ このメールマガジンの読者登録解除は下記のホームページから出来ます。
http://www.salty1.com/rakuraku.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して
発行しています。( http://www.mag2.com/ )
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━