MdNCORPORATION

HTMLデザイン・ビジュアルガイド

HTMLデザイン・ビジュアルガイド

シーズ 編著
本体 2500円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2000-12-19
仕様 B5変 232*182/192P
ISBN 978-4-8443-5580-9
本書はすばやく、簡単に理解できるHTMLタグをコンパクトに解説した、チュートリアル&リファレンスブックです。Web制作に必要なHTMLをテキストやイメージ、フォームやテーブルなどの基本的な項目に分け、それぞれの章をチュートリアル、リファレンス。応用やサイト紹介といった内容で構成しています。ステップバイステップのチュートリアルでは、 CDROMに収録された素材を使いながら、一つの典型的なホームページを作成することで、 HTMLの基礎をわかりやすく解説。見て、使って、理解できる仕組みになっています。付属 CDROMにはチュートリアルの素材や完成ファイルのほか、リファレンス部分のHTMLソースコードもすべて収録しています。

目次


Web制作必携『HTML』を基本からマスターできる、見てすぐわかる一冊!


本書はすばやく、簡単に理解できるHTMLタグをコンパクトに解説した、チュートリアル&
リファレンスブックです。Web制作に必要なHTMLをテキストやイメージ、フォームやテー
ブルなどの基本的な項目に分け、それぞれの章をチュートリアル、リファレンス。応用や
サイト紹介といった内容で構成しています。ステップバイステップのチュートリアルでは、
CD-ROMに収録された素材を使いながら、一つの典型的なホームページを作成することで、
HTMLの基礎をわかりやすく解説。見て、使って、理解できる仕組みになっています。付属
CD-ROMにはチュートリアルの素材や完成ファイルのほか、リファレンス部分のHTMLソース
コードもすべて収録しています。


-------------------------<目次>------------------------------

まえがき 2

本書の構成と使い方 8
チュートリアル編のページ構成 10
リファレンス編のページ構成 11

HTML BASICS 12
・HTMLはどこまで知ってればいいんだろう……? 12
・「ホームページ作成ソフト」でできること 13
・「HTML」のカンタンルール 14
・ファイル管理の話 15
・階層(ディレクトリ)という考え方 16-17
・Web作成の流れとコンテンツ 18-19
・ブラウザのいま 20

Chapter 1 ページの定義 21
●TUTORIAL @ Chapter 1 22-25
●リファレンス編
HTMLファイルの基本定義 26
ページ(ドキュメント)のタイトル設定 26
ソース内にコメントを挿入 27
ページの背景カラーを指定 27
ページの文字の基本色、リンク色などを設定 28
ページに背景イメージを設定 28
ページ内の上部・左部の余白を設定 29
本文テキストの基本サイズを設定 29
●応用編
検索サイト対策になる タグの使い道 30
Web上のカラー指定方法 32
Webページ上のカラー指定のコツ 34
【表】RGBカラー→16進数表記の簡易対応表 35

Chapter 2 段落・区切り・揃え 37
●TUTORIAL @ Chapter 2 38-41
●リファレンス編
段落を定義する1(前後の余白あり) 42
段落を定義する2(前後の余白なし) 42
文章内の一部分のまとまりを定義する 43
要素をセンタリング(中揃え)する 43
改行を定義 44
文章の自動改行を禁止 44
自動改行の禁止の範囲内で、改行位置の候補を指定 45
テキストの段組み指定 45
段組み表示の段数、段間、段の幅の指定 46
区切り線(横罫線)を表示 46
区切り線のオプションを設定する 47
●応用編
区切り線を工夫して、“飾り”に応用 48

Chapter 3 テキスト 49
●TUTORIAL @ Chapter 3 50-53
●リファレンス編
文字のサイズ設定 54
文字サイズを一段階大きく・小さく 54
文字の色を部分的に指定する 55
文字の書体を指定 55
文字の装飾(太字[ボールド]・斜体[イタリック]) 56
文字の強調表示指定 56
文字の装飾(等幅) 57
文字の装飾(上付・下付) 57
文字の装飾(下線・取消線) 58
テキストに構造的意味を付加する 58
文字にルビを設定 59
テキストを見出し表示にする設定 59
引用文章の表示 60
住所・メールアドレスなどの連絡先を表示 60
テキストを整形(入力した通りに)表示 61
テキスト(タグを含む)をそのまま表示 61
●応用編
Webページ内の“動的”要素と“動的”テキストタグ 62
テキストでグラデーション 64
表示をコントロールする「スタイルシート」というしくみ 66
【表】スタイルシートで指定できる おもなプロパティ 69

Chapter 4 リスト 71
●TUTORIAL @ Chapter 4 72-75
●リファレンス編
リスト(順不同)の定義 76
メニューリスト・ディレクトリリストの定義 76
リスト(順不同)のマーク設定 77
リスト(序列・番号つき)を定義 77
リスト(序列・番号つき)の番号タイプを変更 78
リスト(序列・番号つき)の開始番号を指定 78
定義型リストの設定 79
定義型リストの短縮形式 79
●応用編
リストを使ってサイトマップを作成 80

