C 0 料 T E 料 T S 国 CONDI 引 ON / 環境 ー制作環境 1 2 現在の HTML HTML* 集ツ ー丿レ ープラウジング環境 1 2 3 4 5 ブラウザ 0 S 色 画面解像度 転送速度 GRAPHIC/ 画像 Web カラーを使う 1 2 3 8 ビット環境でのデイザリング ◇ビット深度と色数の関係 Web カラーとは 16 進表記で Web カラーを指定する ◇ Photoshop で Web カラー / ヾレット を使う ◇ DitherBox 02 03 Web カラーチャート ◇ CO 「ネームによる指定 G 旧を使う 1 圧縮率比較サンプル HTML DESIGNS ◇ G 旧のファイルサイズを抑えるには 010 010 012 016 016 017 017 017 019 020 020 022 023 023 024 025 003 033 031 031 030 026

◇アニメーション G 旧 ◇画像はできるかぎり使いまわす ◇画像の背景を透明にする ◇アンチェイリアスについて JPEG を使う い 06 1 PNG を使う 2 1 圧縮率比較サンプル ◇ JPEG のファイルサイズを抑えるには ◇インターレース G 旧と プログレッシブ JPEG lmageReady 、 Fireworks ◇画像を確認しながら圧縮できる PNG -24 形式 PNG-8 形式 ガンマの調整 COLUMN ツールの紹介 -1 画像処理 03 LAYOUT/ レイアウト G 旧を使って空白を作る 1 2 3 スペーサー用の G 旧画像について スペーサー G 旧を使った位置調整 : インデント ( 字下げ ) スペーサー G 旧を使った位置調整 : 行間 正非改行スペースを使って空白を作る 1 2 034 035 035 037 038 038 039 039 040 040 040 042 043 046 046 049 051 053 053 054 004 非改行スペースについて 非改行スペースを使った位置調整 : インデント ( 字下げ ) HTML DESIGNS

4 3 非改行スペースを使った位置調整 : 行間 VSPACE 、 HSPACE を使った画像の配置 ァーブルを使ったレイアウト 1 2 文字や画像の配置 テーブルを入れ子にする ◇正確なテーブルの記述法 立 す を 画像を分割し部分的に入れ替える ウインドウサイズに合わせる テーブルのセルに色を付ける ◇テープルで単色の画を作る ◇セルを画像の背景色にする テープルの境界線を単色にする ◇テープルセル内のフォント指定 角が丸いテキストコンテナを作る テーブルを使ったフォームのレイアウト ◇フォーム要素のサイズの違いについて ◇く FORM > タグで隙間ができる テーブルで段組みを作る フレームを定義する 1 2 フレームの基本記述法 いろいろなフレーム構造 ウインドウのマージンを制御する HTML DESIGNS 056 058 099 102 105 061 061 066 070 0 行 080 083 083 085 088 092 095 106 109 109 113 127 005

TEXT&FONT/ 文字 HTML でフォントを指定する 1 2 絶対値による指定 相対値による指定 CSS でフォントを指定する 1 2 3 4 5 CSS の種類 CSS を組み合わせる セレクタを設定する クラスを設定する CSS を学ぶには フォントの種類の選び方 環境によるフォントサイズの違いを知る 1 2 ブラウザの初期設定フォント ポイント解釈の違い い 簡単なフォントサイス補正法 1 / CSS ◇画面表示に適したフォントとサイズ 簡単なフォントサイス補正法 2/JavaScript 環境による行間の差を補正する ◇行間指定の単位 CSS 未対応ブラウザへの配慮 ユーザーの環境にないフォントで表示する テキストリンクのアンターラインを消す 132 132 134 136 136 140 143 145 147 148 152 152 153 155 157 158 161 163 164 166 169 COLUMN ツールの紹介 -2 HTML 工デイタ 村 T 岡を - DESIGNS

AC 引 ON / アクション ステイタスパーにテキストを表示する ◇ MAP タグ自動作成ソフト クリッカブルマップを作る 1 2 リンクの説明を表示する マップの説明をする ◇ JavaScript について 別ウインドウを開く 1 2 3 4 5 6 HTML で別ウインドウを開く サイズを指定して別ウインドウを開く ◇別ウインドウのロード状況について 自動的に別ウインドウを開く ウインドウを閉しる 別ウインドウの位置を制御する ウインドウを手前に出す い ウインドウサイズの制御 外部ウインドウからの操作 ◇外部ウインドウからのフレーム操作 複数の FRAME を入れ替える プルダウンメニューによるリンクを作る ロールオーバーでイメージを入れ替える 選択後「 Go 」をクリックして移動する 選択直後に移動する 2 1 DHTML について 2 1 HTML DESI GNS Netscape Navigator の DHTML lnternet ExpIorer の DHTML 172 175 176 176 178 180 182 182 184 188 188 190 192 193 194 196 200 202 007 218 217 214 212 209 209 205

