INTERNETびっくりDynamic HTMLデザイン

  • ポイントキャンペーン

INTERNETびっくりDynamic HTMLデザイン

  • ただいまウェブストアではご注文を受け付けておりません。
  • サイズ B5判/ページ数 383p/高さ 24cm
  • 商品コード 9784844355014
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

ynamic HTMLであなたのページをグレードアップ!

技術進歩の著しいWEB開発において現在最も注目を集めている最新テクノ
ロジーであるDynamicHTMLについて、デザインに重点を置いた一冊です。
テキストと画像のアニメーションを中心に、それぞれのHTML書式設定、
スタイルシート定義、スクリプトを解説!はじめから順を追って読み進
む事も、必要に応じて使いたいテクニックのページだけを読むこともで
きます。グラフィックデザインをバックグラウンドとしている開発者に
とって、より入りやすいオススメの入門書です。



目次

はじめに 3
もくじ 4
読者の皆様へ/表記について 8

本書について 9
Dynamic HTMLとは 14

Chapter1 Dynamic HTML作成の基礎 17
グラフィックの作成 18
JavaScriptプログラミング 29
サンプル作成の手順 31

<Part1 テキストアニメーション>
Chapter 2 フラッシュテキスト 35
HTMLを書く(flashing_text.htm) 36
スタイルシートを定義する(flashing_text.css) 40
スクリプトを記述する(flashing_text.js) 42
Chapter 3 スクロールテキスト 49
HTMLを書く(scrolling_text.htm) 50
スタイルシートを定義する(scrolling_text.css) 54
スクリプトを記述する(scrolling_text.js) 55
Chapter 4 フェーディングテキスト 61
HTMLを書く(fading_text.htm) 62
スタイルシートを定義する(fading_text.css) 65
スクリプトを記述する(fading_text.js) 67
Chapter 5 ズームテキスト 75
HTMLを書く(zooming_text.htm) 76
スタイルシートを定義する(zooming_text.css) 80
スクリプトを記述する(zooming_text.js) 81

<Part2 画像アニメーション>
Chapter 6  置き換えアニメーション 91
HTMLを書く(replacement_animation.htm) 92
スタイルシートを定義する(replacement_animation.css) 96
スクリプトを記述する(replacement_animation.js) 97
Chapter 7 ランダムアニメーション 103
HTMLを書く(random_animation.htm) 104
スタイルシートを定義する(random_animation.css) 110
スクリプトを記述する(random_animation.js) 111
Chapter 8 スライドアニメーション 117
HTMLを書く(slide_animation.htm) 118
スタイルシートを定義する(slide_animation.css) 124
スクリプトを記述する(slide_animation.js) 125
Chapter 9 キーフレームアニメーション 133
HTMLを書く(keyframe_animation.htm) 134
スタイルシートを定義する(keyframe_animation.css) 142
スクリプトを記述する(keyframe_animation.js) 146

<Part3 レイヤーアニメーション>
Chapter 10 切り取りアニメーション 159
HTMLを書く(clipping_animation.htm) 160
スタイルシートを定義する(clipping_animation.css) 167
スクリプトを記述する(clipping_animation.js) 168
Chapter 11 円形アニメーション 181
HTMLを書く(circular_animation.htm) 182
スタイルシートを定義する(circular_animation.css) 187
スクリプトを記述する(circular_animation.js) 189
Chapter 12 線形アニメーション 195
HTMLを書く(linear_animation.htm) 196
スタイルシートを定義する(linear_animation.css) 202
スクリプトを記述する(linear_animation.js) 204
Chapter 13 パスアニメーション 211
HTMLを書く(path_animation.htm) 212
スタイルシートを定義する(path_animation.css) 217
スクリプトを記述する(path_animation.js) 219

<Part4 インターフェイスの工夫>
Chapter 14 トグルメニュー 227
HTMLを書く(toggle_menu.htm) 228
スタイルシートを定義する(toggle_menu.css) 238
スクリプトを記述する(toggle_menu.js) 238
Chapter 15 切り取りメニュー 247
HTMLを書く(clipping_menu.htm) 248
スタイルシートを定義する(clipping_menu.css) 254
スクリプトを記述する(clipping_menu.js) 254
Chapter 16 スクロールメニュー 261
HTMLを書く(scrolling_menu.htm) 262
スタイルシートを定義する(scrolling_menu.css) 269
スクリプトを記述する(scrolling_menu.js) 270
Chapter 17 ポップアップメニュー 279
HTMLを書く(popup_memu.htm) 280
スタイルシートを定義する(popup_memu.css) 286
スクリプトを記述する(popup_memu.js) 287

<Part5 ページの操作>
Chapter 18 ドラッグ&ドロップスクローラ 301
HTMLを書く(dragdrop_scroller.htm) 302
スタイルシートを定義する(dragdrop_scroller.css) 309
スクリプトを記述する(dragdrop_scroller.js) 310
Chapter 19 情報ボックス 319
HTMLを書く(infobox_display.htm) 320
スタイルシートを定義する(infobox_display.css) 327
スクリプトを記述する(infobox_display.js) 328
Chapter 20 レイヤーの表示/非表示 339
HTMLを書く(exposing_layers.htm) 340
スタイルシートを定義する(exposing_layers.css) 350
スクリプトを記述する(exposing_layers.js) 351
Chapter 21 外部ファイルの読み込み 359
HTMLを書く(external_loading.htm) 360
スタイルシートを定義する(external_loading.css) 370
スクリプトを記述する(external_loading.js) 371

用語解説 379

内容説明

制止したままの退屈なWebサイトを、自在に動く刺激的なページに変身させませんか?クロスブラウザのDynamic HTMLを使って、ひと味違ったWebサイトを作る旅に出発しましょう。本書は、豊かなデザインを最小限のコードで実現する方法を、ステップバイステップでご紹介。テキスト、グラフィック、レイヤー、そしてインターフェイスを操作するテクニックを学びます。

目次

Dynamic HTML作成の基礎
フラッシュテキスト
スクロールテキスト
フェーディングテキスト
ズームテキスト
置き換えアニメーション
ランダムアニメーション
スライドアニメーション
キーフレームアニメーション
切り取りアニメーション〔ほか〕