【論理的強調タグと視覚的強調タグ】

◇ホームページ作成 ───

ホームページを作成する際に、ページ内の強調したい箇所を「太字」や「斜体」にして表示させることがある。

ワードなどのソフトで設定する文字の「太字」や「斜体」は、１つの方法しかないが、ホームページ作成においては、２つの方法がある。
そして、その意味合いも異なるので、使用する際には留意した方がよい場合がある。

２つ方法とは「論理的強調タグ」と「視覚的強調タグ」である。
（以下に続く）
　
続きを読む

ＣＳＳでの【フォントのサイズの指定】

◇ホームページ作成───
ＣＳＳでのフォントサイズを指定する。
Font-size: 数値、small、medium、large

◇xx-small, x-small, small, medium, large, x-large, xx-large （７段階)
　　　　フォントのサイズを７段階の絶対サイズで指定する。
　　　　※medium が普通。
　　　　※xx-small が最も小さなサイズ。
　　　　※xx-large が最も大きなサイズ。
　　　　※約１.２倍ずつ大きくなっていく。
　　　　※ブラウザにより表示が異なることがある。
◇smaller、larger
　　　　現在のサイズに対して、相対サイズで指定する。
　　　　※１段階ずつ変化する。
◇実数値 ＋ 単位
　　　　数値に単位をつけてフォントサイズを指定する。
　　　　⇒ 数値の指定
◇パーセント値 ＋ ％
　　　　現在のフォントサイズに対する割合で指定する。
　

ＣＳＳでの【フォントの太さ】

◇ホームページ作成───
ＣＳＳでのフォントの太さを指定する。
Font-weight: 数値、normal、bold、bolder、lighter

◇数値（100, 200, 300, 400, 500, 600, 700, 800, 900)
　　　　「400」が標準の大きさ。
　　　　数値が大きくなると、フォントが大きくなる。
　　　　数値が小さくなると、フォントが小さくなる。
　　　　※すべてのフォントがこの９種類を揃えているわけではない。
　　　　※ブラウザによっては、表示が異なることもある。
　　　　※上記理由により、太さが正しく反映されないことがある。
◇normal
　　　　標準の太さのフォント。つまり数値で「400」を指定するのと同じ。
◇bold
　　　　太字のフォント。数値で「700」を指定するのと同じ。
◇bolder、lighter
　　　　現在のフォントよりも１段階（数値指定の100）太い、または細いフォントを指定する。
　　　　※該当するフォントがない場合は、表示上の変化は無い。
　　　　※最大値・最小値のフォントから指定しても、数値も表示も変更されない。
　

ＣＳＳでの【数値の単位】

◇ホームページ作成 ───
ＣＳＳでの数値の単位には、「相対単位」または「絶対単位」で表す実数値と、％がある。

パーセント
◇％　→　他の値に対する割合で長さや大きさを指定する。
絶対単位
◇in　　→　インチ　（1インチ = 2.54cm）
◇cm　→　センチメートル
◇mm　→　ミリメートル
◇pt　　→　ポイント　（１ポイント = 1/72インチ）
◇pc　　→　パイか　（１パイカ = 12ポイント）

相対単位
◇em　　→　font-sizeの値を１とする単位。
　　　　　　　　（フォントにより上下に飛び出るが、それも含めた値。）
◇ex　　→　フォントの小文字の高さの値を１とする単位。
◇px　　→　コンピュータ・ディスプレイ上の１ピクセルを１とする単位。
　　　　　　　※表示される大きさは、ディスプレイの解像度により異なる。

※ＣＳＳは、Webページのレイアウトを定義する規格の一つ。

【ホームページを見やすくするポイント】その４

◇ホームページの作成 ───

表のサイズを％で指定することがよくある。
サイズを％で指定すると、ユーザーの利用するサイズに合わせて表示されるので、ユーザーに親切な方法だといわれる。

⇒どんなブラウザでも横幅が１画面に表示されると、レイアウトが大幅に変わってしまうことがある。
少なくとも、最低の表示幅を確保しておくとよい。

スペーサーを設置する。
※スペーサー ＝ １ピクセルの透過GIFファイル。
※GIFファイルを作成するのが難しければ、表示されても不自然でない画像をJPEGでおいてもよい。

たとえば、「１×３００ピクセルの透過GIFファイル」を挿入すると、セル幅は３００ピクセル以下にはならない。よってある程度のレイアウトは確保できる。


「ホームページ虎の穴」ソフトバンクパブリッシング株式会社：傍嶋恵子著より

【ホームページを見やすくするポイント】その１

◇ホームページの作成 ───

最近は、高解像度の大画面パソコンを利用する人が増えてきた。
しかし、一方インターネットを小型のノートパソコンやＰＤＡで見る人も増えている。

モニタの大きさなど環境が異なっても、なるべく同じレイアウトで見れるようにする。
⇒小さいサイズのモニタでも快適に見れる様に考える。

ディスプレイの最低解像度『６４０×４８０ピクセル』に合わせて設定する。
これくらいなら低解像度のディスプレイでも、見れる。


「ホームページ虎の穴」ソフトバンクパブリッシング株式会社：傍嶋恵子著より
　

【ホームページの表示速度を速くするポイント】 その３

◇ホームページの作成 ───

表のサイズを％で指定することがよくある。
サイズを％で指定すると、ユーザーの利用するサイズに合わせて表示されるので、ユーザーに親切な方法だといわれる。

⇒しかし、表のサイズを％で指定されると、ブラウザはウィンドウのサイズに合わせた表示サイズを計算し、それから表を表示する。
複雑な表になると、計算に時間がかかり、ページの表示が遅くなる。

セルの横幅と縦幅を指定する。
表を設定する時に、サイズを計算してピクセル単位で設定していくと、ページの表示が負担がかからなくなる。


「ホームページ虎の穴」ソフトバンクパブリッシング株式会社：傍嶋恵子著より

【ホームページの表示速度を速くするポイント】 その３

◇ホームページ作成 ───

ホームページのレイアウトを整える為に、表を使用するのはテクニックの一つとなっている。
しかし大きな表の中に、細かいセルを配置したり、画像を挿入したりすると表示が遅くなる。
＜大きな表を読み込むには時間がかかる。＞

ページを素早く表示させるために、心がけたいポイントの一つ。
大きな表は作らない様にする。


続きを読む

【ホームページの表示速度を速くするポイント】 その２

◇ホームページ作成 ───

リンク先の画像を先読みさせて早く表示させる。

インターネット・ブラウザで大きな画像ファイルを読み取るには時間がかかる。
その読み取りの時間を短縮させる為に、前のページで先読みさせる。
　
続きを読む

【ホームページの表示速度を速くするポイント】 その１

◇ホームページ作成◇ ───

画像を挿入する時に、画像の表示サイズを指定する。
　続きを読む