ポスター印刷ポスター印刷
スポンサーサイト
-- / -- / -- ( -- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-- : -- : -- | スポンサー広告 | page top↑
HTMLでの色指定の仕方
2008 / 11 / 13 ( Thu )
突然ですがHTMLでの文字色の変え方についてです。
ずっと以前にご質問いただいていたのですが
お返事ができていなかったので簡単ですが書いてみます。

ブログで個別記事を書いているとき、記事内の文字の変更は
ブログサービスによっては、色を変えたい文字を選択して
ボタン操作で色を決めるとその部分の文字色が簡単に変えられたりします。

そうすればタグが編集中の記事内に自動的に記述される場合も多いですが
記述は利用サービスによって多少違っていますよね~
例えばこんな感じではないでしょうか?

<div style="color:#00000">色を変えたい文</div>
<span style="color:#00000">色を変えたい文字</span>
<font color="#00000">色を変えたい文字</font>


上の2つはCSSをタグ内に記述したものです。
<div>だと文章全部やある程度の塊で指定できます。
<span>の方は同じ行内の短い言葉の指定になります。
また段落の場合だと<div>ではなく<p>~</p>を使います。

色の指定はカラーコード(RGB値)かネームです。
黒なら「#000000」または「black」となります。
やったことないですけど
日本語で「くろ」とか「黒」とか書いてもダメだと思います。
ネット上にもHTMLを解説したサイトはたくさんありますし
カラーコードも簡単に調べられます。

とほほのWWW入門さんはとても有名です。
⇒ http://www.tohoho-web.com/

Black (#000000) Gray (#808080)
Silver (#C0C0C0) White (#FFFFFF)
Red (#FF0000) Yellow (#FFFF00)
Blue (#0000FF) Green (#008000)
Purple (#800080) Pink (#FFC0CB)


わたしは装飾するのが得意ではないのでよく使うタグは限られています。
凝ったことをすることもないので今は特に辞典も使っていません。
ホームページを初めて作ったころはあれやこれやとできるようになるのが面白くて
HTML辞典に載っているタグを山盛り使って
Java Scriptもいっぱい貼り付けてサイトに雪降らせたりして遊んでいました。
でもだんだん面倒くさくなってしまったことと
サイトが重くなるのが嫌になちゃったことで
適当に覚えている範囲のタグしか使わなくなってしまいました。

んなもんだから、最近作るものはブログもHPも殺風景です。
アニメーションGIFすらめったに使わないほど動きの多いページは苦手。
少々視力が悪いもんだから自分で見ていて辛くなってしまうんです。
あるとき、マーキータグが1ページに5個くらい入っているページに
アクセスしてしまい気持ち悪くなって速攻でそのページを閉じました。

好みは人それぞれですからそれを批判しているわけではないですよ。
逆に見た目に気を配らないわたしのサイトではつまらないって
感じる人も多いでしょうから。

自分がいいと思うようにやればよいとは思います。
その上でそのサイトをどんな人に見てもらいたいかを考えれば
装飾方法も決まってくるでしょうね?

パソコンの利用環境も様々だということも
ある程度は気をつけないといけませんよね~
ネット環境のブロードバンド化も進みパソコンの性能も上がっていますから
以前ほど気にしなくてよくなっているかもしれませんけれど。
学校や職場でパソコンを使っている場合はとっくに確かめているかもですが
使っていない場合はカフェとか図書館とか公民館とか友人宅など
自分のパソコン以外で見て確かめてみてもよいかと思います。

レイアウト的には3カラムの場合だとサイトの横幅が大きくなりすぎて
時々パソコンの画面におさまりきれていない場合もあります。
そういうときは横スクロールが発生してしまいます。
訪問者としてはそれは少々ストレスとなることがありますよね?
横幅は800px程度に抑えておくのが無難ではないかと思います。

画像の使い方やどの程度動きをつけるかってこともよく考えたいところですね。
スクリプトやアニメーションGIF、動画などで動きを持たせる場合
あっちもこっちもというよりは
ある程度絞り込んで配置する方が効果的な場合も多いと思います。

・・・と脱線してついだらだら書いてしまいました。

HTMLタグもスクリプトも画像も上手に使って
訪問者も自分も楽しめるページを作りたいものですね♪



スポンサーサイト

テーマ:ホームページ・ブログ制作 - ジャンル:コンピュータ

20 : 35 : 35 | 日記 | トラックバック(0) | コメント(0) | page top↑
<<今も変わらずに・・・ | ホーム | 「ハンドルネームについて」アンケートのまとめ>>
コメント
コメントの投稿














管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://orangesunrise.blog60.fc2.com/tb.php/32-04a4419e
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |
さくさくエクスチェンジad-site55.net
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。