授業内容・計画(詳細)の情報


ページを読み終えましたら、ブラウザを終了させてください。


1.基本事項
2017 年度 春 学期  
開講クラス 文学部・文明学科
文学部・アジア文明学科
文学部・ヨーロッパ文明学科
文学部・アメリカ文明学科
文学部・北欧学科
文学部・歴史学科-日本史専攻
文学部・歴史学科-東洋史専攻
文学部・歴史学科                -西洋史専攻
文学部・歴史学科-考古学専攻
文学部・日本文学科
文学部・文芸創作学科
文学部・英語文化コミュニケーション学科
文学部・広報メディア学科
文学部・心理・社会学科
政治経済学部・政治学科
政治経済学部・経済学科
政治経済学部・経営学科
法学部・法律学科
教養学部・人間環境学科-自然環境課程
教養学部・人間環境学科-社会環境課程
教養学部・芸術学科-音楽学課程
教養学部・芸術学科-美術学課程
教養学部・芸術学科-デザイン学課程
教養学部・国際学科
体育学部・体育学科
体育学部・競技スポーツ学科
体育学部・武道学科
体育学部・生涯スポーツ学科
体育学部・スポーツ・レジャーマネジメント学科
理学部・数学科
理学部・情報数理学科
理学部・物理学科
理学部・化学科
情報理工学部・情報科学科
情報理工学部・コンピュータ応用工学科
工学部・生命化学科
工学部・応用化学科
工学部・光・画像工学科
工学部・原子力工学科
工学部・電気電子工学科
工学部・材料科学科
工学部・建築学科
工学部・土木工学科
工学部・精密工学科
工学部・機械工学科
工学部・動力機械工学科
工学部・航空宇宙学科              -航空宇宙学専攻
工学部・航空宇宙学科              -航空操縦学専攻
工学部・医用生体工学科
観光学部・観光学科
健康科学部・看護学科
健康科学部・社会福祉学科
授業科目名 WEBクリエイション入門
曜日 時限 水-1
集中授業の期間 開始:2017/04/12
終了:2017/07/26
テーマ Webページ作成の基礎
キーワード HTML5 CSS3 静的ウェブページ


2.授業で育成する力・スキル
全学共通:自ら考える力

センター:情報リテラシー力

3.授業要旨または授業概要
この授業では、ウェブページ作成の基礎を初歩の初歩から学んでいきます。ウェブサイト
の構築には様々な技術が用いられていますが、この授業では、主に、HTML5(HyperText 
Markup Language version 5)とCSS3(Cascading Style Sheet version 3)という言語を
用いて記述をし、ウェブページを作成していきます。

また、より理解を深めるために、インターネットの仕組みや歴史的な背景、発信をする際
に考慮する必要のある著作権の問題や情報セキュリティ、マナーなどに関しても学習して
いきます。

そして、実際にインターネット上では、どのようなことが可能で、どのように行われてい
るのかということを、具体的に様々なウェブサイトの事例を用いて解説を行います。

さらに、ウェブアクセシビリティの考え方を基にして、「情報伝達の保障」に関する考察
も行っていきます。


4.学習の到達目標
1.インターネットの仕組みの理解【情報リテラシー力】

2.HTMLとCSSに対する理解【情報リテラシー力】

3.静的なウェブページと動的なウェブページに対する理解【情報リテラシー力】

4・情報セキュリティや知的財産権に対する理解【情報リテラシー力・自ら考える力】


添付ファイル:WEBクリエイション入門における成績評価基準.xlsx

5.授業スケジュール
第1回 ガイダンス
・授業について
・履修希望者多数の場合は抽選を行います。

第2回 ウェブページの基本 その1
・ウェブサイトの仕組み
 ・ワールド・ワイド・ウェブ
 ・静的なウェブページ
 ・動的なウェブページ
 ・ウェブアプリケーション
・ウェブページの技術
 ・HTML
 ・カスケーディング・スタイル・シート
 ・クライアントサイドスクリプト
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第3回 ウェブページの基本 その2
・HTMLファイルの基本
 ・HTMLを学習するための準備
 ・DOCTYPE宣言
 ・HTMLのタグ
 ・HTMLの属性
・コンテンツモデル
 ・コンテンツモデルとは
 ・コンテンツモデルのカテゴリ
 ・セクション
 ・ウェブページの構造化
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第4回 表示 その1
・テキストの表示
 ・重要性、強調などを表す要素
 ・時間や注釈、ルビなどを表す要素
 ・リンクの指定
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第5回 表示 その2
・画像の表示
 ・画像ファイル
 ・img要素
 ・画像にリンクを指定する
・音楽や映像を表示する
 ・サウンドファイルの種類
 ・サウンドの再生
 ・動画ファイルの種類
 ・動画の再生
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第6回 表示 その3
・図形の表示
 ・四角形の描画
 ・円を描く
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第7回 リストとテーブル その1
・リスト
 ・リストとは
 ・並列順序型リスト
 ・順序付きリスト
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第8回 リストとテーブル その2
 ・定義型リスト
 ・マーカーや数字の変更
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第9回 リストとテーブル その3
・テーブル
 ・テーブルとは
 ・テーブルの基本
 ・タイトル、見出しの付いたテーブル
 ・ヘッダー、フッターの付いたテーブル
 ・テーブルのセルを結合する
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)


第10回 CSS3 その1
・CSSとは
 ・最新のCSSであるCSS3
 ・CSS3の基本
 ・CSSの参照方法
 ・CSS3のセレクタ
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第11回 CSS3 その2
・様々なプロパティ
 ・テキストの変更
 ・CSS3の新プロパティ
 ・ボックスモデル
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)

第12回 CSS3 その3とJavaScript
・CSS3でウェブページをレイアウト
 ・回り込み
 ・絶対位置の指定
 ・相対位置によるレイアウト
・JavaScript
 ・制御文
  ・if文
(授業前に教科書を2時間程度読んで予習すること。また授業後、教科書や配布資料を用
いて2時間程度復習すること)


第13回 コンテンツ作成(授業前後に合計4時間程度、配布資料や教科書を参考に課題
コンテンツの検証を行なう事)

第14回 コンテンツ作成と提出(授業前に合計4時間程度、配布資料や教科書を参考に
課題コンテンツの検証を行なう事)

第15回 作品発表と講評(相互評価)

6.成績評価の基準および方法
出席(授業態度を含む)[25%]、レポート課題 [25%]、コンテンツ課題 [50%]
の総合評価で行います。
なお、出席回数が全体の2/3以上の学生が評価の対象となります。


7.教科書・参考書
区分 書 名 著者名 発行元 定価
教科書 HTML5対応版 HTML演習 中島省吾 SCC \2000+税


8.その他の教材
資料、プリント、データは適宜、配布します。


9.担当教員の連絡先
kohei@tokai-u.jp

10.授業担当教員からの改善点・コメント
筆記用具、教科書は必ず持参するようにして下さい。