にしし ふぁくとりー:西村文宏 個人サイト

著書「HTML&スタイルシート プロ顔負けのホームページ作成術」

2005/10/12 出版

■Web製作系 実用書

2005年10月12日(水)に、成美堂出版社から出版された著書(実用書)です。
西村文宏(にしし)が出版社経由で上梓した著書としては1冊目です。

スタイルシートには興味があるけどまだまだ活用できるレベルではないな……という方々に向けたスタイルシート入門書。

「HTML&スタイルシート プロ顔負けのホームページ作成術」

HTML&スタイルシート プロ顔負けのホームページ作成術:西村文宏(著)
書籍情報
著者西村 文宏
出版社成美堂出版
サイズB5変 256ページ(24cm)
発売日2005年10月12日
ISBN4415031382
付録CD-ROM 1枚
備考全ページ フルカラー
価格¥1,700円(税込¥1,785円)

※この本に書かれている内容は、もはや現在では古い点にご注意下さい。本書を今お読み頂く意味はなく、もっと新しい類書をご参照下さい。

スタイルシート(CSS)には興味があるけど、まだまだ活用できるレベルには達してないな…という方々にちょうどいい「スタイルシート入門書」です。 スタイルシートの基礎的な記述方法だけでなく、具体的な活用テクニックを50個以上掲載。 さらに、後半ではスタイルシートを使っての段組の作り方や、ブログデザインのカスタマイズ方法も解説。 入門から初級をちょっと超えるくらいのレベルまで解説しています。これからスタイルシートを活用したいと思っている方々にお勧めです。

2006年5月: おかげさまで、重版されました!

本書の内容

はじめに

本書は、スタイルシートでホームページをデザインする方法を説明した入門書です。 スタイルシートを記述するための基礎から具体的なテクニックまで、詳しく解説しています。 基礎も詳しく説明していますので、スタイルシートを使ったことのない初心者でも大丈夫です。 本書を読み進めることで、スタイルシートを自由に記述できるようになります。 また、具体的な活用例を使ったテクニックをたくさんご紹介していますので、既にスタイルシートの基礎を理解している方々にもご活用いただける内容になっています。

目次

  • CHAPTER1 準備編 「ホームページの準備」ホームページの仕組みを理解しよう!
    • HTMLとスタイルシートでデザインするホームページ
    • HTMLとスタイルシートのホームページの基礎
    • デザインを統一して訪問者に安心感を与える
    • ホームページの構造が分かりやすいデザインにする
    • 読んでもらえる、伝わる文章デザイン
    • パソコンの環境に左右されないリキッドレイアウトデザイン
  • CHAPTER2 実践編 「ホームページの基礎を極める!」ホームページの基礎を学ぶ!
    • スタイルシートでつくるWebサイトデザイン
    • HTMLの記述方法ホームページの基礎を理解する
    • HTMLの正しい文法構造を理解する
    • HTMLを編集する=「body要素」に本文を書く
    • HTMLで使われるさまざまな要素を理解する
    • デザインを構成するスタイルシートの記述方法
    • スタイルシートの構造を理解してデザインする
    • HTMLとスタイルシートを記述する方法
    • HTMLの記述方法と注意点を理解する
    • 複数のページで同じスタイルを適用する
  • CHAPTER3 CSS活用編 「Webデザインを極める!」CSSを使ったスーパーテクニック
    • 基礎編
      • CSSデザインの基礎
      • 文字のサイズ
      • 文字の色
      • 背景色
      • 装飾フォント
      • 斜体で引用を表現
      • 文字を目立たせる
      • 枠線
      • 文章の余白
      • 挿絵を表示
      • 文字を右寄せ
      • ソース
    • テキスト編
      • 文章の行間を調整して読みやすくする
      • 蛍光ペン効果で文字や文章を強調する
      • 下線を付けて文章を強調する
      • 文字間隔を広げてインパクトを出す
      • 段落先頭にインデントを設定して字下げする
      • 手書き風の下線で手作り感を出す
    • ページデザイン編
      • ページに背景画像を挿入する
      • ページ外周の余白を消して端までデザインする
      • 背景画像を固定する
      • 背景画像を左端だけに適用
      • ページ右下にロゴやマスコットを表示
      • スクロールバーを装飾する
    • ボックス編
      • 枠線で見出しをデザイン
      • 左側に余白を設けて階層を表現する
      • 隣接するブロック間の余白を調整する
      • 最初の1文字だけに装飾を加える
      • 1行目にだけ特別な装飾を加える
    • リンク編
      • マウスポインタが重なると変化するリンク
      • マウスが乗ったときだけ下線が出るリンク
      • リンク画像の枠線を消す
      • リンクをボタンのように見せる
    • フォーム編
      • 入力フォームの横幅と高さを揃える
      • 入力フォームを装飾する
      • プルダウンメニューのメニュー項目を装飾する
      • 日本語入力機能を制御して、半角文字で入力させる
      • 入力フォームを装飾する
    • 画像編
      • 画像を端によせて挿絵のように配置する
      • 画像に額縁のような枠を付ける
      • 画像の周囲に余白を加えて本文を読みやすくする
      • 画像を自由位置に配置する
      • 画像上の自由な位置に文字を重ねる
      • 画像を半透明にする
    • リスト編
      • リストの先頭記号を変更する
      • リストの先頭記号に画像を使う
      • リストを横に並べてナビゲーションバーを作る
    • 表組み編
      • 表の線を自由にデザインする
      • セルとセルの間隔をなくす
      • セル内部に余白を設けて見やすくする
      • 表のヘッダやフッタに色を塗って分かりやすくする
      • 列ごとに色分けして見やすくする
      • 特定のセルを強調する
      • 表をセンタリングする
    • その他
      • マウスカーソルを変更して隠しリンクを作る
      • 画面表示と印刷でスタイルを分ける
      • 文字の表示を制御してスクロールバーを表示する
      • ルビの振り方を指定する
      • キーボードからの入力を表すデザイン
      • 縦書きで表記する
      • スペースや改行をそのまま表示する
  • CHAPTER4 レイアウト編1 「段落を自由に操ろう!」段組構成テクニック
    • 段組レイアウトで本格派を目指そう!
    • スタイルシートで段組をつくる基礎
    • スタイルシートだけで段組を変更する
    • 段組を解除して正しい表示にする
    • 人気のある3段組レイアウトを作る
    • サイズを固定したレイアウトを作る
    • HTMLの記述方法
    • スタイルシートで段組を作る
    • 装飾を施す
    • 文字が隣の段に入り込むのを防ぐ
    • 段の背景色が切れないようにする
  • CHAPTER5 レイアウト編2 「ブログの仕組みを学ぼう!」ブログレイアウトに挑戦しよう!
    • ブログをつかったスタイルシートの活用
    • ブログのデザイン構成
    • ブログのデザインをカスタマイズする
  • 付録
    • Webセーフカラー
    • 特殊文字の書き方
    • 特定のブラウザに対してスタイルを適用させないようにする方法

※電子化はされておりませんので電子版の販売はありません。

※この本に書かれている内容は、もはや現在では古い点にご注意下さい。本書を今お読み頂く意味はなく、もっと新しい類書をご参照下さい。

Last modified: 2022/01/15.

--- 当サイト内を検索 ---