Ｗｅｂデザイン応用

インターネットのサービスの中でも、Web(WWW)は、コミュニケーションメディアとして、重要な役割を担っている。
この授業は、Webデザインを基礎とし、Web作成技術を習得し、クライアントやサイトの目標を定め、他を意識した実践的なWebサイトの構築を行う。

到達目標

Webを作成することができるようになる。
Webアクセシビリティを考慮したサイトが作成できるようになる。
Flashやjavascriptなどを用いたインタラクティブなサイトが作成できるようになる。
Windows PCとサーバーマシンの違いを理解し、サーバー上にサイトが構築できるようになる。

前半はサイト例にそってWebサイトの制作方法を中心に学び、後半はWebサイトに必須の画像のデザイン、Flashやjavascriptなどのインタラクティブな技術について学ぶ。さらに実際にサーバーに作成したサイトのデータをアップロードして（見えていなかったことを）体感する。

授業計画

第2回　ＨＴＭＬの復習
　　ＨＴＭＬの基本とＣＳＳの違い

第3回　ＣＳＳの基本
　　基本的な書式、等

第4回　文字のデザイン１
　　文字の大きさ、フォント、文字色、等

第5回　文字のデザイン２
　　行間と行揃え、文章の横幅の指定、表示位置の調整、等

第6回　背景と罫線のデザイン１
　　ページの背景色、コンテンツの背景色、コンテンツを罫線で囲む、等

第7回　背景と罫線のデザイン２
　　マージン、パディング、ボーダー、幅と高さ、等

第8回　リンクの作成

第9回　画像のデザイン
　　PhotoShopによる画像の加工と編集、画像のレイアウと表示、等

第10回　テーブルのデザイン

第14回　総合演習（1回目）

予習：授業用ホームページに次回授業の内容と例題を掲示するので、関連範囲について例題などを読んでおくこと。
復習：授業中に行った演習問題を復習し、かならず出来るようにしておくこと。

授業への積極的参加度(20点)と小課題(20点x 2回)、総合課題(40点)とで評価する。

富士通エフ・オー・エム　よくわかる自分でつくるホームページHTML/CSS編　FOM出版
エビスコム　HTML5＆CSS3レッスンブック　ソシム株式会社

｢WEBデザイン基礎｣を履修していること、また同程度の実力（HTML言語で簡単なホームページを作成できる程度）があること。