対象年度	年度	2017	期	(週1ｺﾏ)秋期	開講時限	木3
開講学部・学科等	法・政経・文・経営
科目コード	140124200		科目ナンバー
授業名	Ｗｅｂデザインの基礎
英文授業名	Basic Website Design
担当教員	鬼頭　政

授業形態	講義、演習
	e-learning利用	manaba	その他：
担当形態	単独
関連する授業
	当科目履修前に履修して おくことが望ましい科目	情報処理A以上
	後続関連授業
教職課程科目	教職に関する科目
テーマ・キーワード	Webサイト、ホームページ、HTML、CSS、Javaスクリプト

授業の概要・ねらい	アプリケーションソフトウエアの利用能力を向上することを目的として、種々の題材をコンピュータを用いて実践する。インターネットを利用したコンテンツを検索するような受動的な利用から、情報発信する手段についての技術習得による能動的な利用法の学習を図る。 ＷＷＷブラウザによる検索、マルチメディア情報について学習し、ホームページ作成の基本的な知識の習得を目指す。加えて、情報発信について必要なインターネット上の知的所有権やセキュリティ委技術についても学習する。また、最近のブログ、フェースブック、Ｔｗｉｔｔｅｒ、ＬＩＮＥなどの利用方法等についても触れる。
到達目標	自分自身で、単独で、簡単なホームページの設計・制作を実施できるようにします。大きく複雑なウェブサイトについて、HTML等プログラムの構造を大まかに理解・把握ができるようにします。実際のウェブサイトの管理作業が実施できるようにします。
教科書と準備するもの	「入門Webデザイン」(CG-ARTS協会：公益財団法人 画像情報教育振興協会)
参考書	授業時に提示する。
評価の基準	出席状況、課題提出を総合して評価する。
具体的評価方法	出席状況３０％、課題提出状況３０％、提出内容４０％

授業評価アンケート フィードバック・ 受講生へメッセージ	ウェブサイトの基本的な制作作業を実施することは、HTMLやCSSなどのプログラミング言語の理解のみならず、設計など必要とされる作業の概念なども理解を必要とします。また、授業では、コーディングなどは手本が示されて写すことは簡単です。写すだけでなく、自らパラメータなどを変更していろいろな機能を試しながら理解する努力も必要とされます。
単位互換
特記

第1回	内容	講義ガイダンス 成績評価について Webデザインへのアプローチ マルチメディアでのコンピュータネットワークの利用
	授業時間外における学修（予習・復習等）	Webデザインに関する事前知識
	授業実施特記
第2回	内容	Webサイトの目的とデザイン Webサイトの種類 Webサイトと知的財産権
	授業時間外における学修（予習・復習等）	予習：Webサイトについて 復習：授業で習ったことを再確認する
	授業実施特記
第3回	内容	Webサイトの制作フロー（１） Webサイト構築の流れ Webサーバとクライアント WebページとHTML
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第4回	内容	Webサイトの制作フロー（２） Webサイト構造の設計図 コンセプトメイキング
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第5回	内容	Webデザイン（１） 情報の収集・分類・組織化 情報の構造化とアクセスルート
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第6回	内容	Webデザイン（２） Webページの画面構成 素材の制作 Webサイトのテスト・修正・評価とメンテナンス
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第7回	内容	Webページを実現する技術（１） HTMLとCSSの基礎 文章要素の制御
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第8回	内容	Webページを実現する技術（２） 文字の制御 フォームの利用
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第9回	内容	Webページを実現する技術（３） 様々なフォーム CSSレイアウト
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第10回	内容	Webページを実現する技術（４） JavaScript DHTML DOM
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第11回	内容	Webページを実現する技術（５） HTML5とCSS3
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第12回	内容	Webデザインの技術の基礎（１） データフォーマット ディジタルとは
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第13回	内容	Webデザインの技術の基礎（２） ソフトウエア 入出力装置
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第14回	内容	Webデザインの技術の基礎（３） セキュリティと情報モラル 最近の情報発信技術－ブログ、フェースブック、Ｔｗｉｔｔｅｒ、ＬＩＮＥ
	授業時間外における学修（予習・復習等）	予習：授業内容に関して解る範囲で調べる 復習：授業で習ったことを再確認する
	授業実施特記
第15回	内容	総合演習
	授業時間外における学修（予習・復習等）	Webでのホームページ作成ができるようにする。
	授業実施特記