MdNCORPORATION

XHTML&CSS 定番テクニック大全

XHTML&CSS 定番テクニック大全

ケイエス企画
定価 3,080円
(本体 2,800円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2009-11-25
仕様 B5/352P
ISBN 978-4-8443-6086-5
XHTML&CSSの初歩的な使い方から応用まで、170の定番テクニックを集めました! 知っているつもりでも、「あれってどうやるんだっけ?」といったことを事典やウェブで調べるのは面倒ですよね。いろんな使い方を急いで調べたいとき、本書はお役に立ちます! Internet Explorer、Safari、Firefox、Google Chrome、Operaの各最新バージョンにも対応。紙面で紹介しているサンプルデータもサイトよりダウンロードできます!!

XHTML&CSS の初歩的な使い方から応用まで、170の定番テクニックを集めました!知っているつもりでも、「あれってどうやるんだっけ?」といったことを事典やウェブで調べるのは面倒ですよね。いろんな使い方を急いで調べたいとき、本書はお役に立ちます! Internet Explorer、Safari、Firefox、Google Chrome、Operaの各最新バージョンにも対応。紙面で紹介しているサンプルデータもサイトよりダウンロードできます!!


※この本の一部をご覧いただけます。
P218-219.pdf【PDFダウンロード】
P314-315.pdf【PDFダウンロード】
P368-369.pdf【PDFダウンロード】



■ページ見本






目次

【XHTML&CSS 定番テクニック大全】目次

Introduction
XHTMLとは?
CSSとは?
ブラウザーの種類とバージョン

Part 1 XHTML

Chapter 01 Structure 全体構造
Technique 001 XHTML文書を宣言する
Technique 002 ドキュメントの構造を定義する
Technique 003 タイトルバーにページのタイトルを表示させたい
Technique 004 文字の符号化方式を指定したい
Technique 005 検索キーワードを埋め込みたい
Technique 006 他のページへジャンプさせるまでの時間を指定したい
Technique 007 他のページとの関係を記述しておきたい
Technique 008 編集用のメモを書き込んでおきたい
Technique 009 複数の要素をまとめたい
Technique 010 インライン要素のまとまりを設定したい
Technique 011 水平線を表示させたい

Chapter 02 Text テキスト
Technique 012 段落を設定したい
Technique 013 改行を挿入したい
Technique 014 スペースや改行をそのまま表示したい
Technique 015 長い文章を引用文として表示したい
Technique 016 短い文章を引用文として表示したい
Technique 017 語句の引用や参照元を記述しておきたい
Technique 018 略語の正式名称をツールチップで表示したい
Technique 019 略語(頭字語)の正式名称をツールチップで表示したい
Technique 020 追加・削除された内容に下線・取り消し線を表示させたい
Technique 021 語句を強調したい
Technique 022 定義されている用語を示したい
Technique 023 見出しを設定したい
Technique 024 文字にルビを表示させたい
Technique 025 項目を箇条書きにしたい
Technique 026 番号付きのリストを作成したい
Technique 027 用語を定義したリストを作りたい
Technique 028 文字の表記方向を指定したい
Technique 029 連絡先を強調したい
Technique 030 上付き文字を表示したい
Technique 031 下付き文字を表示したい
Technique 032 テキストを等幅フォントで表示したい
Technique 033 文字を装飾したい

Chapter 03 Image/Object イメージ/オブジェクト
Technique 034 画像を表示させたい
Technique 035 画像の代替テキストを埋め込みたい
Technique 036 画像の表示サイズを指定したい
Technique 037 オブジェクトをページに配置したい
Technique 038 オブジェクトの動作や詳細設定を指定したい
Technique 039 古いブラウザーだとオブジェクトが表示されない
Technique 040 IEでオブジェクトが表示されない
Technique 041 1枚の画像に複数のリンクを設定したい
Technique 042 スクリプトを埋め込みたい

Chapter 04 Table テーブル
Technique 043 表を作成したい
Technique 044 外枠の幅を指定したい
Technique 045 セルの余白を指定したい
Technique 046 セルの間隔を指定したい
Technique 047 データーの左右の配置を指定したい
Technique 048 データーの上下の配置を指定したい
Technique 049 上下のセルを連結したい
Technique 050 左右のセルを連結したい
Technique 051 表本体とヘッダー、フッターをグループ化したい
Technique 052 表の列ごとに属性を設定したい

Chapter 05 Link リンク
Technique 053 テキストにリンクを設定したい
Technique 054 画像にリンクを設定したい
Technique 055 同一ページ内の特定の場所に移動させたい
Technique 056 別のページの特定の場所に移動させたい
Technique 057 リンク先が表示される場所を指定したい
Technique 058 メール作成リンクを設置したい
Technique 059 リンクボタンのイメージ枠を消したい
Technique 060 リンクボタン上にリンク先のタイトルを表示させたい
Technique 061 ファイルをダウンロードするボタンを作成したい
Technique 062 リンクへの基準となるURLを指定したい

Chapter 06 Form フォーム
Technique 063 フォームを定義したい
Technique 064 テキストボックスを作成したい
Technique 065 パスワードの入力欄を作りたい
Technique 066 チェックボックスを作成したい
Technique 067 ラジオボタンを作成したい
Technique 068 送信ボタン・リセットボタンを作成したい
Technique 069 送信ボタンに画像を表示したい
Technique 070 隠し情報を送信したい
Technique 071 ファイル選択のボタンを作りたい
Technique 072 複数行入力できるテキストボックスを作成したい
Technique 073 プルダウンメニューを作成したい
Technique 074 リストボックスを作成したい
Technique 075 プルダウンメニューの選択肢をグループ化したい
Technique 076 リストボックスで複数の項目を選択可能にしたい
Technique 077 コントロールと項目名をセットにしたい
Technique 078 フォームの部品をグループ化したい
Technique 079 ボタンを作成したい

共通属性一覧・イベント属性一覧

Part 2 CSS

Chapter 01 Basic definition method 基本的な定義方法
Technique 080 別ファイルにスタイルシートを宣言したい
Technique 081 すべての要素にスタイルを適用したい
Technique 082 特定の要素にスタイルを適用したい
Technique 083 特定の部分を指定してスタイルを適用したい
Technique 084 要素内の特定の子(子孫)要素にスタイルを適用したい
Technique 085 要素内の特定の子要素にスタイルを適用したい
Technique 086 特定の要素の直後にある要素にスタイルを適用したい
Technique 087 グループ化した要素にスタイルを適用したい
Technique 088 指定したIDを持つ要素にスタイルを適用したい
Technique 089 リンクテキストにスタイルを適用したい

Chapter 02 Text テキスト
Technique 090 テキストの水平方向の位置を指定したい
Technique 091 行内でのテキストの縦の配置を指定したい
Technique 092 英文の大文字・小文字を指定したい
Technique 093 字間を調節したい
Technique 094 単語の間隔を調節したい
Technique 095 スペースや改行の扱いを指定したい
Technique 096 文字を線や点滅で強調したい
Technique 097 ルビの配置を指定したい
Technique 098 段落の先頭行を字下げしたい
Technique 099 行間を設定したい

Chapter 03 Font フォント
Technique 100 フォントの種類を指定したい
Technique 101 文字の色を指定したい
Technique 102 文字のサイズを指定したい
Technique 103 文字の太さを指定したい
Technique 104 文字を斜体にしたい
Technique 105 文字をスモールキャピタルで表示したい
Technique 106 禁則処理を適用したい
Technique 107 フォントのスタイルを一括で指定したい

Chapter 04 List リスト
Technique 108 リストの行頭文字を指定したい
Technique 109 リストの行頭文字に画像を表示したい
Technique 110 行頭文字の位置を指定したい
Technique 111 行頭文字を一括で指定したい

Chapter 05 Background 背景
Technique 112 背景色を指定したい
Technique 113 背景に画像を表示したい
Technique 114 背景画像の並べ方を指定したい
Technique 115 スクロールしても背景画像が動かないようにしたい
Technique 116 背景画像を表示する位置を指定したい
Technique 117 Webページ全体の背景を一括で指定したい

Chapter 06 Box ボックス
Technique 118 ボックスのマージンを個別に設定したい
Technique 119 ボックスのマージンを一括で設定したい
Technique 120 ボックス枠から要素までの間隔を設定したい
Technique 121 ボックス枠から要素までの距離をまとめて設定したい
Technique 122 ボックス内の要素が表示される領域を指定したい
Technique 123 枠線のスタイルを個別に設定したい
Technique 124 枠線のスタイルを一括で設定したい
Technique 125 枠線の色を個別に指定したい
Technique 126 枠線の色を一括で指定したい
Technique 127 枠線の太さを個別に指定したい
Technique 128 枠線の太さを一括で指定したい
Technique 129 枠線のスタイルや太さ、色を辺ごとに一括で指定したい
Technique 130 枠線のスタイルや太さ、色を一括で指定したい

Chapter 07 Position 位置
Technique 131 要素の表示方法を変更したい
Technique 132 要素の配置方法を指定したい
Technique 133 要素を配置したい
Technique 134 要素の重なり順序を指定したい
Technique 135 要素の表示・非表示を設定したい
Technique 136 テキストの回り込みを設定したい
Technique 137 テキストの回り込みを解除したい
Technique 138 スクロールバー付きのボックスを作りたい

Chapter 08 Table テーブル
Technique 139 テーブルの表示方法を設定したい
Technique 140 セルの枠線の表示形式を設定したい
Technique 141 セルのボーダーの間隔を設定したい
Technique 142 空のセルの表示・非表示を設定したい
Technique 143 キャプションの位置を指定したい

Chapter 09 Filter フィルター
Technique 144 文字や画像の背景を半透明にしたい
Technique 145 画像や文字に影を付けたい
Technique 146 柔らかい影を付けたい
Technique 147 画像やテキストをブレさせたい
Technique 148 画像やテキストをぼやけさせたい
Technique 149 画像やテキストが発光しているように表示したい
Technique 150 画像やテキストを波打たせたい
Technique 151 画像やテキストを上下・左右に反転させたい
Technique 152 画像やテキストの色を反転させたい
Technique 153 画像をモノクロで表示したい
Technique 154 画像にレントゲン写真の効果を加えたい
Technique 155 画像や文字の形で型抜きしたい
Technique 156 画像や文字に同時に複数の効果を適用したい
Technique 157 画像や文字にモザイクをかけたい
Technique 158 画像や文字を浮き出させる
Technique 159 画像や文字をへこませたい
Technique 160 画像や文字にグラデーションをかけたい

Chapter 10 Others その他
Technique 161 スクロールバーを独自の色で表示したい
Technique 162 指定したマウスポインターを表示させたい
Technique 163 半角英数字でしか入力できないようにしたい
Technique 164 テキストを縦書きにしたい
Technique 165 特定の位置で改ページさせたい
Technique 166 指定した要素にテキストを追加したい
Technique 167 文字間隔や行間隔を一定にしたい
Technique 168 引用文の引用符を指定したい
Technique 169 要素にアウトラインを表示したい
Technique 170 アウトラインを一括で設定したい

Appendix
色指定一覧
特殊文字一覧
要素・ブラウザー対応表
要素・プロパティ・用語索引

ダウンロードデータ

alt
contents

『XHTML&CSS 定番テクニック大全』
サンプルデータダウンロード


このたびは、『XHTML&CSS 定番テクニック大全』をお買い上げいただきまして、誠にありがとうございます。
以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。


alt

Part 1  → part1.zip
Part 2  → part2.zip

alt

■ダウンロードにあたってのご注意■

ダウンロードファイルは、ZIP形式で圧縮されています。
Windows、Macintoshそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
解凍したフォルダ内には、「readme.txt」と各チャプターのフォルダが収録されています。各チャプターのフォルダにはHTMLファイル、CSSファイル、画像ファイル等が収録されています。

※サンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。

※サンプルデータの著作権は、それぞれの制作者に帰属します。

※サンプルデータを実行した結果については、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているXHTML、CSSのコメントや改行位置等は、紙面掲載用として加工していることがあります。サンプルデータとは異なる場合がありますので、あらかじめご了承ください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