web creators 2004年7月号 巻頭特集
今日から使える多彩な応用テクニック
WEBデザイン『動き』のパターン
サンプルデータダウンロード
本特集で解説している記事のサンプルデータの閲覧とダウンロードができます。 記事をよりよく理解するための参考用としてご覧ください。
第1章 押さえておかなければならない基本表現
第2章 知っておきたいWebデザイン必要表現
第3章 覚えておきたいデザインの幅を広げる表現
■ 注 意 ■
本ページのデータはすべて記事をよりよく理解するための参考用として公開しているものです。HTMLファイルやCSSファイル、画像ファイルをはじめ、FLAファイルやSWFファイル、それらのソースコードを含む、公開しているすべてのデータの著作権は、それぞれのサンプルデータを制作した各制作者にすべてあります。したがって、著作権者の許可なく参考以外の目的や、譲渡、販売、営利目的で使用することを禁止します。
一部のサンプルデータは古いバージョンのソフトウエア環境では正しく動作しない可能性がありますのであらかじめご了承ください。また、Flashのデータの場合、サンプルによっては閲覧するために最新のFlash Player 7が必要になる場合があります。
第1章
押さえておかなければならない基本表現
01 ユーザーの操作に反応して画像を変化させる
●サンプルを見る
▼データをダウンロード
02 背景画像をマスクとして使った表現
Macintoshでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
03 伸縮して説明を表示するボタンメニュー
Macintosh版のInternet Explorerでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
04 画像やボタンをユーザーの操作で切り替える
●サンプルを見る
▼データをダウンロード
05 タブ型メニューで動的効果を演出
●サンプルを見る
▼データをダウンロード
06 リンクテキスト「hover」を使いこなす
●サンプルを見る
▼データをダウンロード
07 複数選択もできるグラフィカルなセレクトボタン
●サンプルを見る
▼データをダウンロード
08 スクロールしても、つねに一定位置に表示されるメニュー
●サンプルを見る
▼データをダウンロード
09 Flashでつくるトランジション効果
●サンプルを見る（その1）
●サンプルを見る（その2）
●サンプルを見る（その3）
●サンプルを見る（その4）
▼データをダウンロード
10 必要なときだけ出せる簡潔なメニュー
●サンプルを見る
▼データをダウンロード
第2章
知っておきたいWebデザイン必要表現
11 伸びる棒グラフをFlashを使わずに表現する
Safariでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
12 スクリプトを使って画像の出現を演出
●サンプルを見る
▼データをダウンロード
13 手軽に使える汎用プルダウンメニュー
●サンプルを見る
▼データをダウンロード
14 別ウインドウを開かずに拡大写真を表示する
●サンプルを見る
▼データをダウンロード
15 ページにアクセスするたびに変わるイメージとリンク
●サンプルを見る
▼データをダウンロード
16 Cokkieでリピーターへの画面効果を変更する
●サンプルを見る
▼データをダウンロード
17 スムーズにスクロールするスライドショー
●サンプルを見る
▼データをダウンロード
18 ワイプ効果を利用したレイヤーの切り替え
Windows版Internet Explorer 6.0以外では正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
19 その場で表示されるポップアップヘルプ
●サンプルを見る
▼データをダウンロード
20 時間ごとに切り替わるイメージとマウスアクション
●サンプルを見る
▼データをダウンロード
21 サブウインドウからメインウインドウを操作
●サンプルを見る
▼データをダウンロード
22 ウインドウ位置を任意に設定
●サンプルを見る
▼データをダウンロード
第3章
覚えておきたいデザインの幅を広げる表現
23 枠なしブラウザでFlashを効果的に再生する
Macintoshでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
24 大量のリンク先をコンパクトに階層構造を明確にして表現する
●サンプルを見る
▼データをダウンロード
25 ステージサイズを変形させて外部ファイルを読み込む
●サンプルを見る
▼データをダウンロード
26 クリックで出現する独自デザインのメニュー
Macintoshでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
27 上下左右を自由自在に移動できる地図
●サンプルを見る
▼データをダウンロード
28 項目名をクリックするだけで、表形式の情報を並び替える
●サンプルを見る
▼データをダウンロード
29 ブラウザいっぱいのFlashで背景をぴったり合わせる
●サンプルを見る
▼データをダウンロード
30 推奨サイズより小さいときはコンテンツ上で知らせよう！
●サンプルを見る
▼データをダウンロード
31 画像をスムーズに拡大、縮小する
●サンプルを見る
▼データをダウンロード
32 表示ページをダイナミックに切り替える
Safariでは正常に動作しない場合があります
●サンプルを見る
▼データをダウンロード
33 XMLで管理しているメニューをActionScriptで表示する
●サンプルを見る
▼データをダウンロード
34 入力結果に応じてビジュアルを変化させる
●サンプルを見る
▼データをダウンロード
Copyright (c) 2004 MdN Corporation All rights reserved.
