>>一回目  >>二回目  >>三回目  >>四回目  >>五回目  >>六回目  >>最終回 

当ブログはWEB上級者の方から初心者の方まで幅広い層の方々に
ご利用頂いているかと存じます。提供されているテンプレートだけでは物足りない、自分でちょっと変えてみたい、という声に応えるべくCSS・デザイン講座を公開決定!講師はDTIブログを使っている人なら
一度は見たことがあるであろうあの人気ブログエロ流ブログの運営者
エロ流さんです。

【エロ流さんのお言葉】
HTMLの基本を理解している方向けの、ブログのデザインを構成しているCSSの基本や、デザインテクニックをレクチャーします。HTMLの基本が分からないという初心者の方がおられましたら、専門のサイトや書籍などをご覧ください。

エロ流さんプロフィール
名前:HARU(ハル)
性別:男
年齢:28歳
職業:ITベンチャー勤務、
3流フォトグラファー
 
 
 
 
 
CSSとは、カスケーディング・スタイルシート(Cascading Style Sheet)の略で、 文字の装飾、配置、背景色の指定など、あらゆるデザインを細かく指定することが出来、それらを一つにまとめて管理することができます。
CSSを利用する利点は、おおまかに以下の4つが挙げられます。

1.細かいデザインができる(特に文字装飾やレイアウト)
従来のHTMLデザインでは、文字装飾に限界がありました。 例えば、<H1>〜<H6>などの見出しタグは、検索エンジン対策上、非常に効果的なタグですが デザイン的な見栄えが不細工になる為、使用をためらっていた方も多かったはずです。 CSSを利用すれば、その心配はありません。思い通りの装飾を施すことが可能です。 また、レイアウトにおいても、従来では難しかった細かい単位での指定が出来、より自由度の高いデザインが可能となります。

2.デザインの更新や変更が簡単にでき、一括した管理ができる。
今までは、デザインを変更するとなると、一つ一つのファイルを開き、時間をかけて作業をしなければなりませんでしたが、CSSを外部ファイルとして利用すれば、そのファイルを更新するだけで 全ページに、そのデザインが反映されてしまうのです。ブログを毎日更新する方であれば、あっという間に、記事が増えるはずです。そんな時に、一括してデザインを管理できるCSSは非常にありがたい存在になるはずです。

3.ファイルの容量がとても軽く(小さく)なり、HTMLがシンプルで分かりやすくなる。
今まで、<TABLE>などを利用してレイアウトされていた方が多かったと思いますが複雑なデザインにする為に、何重もの入れ子構造になった<TABLE>タグは、HTMLファイルの容量を大きくし、ブラウザでの表示を遅く(重たく)している原因となることが多かったのです。CSSを利用すると、ファイル容量は驚くほど軽く(小さく)なると共に、HTMLソースが非常にシンプルになり、表示速度も非常に速くなります。画像などを多用するブログであれば、より一層それを実感できるでしょう。

4.検索エンジン対策に効果的である。
CSSによってデザインされた、シンプルなHTMLソースは、検索エンジンロボットに好まれますし、 <TABLE>タグで文章をレイアウトするよりも、<H1>〜<H6>などの見出しタグや、<P>などの段落タグ などを使用して、文章構造を明確にすると、検索エンジンロボットが情報を見つけやすくなるのです。
以上のような4つの利点を考えても、CSSによるデザインがいかに便利であるかが分かると思います。

CSSによるデザインを行う上で問題となるのが、ブラウザのバージョンやOSによる表示の違いが挙げられます。皆さんがよく使われている、InternetExplorer・Netscape・Operaなどのブラウザは、バージョンによって、表示が大きく変わることがあります。本来は、全てのユーザーが正常に見られるようにデザインする事が望ましいのですが 現実的ではない事と、そこに拘ることは、ブログ運営の本質とはあまり関係が無いので、9割以上のユーザーが使用している以下のブラウザとバージョンに絞ったテクニックを紹介します。
Internet Explorer 5.5〜6.0以上
Opera7.0以上以上
Netscape 6.0以上
Firefox1.0以上
Safari 1.2以上
 

CSSによるデザインは、従来のHTMLのように、直感的にデザインをすると言うよりも 緻密な設計や組立が必要な、プログラミング作業に近いものがあります。 そのため、最初は抵抗感を感じる人も多いようですね・・・。 私も、今でこそ、人並みレベルに扱えるようになりましたが、使い始めの時期は 慣れない作業で、イライラの連続でした(笑)。 しかし、慣れていくに従って、デザインアイデアがどんどん広がり、いつのまにか デザイン作業が楽しくなっていました。 まだCSSに馴染めない皆さんにも、私と同じように、楽しい気持ちでデザイン作業が 出来るようになって頂きたい! 次回からのレクチャーでは、CSSの記述方法はもちろん、実際にテンプレートを使用して、 すぐに活用できるデザインテクニックを紹介したいと思います。