| 1 |
イントロダクション
■講義
・Webサイトとは
・Web制作の流れ
■実習
・Webサイト制作に必要なソフトウェアの準備 |
講義
実習
振り返り |
<予習>
講義用教科書の1章を一読のこと
。
<復習>
ソフトウェアのインストールを完
了し、それらを実際に触ってみる
こと。 |
120
|
| 2 |
HTMLの基本
■講義
・Webサイトの基本構成
■実習
・HTMLを記述する |
講義
実習
振り返り |
<予習>
講義用教科書の4-1、4-2章を一読
のこと。
<復習>
自身のプロフィールページをHTML
で記述してみること。 |
120 |
| 3 |
CSSの基本
■講義
・CSSによる装飾法
■実習
・CSSを用いたHTMLの装飾 |
講義
実習
振り返り |
<予習>
講義用教科書の4-3-1章から4-3-9
章を一読のこと。
<復習>
自身のプロフィールページをCSS
で装飾してみること。 |
120
|
| 4 |
CSSによるレイアウト
■講義
・CSSによるレイアウト組み
■実習
・クラスとIDを用いたCSSの指定 |
講義
実習
振り返り |
<予習>
講義用教科書の4-3-10章から4-3-
12章を一読のこと。
<復習>
自身のプロフィールページについ
てCSSでレイアウトを組んでみる
こと。 |
120
|
| 5 |
Webデザインの基本
■小テスト
・1-4週までの内容
■講義
・UIデザインについて
■実習
・デザインツールの基本的な使用法 |
小テスト
講義
実習
振り返り |
<予習>
講義用教科書3-1章から3-4章、4-
4-1章を一読のこと。
<復習>
デザインツールを触って操作に慣
れること。 |
120 |
| 6 |
Webデザイン演習
■講義
・小テスト振り返り
・Webデザインにおいて押さえるべきポイント
■実習
・デザインツールの基本的な使用法 |
自己点検
講義
実習
振り返り |
<予習>
講義用教科書の3-5,3-6章を一読
のこと。
<復習>
デザインツールを触って操作に慣
れること。 |
120 |
| 7 |
Webデザイン演習
■講義
・Webフォントについて
■実習
・Webデザインの作成 |
講義
実習
振り返り |
<予習>
講義用教科書の4-3-5章を一読の
こ
と。
<復習>
自分のポートフォリオサイトを作
成するにあたり、参考としたいサ
イトを探すこと。
また、次週から作成するポートフ
ォリオサイトに記載したい内容に
ついてまとめること。 |
120
|
| 8 |
Webサイトに関連する法的規制とアナリティクス
■講義
・Webサイトに関連する法的規制
・アナリティクスの活用
・利用規約とプライバシーポリシー
■実習
・ポートフォリオサイトの拡充 |
講義
実習
振り返り |
<予習>
講義用教科書appendixを一読のこ
と。
<復習>
デザインを完成に近づけること。 |
120
|
| 9 |
Webコンテンツの構成
■講義
・目的に応じた導線づくり
■実習
・Webデザインの作成 |
講義
実習
振り返り |
<予習>
講義用教科書の2章を一読のこと
。
<復習>
デザインを完成させること。 |
120
|
| 10 |
プロトタイピング
■小テスト
・5-9週までの内容
■講義
・プロトタイピング機能を用いたデザインの確認
■実習
・デザインプロトタイプの作成 |
小テスト
講義
実習
振り返り |
<予習>
講義用教科書5-1章を一読のこと
。
<復習>
プロトタイピングを踏まえての、
デザインの修正。 |
120 |
| 11 |
Webデザインの反映
■講義
・小テスト振り返り
・実装手順について
■実習
・デザインを反映したHTMLの作成 |
自己点検
講義
実習
振り返り |
<復習>
授業で進んだ部分までコーディン
グを終えること。 |
120 |
| 12 |
Webページの実装
■講義
・実装手順について
■実習
・デザインを反映したHTML・CSSの作成 |
講義
実習
振り返り |
<復習>
授業で進んだ部分までコーディン
グを終えること。 |
120 |
| 13 |
レスポンシブデザイン
■講義
・レスポンシブデザインについて
■実習
・デザインを反映したHTML・CSSの作成 |
講義
実習
振り返り |
<予習>
講義用教科書の4-4章を一読のこ
と。
<復習>
授業で進んだ部分までコーディン
グを終えること。 |
120 |
| 14 |
Webサイトのアップロード
■講義
・Webサイトのアップロード手順
■実習
・Webサイトのアップロード（※学内サーバー）
・アップロードしたサイトをグループ内で確認 |
講義
実習
振り返り |
<予習>
講義用教科書5章を一読のこと。
<復習>
ポートフォリオサイトの不具合箇
所を修正し、アップロードするこ
と。 |
120 |
| 15 |
■講義
・ポートフォリオサイトの講評 |
講義
振り返り
自己点検 |
<復習>
制作した作品や他の作品を見て授
業を振り返り、次回制作時に気を
つけたい点について考える。 |
90 |
一般に、授業あるいは課外での学習では：「知識などを取り込む」→「知識などをいろいろな角度から、場合によってはチーム活動として、考え、推論し、創造する」→「修得した内容を表現、発表、伝達する」→「総合的に評価を受ける、ＧｏｏｄＷｏｒｋ！」：のようなプロセス（一部あるいは全体）を繰り返し行いながら、応用力のある知識やスキルを身につけていくことが重要です。このような学習プロセスを大事に行動してください。
※学習課題の時間欄には、指定された学習課題に要する標準的な時間を記載してあります。日々の自学自習時間全体としては、各授業に応じた時間（例えば2単位科目の場合、予習2時間・復習2時間／週）を取るよう努めてください。詳しくは教員の指導に従って下さい。