科目ナンバリング		I-SIS331J-01

科目コード		451130

科目名		情報通信ネットワーク演習（含実習）

科目名（英語）		Information Communication Network Seminar (Including Practicum)

学科		ｽﾎﾟｰﾂ情報ﾏｽﾒﾃﾞｨｱ学科

学年		３年

学期		前期

授業形態		演習

必修・選択の別

単位数		2

担当教員		遠藤　教昭

開講の別		単独開講

実務経験の有無

授業の概要

種々のWeb コンテンツの制作に関する知識を理解し、活用できる術を学習します．Webサイトはブラウザを通して閲覧しています．その元となるHTMLやCSSに関する知識を深め，実際にコードを記述することで，タグの効果などを確認し，使いこなせるようにしていきます．多くの技術を習得し，動的な高度なものも含め、最終的に自分でWebページを制作できるようにしていきます．

DPとの関連性


Ⅰ	Ⅱ	Ⅲ	Ⅳ	Ⅴ

■	■	■

体育学科のＤＰは下記のリンクを参照してください。

体育学科

https://www.sendaidaigaku.jp/gakubu.html?post=492&name=taiiku

健康福祉学科のＤＰは下記のリンクを参照してください。

健康福祉学科

https://www.sendaidaigaku.jp/gakubu.html?post=517&name=kenhuku

スポーツ栄養学科のＤＰは下記のリンクを参照してください。

スポーツ栄養学科

https://www.sendaidaigaku.jp/gakubu.html?post=623&name=eiyo

スポーツ情報マスメディア学科のＤＰは下記のリンクを参照してください。

スポーツ情報マスメディア学科

https://www.sendaidaigaku.jp/gakubu.html?post=1104&name=media

現代武道学科のＤＰは下記のリンクを参照してください。

現代武道学科

https://www.sendaidaigaku.jp/gakubu.html?post=677&name=gbd

子ども運動教育学科のＤＰは下記のリンクを参照してください。

子ども運動教育学科

https://www.sendaidaigaku.jp/gakubu.html?post=642&name=kdm

アクティブ・ラーニングについて

授業の一般目標

HTMLとCSSの基本を理解し，記述できる．また，自らコードを作成して， Webページを制作することができ
る．

授業の履修目標


対象	領域	内容

■	認知的領域	Web コンテンツの制作に関する知識を、十分に理解している．

■	情意的領域	Web コンテンツの制作に関する知識を、十分に活用することができる．

	技能表現的領域

授業の到達目標


対象	領域	内容

■	認知的領域	Web コンテンツの制作に関する基本的な知識を理解している．

■	情意的領域	Web コンテンツの制作に関する知識を，最低限活用することができる．

	技能表現的領域

ルーブリック


評価項目	評価基準

	十分に達成し、極めて優秀な成績を修めている	十分に達成している【履修目標】	おおむね達成している	最低限達成している【到達目標】	達成していない

	秀	優	良	可	不可・放棄

Web コンテンツの制作に関する知識を理解している．	Web コンテンツの制作に関する高度な知識を十分に理解し，他人に説明できる．	Web コンテンツの制作に関する知識を十分に理解している．	Web コンテンツの制作に関する知識を概ね理解している．	Web コンテンツの制作に関する基本的な知識を理解している．	Web コンテンツの制作に関する基本的な知識を理解していない．

安全にWeb コンテンツにアクセスし，活用することができる．	安全にWeb コンテンツにアクセスし，高度に活用することができる．	安全にWeb コンテンツにアクセスし，十分に活用することができる．	安全にWeb コンテンツにアクセスし，活用することができる．	安全にWeb コンテンツにアクセスし，最低限活用することができる．	安全にWeb コンテンツにアクセスし，活用することができない．

授業計画（全体）

本講義では，Webサイトの元となるHTMLやCSSに関する知識を深め，実際にコードを記述することで，タグの効果などを確認し，使いこなせるようにしていく．多くの技術を習得し，最終的に自分でWebページを制作できるようにしていきます．

授業計画（各回のテーマ等）


No	テーマ	内容	オンライン授業	授業外学修	時間数

1.	Webサイトの仕組み， HTMLの概要	Webサイトの仕組み， HTMLの概要について説明します。		授業内容に関するレポートを作成し，提出してもらいます．	４時間

2.	HTMLの演習（１）：見出し，文章表示	HTMLの演習（１）：見出し，文章表示について説明します。		授業内容に関するレポートを作成し，提出してもらいます．	４時間

3.	HTMLの演習（２）：リンク，画像の挿入	HTMLの演習（２）：リンク，画像の挿入について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

4.	CSSについて	CSSについて説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

5.	CSSの演習（１）：プロパティ，セレクタの使い方	CSSの演習（１）：プロパティ，セレクタの使い方について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

6.	CSSの演習（２）：背景などの装飾	CSSの演習（２）：背景などの装飾について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

7.	CSSの演習（３）： CSSを使った要素の装飾	CSSの演習（３）： CSSを使った要素の装飾について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

8.	CSSの演習（４）：初歩的な文書のレイアウトとボックスモデル	CSSの演習（４）：初歩的な文書のレイアウトとボックスモデルについて説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

9.	表組みとフォームの作成	表組みとフォームの作成について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

10.	CSSレイアウト（floatレイアウト， positionレイアウト， flexboxレイアウト）	CSSレイアウト（floatレイアウト， positionレイアウト， flexboxレイアウト）について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

11.	HTML5に関する基礎知識	HTML5に関する基礎知識について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

12.	CSS3による装飾	CSS3による装飾について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

13.	モバイル対応Webサイト制作の知識	モバイル対応Webサイト制作の知識について説明していきます．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

14.	課題制作（１）： Webページの制作	課題制作（１）： Webページの制作を行います．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

15.	課題制作（2）： Webページの制作	課題制作（2）： Webページの制作を行います．		授業内容に関するレポートを作成し，提出してもらいます．	４時間

成績評価方法（方針）

授業毎に出される授業内容に関するレポート（60%）
全授業内容を理解しているか判断するためのレポート（40%）

成績評価方法（詳細）


到達目標＼評価方法	認知的領域	情意的領域	技能表現的領域	評価割合（％）

定期試験				評価対象外

授業内レポート	◎	〇		60%

授業外レポート	◎	〇		40%

演習・実技				評価対象外

授業態度				評価対象外

出席	欠格条件

レポートの実施・返却（方針）

Google Classroomにてレポートの評価および改善点をフィードバックします．

履修上の注意（受講学生に望むこと）

・大学設置基準で求められている時間の授業時間外学修を行うこと。

・Google　Classroomを用いて課題提出や授業資料の配布，連絡等を行うため，定期的に確認すること．
・総授業時間数の3分の2未満の出席または最終レポート府提出の場合は「放棄」となる．