Chapter 5 イメージ 83
●TUTORIAL @ Chapter 5 84-87
●リファレンス編
イメージを表示 88
イメージの表示前に、低解像度版を表示 88
イメージの代替テキストの指定 89
イメージの表示サイズを指定 89
イメージ周辺につける境界線を指定 90
イメージに対するテキストのまわり込みを指定 90
イメージとテキストの並び方を指定 91
イメージとテキストの並び方を指定(拡張) 91
イメージに対するテキストのまわり込みを停止 92
イメージの周辺に余白を設定 92
背景イメージの固定 93
画面内にスペースを設ける 93
●応用編
Webサイトで使用できるイメージファイル 94
Web用イメージをつくるコツ 97
「動きモノ」デビューはGIFアニメーション 100
イメージ以外にWebで表示できるもの 102

Chapter 6 テーブル 105
●TUTORIAL @ Chapter 6 106-113
●リファレンス編
表組(セル)の作成 114
セル内に見出し項目を設定 114
表の周辺に外枠を設定 115
表に対する、要素(文章・イメージ)のまわり込み指定 115
表組の周辺に余白を指定 116
表組全体のサイズを指定 116
セルのサイズを指定 117
表組にキャプションを設定 117
表組の外枠の表示箇所を指定 118
表組の内罫線の表示箇所を指定 119
表組の外枠の色を指定 119
表組全体、またはセルに背景色を指定 120
表組全体、またはセルに背景イメージを指定 120
表組のセル同士の間隔、セル内の余白を指定 121
複数行(縦)にまたがるセルを設定 121
複数行(横)にまたがるセルを設定 122
セル内に配置する要素の横方向の揃え指定 122
セル内に配置する要素の縦方向の揃え指定 123
セル内のテキストの改行の禁止 123
●応用編
テーブルタグの「裏ワザ」的な応用編 124

Chapter 7 ハイパーリンク 129
●TUTORIAL @ Chapter 7 130-133
●リファレンス編
テキストやイメージにリンクを設定 134
リンクテキストの色指定 134
リンク先の内容を表示するウインドウの指定 135
メールウインドウを開くリンクボタンの設定 136
電話番号を設定 136
ダウンロードファイルを指定 137
リンク先にジャンプするアクセスキーを指定 137
同一ページ内の指定箇所へリンク 138
他ページ内の指定箇所へリンク 138
リンクを設定したイメージの枠を消去 139
リンク設定の内容を表示 139
●応用編
クリッカブルマップ(イメージマップ)を作成 140
イメージマップ作成用のツール 142
リンク切れをチェックする 143

Chapter 8 フォーム 145
●TUTORIAL @ Chapter 8 146-149
●リファレンス編
フォームを定義(送信先・形式を指定) 150
テキストの入力欄(1行タイプ)を作成 150
チェックボックスの作成 151
ラジオボタンの作成 151
ブラウザには表示されない項目を作成 152
パスワードの入力欄を作成 152
リセットボタンの設定 153
ファイルの選択ボタンを作成 153
テキストの入力欄(複数行タイプ)を作成 154
選択メニュー(プルダウンメニュー)の作成 154
選択メニュー(一覧表示タイプ)の作成 155
データを送信する送信ボタンを作成 155
●応用編
フォームから送られた日本語を読む方法 156
アンケートフォームの装飾 158

Chapter 9 フレーム 161
●TUTORIAL @ Chapter 9 162-169
●リファレンス編
ページを複数のフレームに分割(縦・横) 170
フレーム境界線の表示の有無を指定 171
フレームの境界線の太さ指定 171
各フレーム間の余白を指定 172
フレームの境界線の色指定 172
分割したフレーム内のマージン(余白)を指定 173
フレームについてスクロールの可否を指定 173
フレームのリサイズの禁止 174
リンク先ファイルを表示するフレームを指定 174
インラインフレームの設定 175
●応用編
フレームの正しい使い方と発展形 176

APPENDIX 付録 179
仕上げ・アップロード 180-182
アクセス向上を考えよう 183
Web用カラーの基本216色 184-185
カラーネームリスト 186-187

Web Site Close Up!
drawingdesign(http://www.drawingdesign.com/) 36
usagi_gumi(http://www.sm.rim.or.jp/~tona-pon/) 70
studio-Napichi.com(http://www.studio-napichi.com/) 82
CHESKY DOM(http://chesky.pos.to/) 104
No.195(http://members3.cool.ne.jp/~soo195/) 128
04(http://www.04.jp.org/) 144
パンダデザイン(http://ns.to/panda/) 160
underground(http://under.cha.to/) 178

索引 188

基礎から演出まで! イラスト表現のヒントが満載の8冊

基本からはじめてプロデザイナーを目指す!最初の一歩に選ぶ本