« 総合学科合同Web作成委員会 | トップページ | 総合学科公開講座:「クリエイター講座」の紹介 »

2008年7月19日 (土)

デジハリ080719

デジハリ横浜校、総合ProコースWebデザイナー専攻。第11回目の授業。

Dreamweaver の第4回目。今まで使ったソフトを統合したワークフローも扱う。

【午前】
テーブルを使ったレイアウトの例として、フォームによるアンケートページのレイアウト。文字の装飾にはCSSを使った。

【午後】
デジハリの架空オンラインショップのトップページの作成。スワップイメージを使うため、差し替える画像をPhotoshpで作成し、ページをレイアウトしたIllustrator上で、差し替え画像にクリッピングマスクを施してレイヤー管理。これをFireworks用にPNG形式で書き出し、Fireworksでスライスとスワップイメージを設定してHTMLに書き出す。最終的にはDreamweaverでページプロパティの設定と、アンケートページへのリンクを作る。

Photoshopの作業
 Photoshopでレイヤー別にデザインし、差し替え画像として別名保存

Illustratorの作業
 Illustratorでクリップしてターゲットになる位置に重ねて配置

Fireworksの作業
 Fireworksでスライスとスワップイメージの設定をしてHTMLの書き出し

実習授業を1時間延長し、そのまま16時~18時のWeb概論の講義に突入した。


|

« 総合学科合同Web作成委員会 | トップページ | 総合学科公開講座:「クリエイター講座」の紹介 »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/178689/22412325

この記事へのトラックバック一覧です: デジハリ080719:

« 総合学科合同Web作成委員会 | トップページ | 総合学科公開講座:「クリエイター講座」の紹介 »