06 TUN ー NG / チューンナップ HTML のチェックとダイエット 1 2 3 画像 テーフ ) レ ◇ HTML を圧縮する 総合チェック ◇引用符は必要か ◇大文字小文字のルールは ? ◇工ミュレータで表示確認 サーチェンジンへ登録する 1 2 3 サーチェンジンの種類 <META> タグでサイトの概要を知らせる く META > タグで検索制限を設ける ◇代表的なサーチェンジン ◇文字コード ( キャラクタセット ) の指定 スプラッシュページを作る 1 2 3 COLUMN 235 235 236 237 238 240 220 220 222 227 229 232 233 233 246 244 243 241 241 008 く META > タグでページを移動する JavaScript でページを移動する ブラウザを判別する ツールの紹介 -3 その他 HTML DESIGNS

APPENDIX/ 付録 HTML タグ対応表 1 2 3 4 5 6 7 8 9 10 基本構造 文字 リスト ( 箇条書 ) リンク 画像 レイアウト テープル ( 表 ) 入力フォーム フレーム マルチメディア CSS プロバティ対応表 1 2 3 4 5 6 INDEX HTML CSS 色と背景 文字 レイアウト 要素の型指定 HTML DESIGNS 248 248 250 254 256 258 258 262 266 268 270 274 274 274 274 276 276 280 284 009

H T M L D E S I G N W 「 i t e 「 E d i t i 0 n C 0 v e 「 D e s i 9 n D T P S p e c i a [ T h a n k s B 0 0 K s t a f f s A d a c h i Y u j i S e k i n e ′ Y a s u h i 「 0 [ s h 0 e i s h a c 0 . ′ L t d ] M i y a d i m a ′ T a k a f u m i K a m 0 t 0 ′ T S u t 0 m u 〔 m a C a 「 0 n i . i n k ] T s u y 0 s h i 〔 m a c a 「 0 n i . i n k ] K 0 b a y a s h i 工イチティエムエルデザイン HTML デザイン辞典 ンフ - ン 1999 年 6 月 25 日 208 年 3 月 1 0 日 初版第 1 刷発行 初版第 7 刷発行 著者 発行人 発行所 足立裕司 ( アダチュウジ ) 速水浩二 株式会社翔泳社 〒 160-0006 東京都新宿区舟町 5 番 出版局営業部 TEL 03-5362-3810 / FAX 03-5362-3817 出版局編集部 TEL 03-5362-3833 / FAX 03-5362-3818 印刷・製本凸版印刷株式会社 ◎ 1 9 9 9 Y U J I A D A C H I * 本書の一部または全部を著作法の定める範囲を超え、 無断で複写、複製、転載、テープ化、データファイル化 することを禁じます。 * 本書の内容に関するご質問は、ご面倒でも必ず文書 または電子メール (mail-web@shoeisha.co.jp) にて編 集部までお寄せください。 * 乱丁、落丁はお取り替えいたします。営業部までご I S B N 4 ー 8 81 3 5 ー 7 6 1 ー 1 連絡下さい。 HTML DESIGNS

カラー版 H T M L タグ辞典 I S B N 4 ー 8 8 1 ろ 5 ー 6 9 6 ー 8 定価 : 本体 1 ′ 500 円 + 税 累計 10 万部突破の「 HTML タグ辞典」がついにオ ールカラーになって登場します。読者の方からの 要望の一番多かったカラー化に対応することで、 モノクロでは分かりづらかった画面表示は分かり やすく、タグのソースも明解に色分けしさらに分 かりやすくなっています。最新の H T M L 4 . 0 の情 報を全面的に加筆し、 D y n a m i c H T M L や c G I などのホームへージの最先端技術に関しての情報 も盛りだくさん。前書を買った人も買わなかった 人も、インターネットユ - ザーならば持っておき たい定番の書です。 最新スタイルシート辞典 I S B N 4 ー 8 8 1 ろ 5 ー 7 5 ろー 0 定価 : 本体 1 ′ 800 円 + 税 最新の H T M L 4 . 0 では、 H T M L では構造のみを記 し、文字や画像の大きさや色といったスタイルや レイアウトはスタイルシートという拡張機能で処 理するという本来の汎用ドキュメントの方向性が 高められています。それを受けて、今まで対応が 未完全だった主要プラウザも続々とスタイルシー トの属性への対応が広がってきています。本書 はベストセラー「 H T M L タグ辞典」と同形式で、 これからのスタンダードであるスタイルシートを 解説した完全リファレンスです。 本書は自分のインターネット環境で、オリジナル 定価 : 本体 2 8 0 0 円 + 税 I S B N 4 ー 8 8 1 ろ 5 ー 7 6 6 ー 2 P e r [ ・プロクラミング・日本語処理 CGI 基礎講座 C D ー R 0 M 付き HTML DESIGNS 基礎から詳細に解説しています。 特に後半の日本語処理 ( 文字コード ) については、 ント化、エラー処理について解説していきます。 な操作を踏まえた上で、プログラムのコンポーネ 処理に進みます。そして、 p e 「しに関する基本的 いて、ていねいに解説し、テータ入出力、データ っています。まずプロクラムの作成とは何かにつ ングの基本を学んでみたい方にも最適な内容とな め、 C G I スクリプトの作成を通して、プログラミ な C G I スクリプトの必要性を感じている方をはじ HTML タグ辞典 アンクを 0 アンク物 最新辞典 スタイルシート 凰礎座 秋本 ~ 古川第を トプログラミングを日本物第第 . = ” 293