基本情報

学部 IT総合学部
科目 Web入門
教員名 中島 俊治
年度 / 学期 2019年度春学期
開講期間 2019/4/4  ~  2019/8/8
科目履修区分 基礎講義(選択)/専門基礎(選択)/専門基礎(必修)/専門基礎科目
単位 2
科目レベル 2

ページの先頭へ戻る

科目概要

本科目では、インターネットの中心的なアプリケーションであるWeb(World Wide Web)の概要と、その構築に広く用いられているHTMLの基礎、およびその周辺技術を理解することを目的とする。まず、Webを実現している基礎的な技術を理解する。その後、さまざまな環境で問題なく閲覧可能なHTML・CSSの基本的な構文を身に着ける。これらと関連して使用される技術を用いて可能になるWeb上の表現について学習する。

ページの先頭へ戻る

科目目標

①インターネットとWebの概要を理解する
②「広義HTML5」とそれに含まれる「狭義HTML5」、「CSS3」、「JavaScript」の概要を理解する
③Webページのコンテンツの構造を司る「狭義HTML5」の役割を中心に、主だった各要素の意味と記述方法を理解する
④Webページのデザインを司る「CSS3」の役割と、豊かな表現方法を理解する
⑤Webページの動きを司る「JavaScript」の役割と、さまざまなAPIの概要と機能を理解する

ページの先頭へ戻る

履修前提条件

・インターネット入門
の単位を修得していることが望ましい

ページの先頭へ戻る

授業教材

教科書 ※購入必須

なし

ツール

ツール名 発売元 バージョン 必要PCスペック 備考
ツール名
Google Chrome
発売元
Google Inc.
バージョン
最新のバージョン
必要PCスペック
ツールが動作するPCであれば可。
備考
Webページを閲覧するブラウザ。

参考資料 ※購入任意

なし

その他の資料

なし

ページの先頭へ戻る

期末試験実施方法について

Webテスト形式

ページの先頭へ戻る

授業時間外の学修と評価について

■復習:受講した講義内容は繰返し視聴を行って復習してください。
■予習:次回の講義の学習資料をダウンロードするなどして講義内容を確認してください。学習資料中の専門用語等わかりにくいものについては、学内外の電子辞書サービスやWeb検索エンジン等を活用して調べましょう。
■受講後は、授業内で紹介したURLやサンプルを閲覧し、学びを深めてください。

ページの先頭へ戻る

評価配分

ディベート レポート 小テスト 期末試験 その他 合計
5 % 0 % 45 % 50 % 0 % 100 %
 5 %   0 %   45 %   50 %   0 %   100 % 

ページの先頭へ戻る

各回の授業内容

授業内容および目次 小テスト他 備考(教科書、参考資料等)
第1回 1)タイトル:
オリエンテーション

2)学習目標:
本講義の目的の理解と、導入としてのインターネットというものについて理解する。

3)目次:
第1章 本講義の目的
第2章 本講義の構成
第3章 インターネットの世界(1)
第4章 インターネットの世界(2)

この回の課題
・ディベート
・小テスト
 
第2回 1)タイトル:
Webってなに?

2)学習目標:
インターネットの中での「Web」の立ち位置、機能、可能性と制作方法を理解する。

3)目次:
第1章 Webってなんだろう
第2章 Webを見るには
第3章 Webでできること
第4章 Webを作るには

この回の課題
・小テスト
 
第3回 1)タイトル:
Webを作るための技術「HTML5」

2)学習目標:
Webを作るためのHTMLの今までの流れと、「狭義HTML5」と「広義HTML5」を理解する。

3)目次:
第1章 HTML5には二種類ある
第2章 HTML 1からHTML 4まで
第3章 広義のHTML5とは
第4章 狭義のHTML5とは

この回の課題
・小テスト
 
第4回 1)タイトル:
HTML5をはじめよう

2)学習目標:
Web文書の構造を作るHTML要素を理解し、ページ作成時の最初の作業を理解する。

