CID GR2 WEB/DTP: WEB 第一回

WEB　第1回

グラフィックデザイン科２年

-----------------------------------------------------------------------------------

WEBデザイン月5-6 金1-2 (4F Macルーム)
広告デザイン火1-2　 (4F Macルーム)

●この授業で行う内容

Illustlator・Photoshopで作成したデータをDreamweaverを使ってWEB上に公開する。
WEBの仕組みを理解し、より新しい形のWEBシステムにに対応したデザインを修得する。

3つのソフトを渡り歩く操作による表現の修得を目指す。

●到達目標

Dreamweaverの基本操作のマスター。
Illustlatorを使用したレイアウト技術のマスター。
WEBデータの作成・レイアウトの方法及び、
印刷データの作成・レイアウトの方法を修得し
様々な表現を可能にする技術の修得。

●実践

課題制作を通じて実践により近い状況でデザインソフトを使いこなし修得する。
Web制作を行い、自分の作品を紹介するホームページを公開する。

成績評価基準　　操作技術50%・作画技術40%・出席状況・授業態度 10%

-----------------------------------------------------------------------------------

月5-6 金1-2　 WEBデザイン

[1] 基本操作と準備

1.WEB作成の為の準備 (フリーメールアドレスの取得・WEBスペースの確保)
2.PhotoShop illustlatorでの WEBデータ作成の基本
3.Dreamweaverの基礎(HTML)と FTPの設定
4.簡単なページの作成と公開
5.プランニングフローチャート(サイト設計図)の作成、

[2] WEB作成　

●HTMLの基本の修得　
ドキュメント・テキスト・フォント・(リスト)・　イメージ・テーブル・リンク・フレーム・(フォーム)

●CSS(スタイルシート)の基本の習得

●段組みレイアウトの修得　
２段組み(基本・応用)・3段組み・各種ブラウザ対応処理

-----------------------------------------------------------------------------------

参考作品 http://an.to/cid2011

-----------------------------------------------------------------------------------

HTML
http://ma2cid.web.fc2.com/09/
http://ma2cid.web.fc2.com/03/
http://ma2cid.web.fc2.com/11/
http://ma2cid.web.fc2.com/16/