出版社内容情報
裏技も一挙公開!ウェブデザイン現場の「ノウハウ」集成、二巻本で登場!本書はウェブデザインの現場で役立つアイデア・チップス集です。sideA/スクリプト編では、HTML、CSS、JavaScript、CGI、D-HTML、C-HTMLに関するTIPSと、足立裕司氏による「FSP(http://www.fsp.ne.jp/)」の制作現場レポートを掲載。
【目次】
SPECIAL-01:Web Design Workshop
「FSP WEB SITE」制作現場レポート
FSP airport
Hawaii編
Los Angels編
SPECIAL-02:Reference Sites for Web Design
ユーザビリティ(使い勝手の工夫)
ナビゲーションの動的演出
隠れた工夫
ウェブ技術の抽象的表現
ミニマムグラフィックス
ウェブデザインに関する情報収集源
CHAPTER-01:Basis
01 ウェブページの機能性
デザインの方向性
ナビゲーションとインターフェイス
Tips 標準骨格
Tips ファイル整理のコツ
02 ウェブページのデザインで知っておくべきこと
画面解像度とウィンドウサイズ
ブラウザによる表示の違い
画像の扱い(GIFとJPEG)
216色ウェブカラーパレット
レイアウトの裏技
CHAPTER-02:HTML & CSS
01 HTMLスピードアップテクニック
体感速度を向上させる
ファイル容量を節約する
Tips HTMLのチェックツール
02 CSSによるテキストの制御テクニック
ブラウザの判別法
CSSをブラウザ別に振り分ける
CSSをブラウザ別に書き分ける
”px”を使用したフォントサイズ統一例
03 CSS-PositioningとLAYERテクニック
CSS-Positioningによる絶対値レイアウト
NetscapeのCSS-Positioning問題
NetscapeのLAYERによる絶対値レイアウト
CSS-PositioningとLAYERの併用法
04 FROM要素とCSS
CSSはFROMにも適用できる
CSSをしようしたFROMの作例
Netscape対策
Tips Submitボタンを変更する
レイアウトの裏技
CHAPTER-03:JavaScript & DHTML
01 JavaScriptの基本概要
JavaScriptの基本
JavaScriptの基礎用語
主なオブジェクト、プロパティ、メソッド、ハンドラ
02 JavaScriptによる基本アクション
マウスが乗ったときに画像が変わる(1)
マウスが乗ったときに画像が変わる(2)
別ウィンドウを開く(1)
別ウィンドウを開く(2)
ステータスバーにテロップを流す
アクセスした時間によってメッセージを変える
パスワードを入力しないとページが見られないようにする
03 両ブラウザで動作する基本的なDHTMLの書き方
コンテナ化
ブラウザの判別法
オブジェクトの参照法の違い
オブジェクト名や属性名を共通化する方法 Tips ツリー構造の付加
04 ウィンドウの制御テクニック
フルスクリーンでウィンドウを開く
ウィンドウをディスプレイの真ん中に開く
要素をウィンドウの真ん中に配置する
CHAPTER-04:C-HTML for i-mode
01 i-mode用のホームページを作る
i-modeサイトのメリット
i-modeでもできること
i-modeサイトのデメリット
i-modeではできないこと
02 C-HTMLの基本構造
i-mode用C-HTMLのなりたち
C-HTMLの基本タグ
C-HTMLのレイアウトタグ
C-HTMLのリンクタグ
画像表示タグ
バリエーションタグ
03 i-modeサイト制作の基本
i-modeサイト公開の準備
軽くてきれいな画像の作り方
軽くてわかりやすいC-HTMLファイルの作り方
軽い地図の作り方
CGIを手に入れる
CGIのアップロード
文字数と画像サイズの早見表
C-HTML資料サイト紹介
APPENDIX:Webmaster's TIPS
01 フォームツール
フォームの作成
02 ランダムジャンプール
訪問者をあきさせないために
03 サーバvsクライアント
何をどこで使うか
04 MIME Typeでファイルの種類を区別する
MIME Typeとは
05 改行コードと文字コードの悩ましい問題
何が問題になるのか[改行コード編]
文字コードの特性を理解する[文字コード編]
04 サーバサイドスクリプトはCGIだけじゃない
「サーバサイドスクリプト」とは
05 ページ読み込みを早くするテクニック
ウェブとテレビの違うところ
ページのつくりを見直す
サーバの応答速度を調べる
目次
SPECIAL(Web Design Workshop;Reference Sites for Web Design)
01 Basis(ウェブページの機能性;ウェブページのデザインで知っておくべきこと)
02 HTML & CSS(HTMLスピードアップテクニック;CSSによるテキストの制御テクニック;CSS‐PositioningとLAYERテクニック;FORM要素とCSS)
03 JavaScript & DHTML(JavaScriptの基本概要;JavaScriptによる基本アクション;両ブラウザで動作する基本的なDHTMLの書き方;ウィンドウの制御テクニック)
04 C‐HTML for i‐mode(i‐mode用ホームページを作る;C‐HTMLの基本構造;i‐modeサイト制作の基本)
-
- 和書
- 宇宙が戦場となる日