3)目次:
第1章 タグと要素
第2章 ドキュメントタイプの指定
第3章 文字コードの指定
第4章 検索エンジンへの対応

この回の課題
・小テスト
 
第5回 1)タイトル:
HTML5でページの大まかな構造を決める

2)学習目標:
ページ全体の大まかな構造を示すHTML要素を理解する。

3)目次:
第1章 ヘッダー・フッタの要素
第2章 グローバルナビゲーションの要素
第3章 メインコンテンツの要素(1)
第4章 メインコンテンツの要素(2)

この回の課題
・小テスト
 
第6回 1)タイトル:
コンテンツのHTML5 (1)

2)学習目標:
コンテンツを表示する際に利用するHTML要素を理解する。

3)目次:
第1章 見出しの要素
第2章 段落の要素
第3章 箇条書きの要素
第4章 その他のHTML要素

この回の課題
・小テスト
 
第7回 1)タイトル:
コンテンツのHTML5 (2)

2)学習目標:
リンクや入力フォームを作成する際に利用するHTML要素を理解する。

3)目次:
第1章 リンクの要素
第2章 入力フォームの要素(1)
第3章 入力フォームの要素(2)
第4章 診断と進捗の要素

この回の課題
・小テスト
 
第8回 1)タイトル:
CSS3をはじめよう

2)学習目標:
デザインを司るCSSの記述の基本を理解する。

3)目次:
第1章 CSSの書き方
第2章 CSSの設置方法
第3章 セレクタ
第4章 プロパティ

この回の課題
・小テスト
 
第9回 1)タイトル:
コンテンツをデザインするCSS

2)学習目標:
コンテンツのデザインを司るCSSのプロパティを理解する。

3)目次:
第1章 文字を装飾するプロパティ
第2章 段落を装飾するプロパティ
第3章 段組をするプロパティ
第4章 背景を装飾するプロパティ

この回の課題
・小テスト
 
第10回 1)タイトル:
デザインを豊かにするCSS3

2)学習目標:
デザインを豊かにするCSS3プロパティを理解する。

3)目次:
第1章 影を作ろう
第2章 角を丸くしよう
第3章 背景をグラデーションに
第4章 鏡で反射したようなデザイン

この回の課題
・小テスト
 
第11回 1)タイトル:
コンテンツを変形するCSS3

2)学習目標:
新しいCSS3のうち、コンテンツを変形するプロパティと、CSS3トランジションによるアニメーションを理解する。

3)目次:
第1章 コンテンツを変形するとは
第2章 回転させよう
第3章 伸縮させよう
第4章 移動させよう

この回の課題
・小テスト
 
第12回 1)タイトル:
アニメーションのCSS3

2)学習目標:
CSS3でのアニメーションの実装方法を理解する。

3)目次:
第1章 CSS3アニメーションの実装(1)
第2章 CSS3アニメーションの実装(2)
第3章 3次元表示させよう
第4章 3次元のアニメーション

この回の課題
・小テスト
 
第13回 1)タイトル:
Webでプログラミング

2)学習目標:
HTML5の動きを司るJavaScriptの概要と、基本的記述を理解する。

3)目次:
第1章 JavaScriptはプログラミング
第2章 JavaScriptでできること
第3章 変数という「箱」
第4章 「もし~なら」

この回の課題
・小テスト
 
第14回 1)タイトル:
JavaScriptがWebでできること

2)学習目標:
HTML5でのJavaScriptの主要な機能を理解する。

3)目次:
第1章 「要素の取得」
第2章 Webページへの出力
第3章 データの入力
第4章 計算機を作ろう

この回の課題
・小テスト
 
第15回 1)タイトル:
Webの可能性

2)学習目標:
HTML5でのWebの可能性や未来を理解する。

3)目次:
第1章 位置情報のAPI
第2章 描画のAPI
第3章 ゲーム、スマホアプリ、IoT
第4章 総括

この回の課題
・小テスト
 

ページの先頭へ戻る

open

Now Loading