メモ(カンプ〜HTML・JavaScript使用)

web


１．画面状態（カンプデザイン）をIllustratorで作成
　※後にボタン（img）として使用する部分はレイヤーを分ける


２．Photoshop形式で書き出し
　「ファイル」⇒書き出し⇒Photoshopを選択
　　レ RGB
　　レ 解像度72ppi
　　レ レイヤー保持
　　レ アンチエイリアス
　　　（カンプをアンチエイリアスOFFで見せる場合は、
　　　　PSの方でOFFにする）

３．Photoshopで、ガイド作成


４．ImageReadyでスライス
　1)ボタンのレイヤースタイルを設定し、マウスオーバー時の状態を作る
　2)Webコンテンツにて、欠くボタンレイヤーに対して、
　　ロールオーバーステートを作成
　　オーバー時：マウスオーバー時のイメージ（1)で作成した状態）を設定


５．スライスを最適化ファイルで書き出す
　※通常の[xxx.gif]とともに、[xxx_over.gif]も書き出される。
　　これがマウスオーバーの状態イメージ。


６．Dreamweaverのビヘイビアで、通常のボタンイメージ画像＆
　　マウスオーバー時のボタンイメージ画像を設定。