この授業ではWebコンテンツのデザイン・作成について、前半ではWebサイトを作成するために必要なHTMLとCSSという基本的なプログラム言語について学びます。実習ではHTMLとCSSのコードを使用してWebページのデザインとレイアウトのプログラムを書きます。後半はWebブラウザ上でデザインできるアプリケーションFigmaについて学びます。実習ではFigmaを使用してWebサイトの画面のデザインを作成します。また課題制作としてオリジナルのWebサイトのデザインを制作しプレゼンテーションを行います。この授業では、これらの実習を通してWebコンテンツ制作への理解を深めることを目的としています。

第 1回 ガイダンス　本講義の概要について
第 2回 HTML　基本構造と記述（見出し・段落・リスト・画像）
第 3回 HTML　ハイパーリンクとサイト構築
第 4回 HTML　課題制作①「自己紹介Webページ」
第 5回 作品の発表と講評
第 6回 CSS　基本構造と記述（セレクタ）
第 7回 CSS　文書要素と装飾（ブロック要素とスタイル）
第 8回 CSS　課題制作②「Webページレイアウト」
第 9回 作品の発表と講評　
第10回 Figma　基本ツールの使い方
第11回 Figma　Webページのレイアウト
第12回 Figma　課題制作③「Webサイトデザイン」企画
第13回 Figma　課題制作③「Webサイトデザイン」ワイヤーフレーム構築
第14回 Figma　課題制作③「Webサイトデザイン」Webページ制作
第15回 作品の発表と講評

CG演習、デザイン制作基礎、デザイン制作応用

Figmaの利用にはGmailのアカウントが必要なため事前に取得してください。

毎回、学習した内容について約60分以上は復習を行いましょう。

授業への参加度：30%
演習課題：70％（①20 %、②20％、③30％）

デザイナーとして企業のWebサイトやDTPなど様々な広告デザイン制作に携わってきました。授業では制作現場で培った知識と技術に基づいた指導を行います。