ｗebの表現技法

HTML5とCSS3を使ったホームページ制作

単位条件

通信 1単位面接 1単位

教員

岡本尚志

履修条件

なし

到達目標

WebデザインとHTMLの基礎知識を学び、スクーリングでのWebページ制作の演習授業を通じてWebデザインへの理解を深め、制作意図に
沿ったWebページを一人で制作できるようになり、Webサイトにおける専門能力を身につけ、主体的に課題を解決できるようになる。

学習成果

Webサイトの閲覧できる仕組みとHTMLの基礎を学び、CSSを用いた見やすく綺麗なWebページを制作することができる。

テキスト教材

実教出版企画開発部著『30時間でマスター　Webデザイン　改訂版　HTML5＆CSS3』実教出版

参考図書

なし

評価の要点

HTMLの基礎とCSSとの関連について学び、専門性の高いWebページ作成を目指し、閲覧者を考慮したユニバーサルデザインを習得ことを
目標とする。

評価方法と採点基準

レポート・スクーリング両方が合格後、総合的に評価する。
・レポートについては、ポイント全体を見渡せているかどうかを評価する。
・スクーリングの評価は、スクーリング中に複数回指定する課題を提出で、評価する。

履修上の注意事項や学習上のアドバイス

・レポートについては、教科書だけでなく、図書館やインターネットの情報も参考にして構いませんが、自分自身の言葉でまとめてください。
・スクーリング受講にあたっては、事前に教科書の3章以降を通読し、予習しておくことが望ましい。

レポート課題

提出数 1

第1課題

横書きパソコン印字可Web提出可

[1600]

第1設題

教科書1・2章およびp.160〜162を読み、『良いWebサイトを制作するにはどうすれば良いか』を1600字以内でまとめなさい。

備考・補足

← 表が横スクロールします →

授業回数別教育内容	身につく資質･能力	学習範囲（予習・復習を含む）
Webサイトとは	Webサイトの閲覧原理を理解する	予習90分、p.4〜 p.5の熟読と理解
Webサイトの仕組み	Webサイトの閲覧原理を理解する	予習90分、p.6〜 p.7の熟読と理解
Webサイトの利点と危険性	Webサイトの利点と危険性について理解する	予習90分、p.8の熟読と理解
著作権	作成時に注意しなければならない法律について学ぶ	予習90分、p.9〜 p.10の熟読と理解
テキストのデザイン	テキストのデザインについて学ぶ	予習90分、p.11〜 p.12の熟読と理解
Webのレイアウト	基本的なWebレイアウトについて学ぶ	予習90分、p.13〜 p.15の熟読と理解
Webの配色	3原色や色相について理解する	予習90分、p.16〜 p.22の熟読と理解
Webサイトの制作手順	Webサイトの制作手順について理解する	予習90分、p.23〜 p.33の熟読と理解
HTMLとは	HTMLの基本を理解する	予習120分、p.34 〜p.65の熟読と理解
CSSとは	CSSを利用する意味を理解する	予習90分、p.66〜 p.99の熟読と理解
簡単なWebサイトの作成	簡単なWebページが作成できる	予習90分、p.92〜 p.129の熟読と理解
実践的なWebページの作成	デザインを重視したWebページを作成できる	予習120分、p.130〜p.137の熟読と理解
Webサイト制作の実例	CSSを用いたWebサイトを制作できる	予習90分、p.130〜p.137の熟読と理解
HTMLの新要素や応用技術	プログラム言語を利用したWebサイトを制作できる	予習90分、p.138 〜p.167の熟読と理解
まとめ	ユニバーサルデザインを取り入れたWebページを制作できる	復習120分、p.4〜 p.167の熟読と理解
試験指定されたテーマのWebページを制作する

▲