Webデザイン｜シラバス情報

授業科目名

Webデザイン

学年

1年

単位数

2.00単位

実務経験の有無

〇（実務経験有）

開講クォーター

セメスタ指定なし

担当教員

小波津　美香

授業形態

授業で主に使用する言語

日本語

授業方法区分

開講キャンパス

東金キャンパス

授業の到達目標及びテーマ

本授業では、HTMLとCSSによるWebページ作成の基本について学びます。
インターネット、WWW、Webページの仕組みを理解することからはじめ、HTMLとCSSの基本知識とWebページの制作技術を学びます。
それぞれ基本書式を理解した上で、実際にページを作成しながら、その技術を身につけます。

授業の概要

Webデザインに関する基礎知識と制作技術を学びます。HTMLによる文書構造を学び、基本書式を理解し、各種タグの役割等の知識を学んだ後、実際のページ作りを行います。また、CSSによるレイアウトや装飾についても、基本書式を理解した後に、各スタイルについて実習します。講義と実習を通して、実際にWebページを作成できる力を身につけます。
事前、事後学習として、テキストでの予習、復習が必要です。

★ ノートパソコンを使用する授業です。Windowsでも構いませんが、授業の画面はMacで行います。
パソコンの使用方法などについてのサポートしません。

授業計画

1回

授業の内容、進め方、成績評価について。テキストの紹介。Webデザインについて。インターネットの歴史、Webの仕組み、TCP/IPについて　
到達目標：Webデザインの仕事について、Webに関する基礎を理解する

事前学習

[1h]シラバス、授業の内容を確認しておく。テキストを用意する。

事後学習

[3h]日頃見ているWebサイト、Webページを改めて見直してみる

2回

HTMLの基本１：HTMLの基本構造、タグの記述方法、情報の整理　
到達目標：基本構造とタグの記述方法について理解する

事前学習

[2h]ブラウザやテキストエディターのインストールをし、作業環境を整える。テキストを用意する。

事後学習

[2h]授業の復習をする

3回

HTMLの基本２：見出し、段落、リスト　
到達目標：主なタグを理解する

事前学習

[2h]テキストを事前に読む

事後学習

[2h]授業の復習をする

4回

HTMLの基本３：リンク、画像、パス、表　
到達目標：相対パスの書き方について理解する

事前学習

[2h]テキストを事前に読む

事後学習

[2h]授業内容を理解し、小テストを受ける

5回

CSSの基本１：CSSの基本文法、書き方　
到達目標：CSSの基本、書き方、セレクタを理解する

事前学習

[2h]テキストを事前に読む

事後学習

[2h]授業の復習をする

6回

CSSの基本２：ボックスモデル
到達目標：レイアウトに関するプロパティを理解する

事前学習

[2h]テキストを事前に読む

事後学習

[2h]授業の復習をする

7回目

２カラムレイアウト作成１：文章構造のマークアップ　
到達目標：HTMLの文章構造を理解する

事前学習

[2h]テキストを事前に読む

事後学習

[2h]授業の復習をする

8回

２カラムレイアウト作成２：フレックスボックスレイアウト　
到達目標：フレックスボックスを理解する

事前学習

[2h]テキストを読む

事後学習

[2h]授業の復習をする

9回

２カラムレイアウト作成３：文字、背景のCSS　
小テスト：CSSの記述　
到達目標：主なCSSについて理解する

事前学習

[2h]テキストを読む

事後学習

[2h]小テストの解説映像をみてCSSの記述について理解する

10回

１カラムレイアウト作成：Webフォント、CSSアニメーション、レスポンシブウェブデザイン　
到達目標：レスポンシブウェブデザインを理解する

事前学習

[2h]テキストを読む

事後学習

[2h]授業の復習をする

11回

複数ページのサイト作成１：Webサイト制作の流れ、Webデザインの基本、HTMLの確認　
到達目標：Webデザインの基本について理解する

事前学習

[2h]テキストを読む

事後学習

[2h]授業の復習をする

12回

複数ページのサイト作成２：CSSのコーディング　
到達目標：Webサイト制作全般について理解する

事前学習

[2h]テキストを読む

事後学習

[2h]授業の復習をする

13回

まとめ、復習　
到達目標：Webページ作成方法について理解する

事前学習

[2h]これまでの内容を復習する

事後学習

[2h]授業内容を復習し、期末試験の準備をする

14回

事前学習

事後学習

15回

事前学習

事後学習

16回

事前学習

事後学習

17回

事前学習

事後学習

18回

事前学習

事後学習

19回

事前学習

事後学習

20回

事前学習

事後学習

21回

事前学習

事後学習

22回

事前学習

事後学習

23回目

事前学習

事後学習

24回

事前学習

事後学習

25回

事前学習

事後学習

26回

事前学習

事後学習

試験及び成績評価

中間の小テスト（３回）と期末テスト（対面）を実施します
・小テスト：30%
・期末テスト：60％
・授業への取り組み：10％

課題(試験やレポート等)に対するフィードバック

小テストに関するフィードバック：次回授業時にて解説します

講義で使用するテキスト（書名・著者・出版社・ISBN・備考）

参考文献・推薦図書

研究室

東金キャンパス・A棟1階メディアラボ1またはH棟2階H210

オフィスアワー

F1：水曜日５時限、木曜日５時限

科目ナンバリング

学位授与方針との関連