HTML/XHTML&スタイルシート　デザイン・レイアウト逆引き便利帳

ブログの記事やWebページの文字や画像といったコンテンツのデザインパターンをまとめた一冊。ブラウザ互換を保ちながら、CSS3などを駆使してさまざまな効果を適用したサンプルも紹介します。IE5以上、Firefox、Safari、Chrome、Operaの対応マーク付き。

ブログの記事やWebページの制作では、デザインやレイアウトを細かく設定したいケースがいろいろと出てきます。

などなど

こうしたデザインを設定するにはHTMLとスタイルシート（CSS）の知識が必要になりますが、コンテンツのデザインやレイアウトに限ってしまえば、必要になるHTMLとスタイルシートも限られてきます。

そこで本書では、ブログの記事やWebページのデザインに重点を置いて、文章や画像などのデザインパターンをまとめました。サンプルをそのまま利用できるのはもちろん、HTMLやスタイルシートの学習を始めるきっかけに、また、デザインのカスタマイズ・テクニックの習得に活用していただければと思います。

本書のサンプルはWebページの好きな場所ですぐに使えるようにするため、インラインスタイルシートを利用してデザインを指定しています。

本書のサンプルはブログの記事でも利用することができます。その場合、記事の編集画面にサンプルのソースを記述すれば利用することができます。

ブログでの利用例

なお、本書では以下の主要なブログツールやブログサービスごとに、HTMLソースを記述する方法やアップロードした画像をスタイルシートで利用する方法をまとめていますので、参考にしてください。

本書のサンプルでは基本的なデザインの設定方法から、CSS3を利用したデザインのテクニックまで紹介しています。

本書のサンプルはInternet Explorer、Firefox、Safari、Google Chrome、Operaの主要なブラウザに対応しています。

本書で作成するサンプルは付属CD-ROMに収録してありますので、本書といっしょに活用してください。