Web技術基礎
担当者近藤 直樹
学年・開講期1年次 Ⅱ・Ⅳ  [理工学部 情報科学科(通信課程)]
科目の種類専門
クラステキスト授業
区分・単位選択 2単位
科目ナンバー4F101

授業の概要(ねらい)

基礎的なWeb技術であるHTML(Hyper Text Markup Language)、 CGI(Common Gateway Interface)、JavaScript、XML(eXtensible Markup Language) や、それらに関連する技術について学習します。DP2に関する知識、技法、態度を修得します。

授業の到達目標

授業の到達目標は次の5つです。
(1)TCP/IPプロトコル群の代表的なプロトコルの機能を説明できる。
(2)HTMLの代表的なタグとその使用方法を説明できる。
(3)JavaScriptを用いて基礎的なプログラムを作ることができる。
(4)XMLのタグを定義することができる。
(5)XMLを使って簡単なDOM、XSLT等のプログラムを作ることができる。

成績評価の方法および基準

期末試験で評価します。レポートに赤をいれてフィードバックをします。

教科書・参考文献

種別書名著者・編者発行所
教科書松下 温、市村 哲、宇田 隆哉、伊藤 雅仁共著、「基礎Web技術 (IT Text)」、オーム社、2017、ISBN978-4-274-21990-0。
参考文献

準備学修の内容

1.Web(1) Webの起源と構成要素、ハイパーテキスト
予習:教科書1.1~1.2を通読して、Webの構成要素確認してください。(1.5時間)
復習:第1章の章末問題を解いてください。(1.5時間)

2.Web(2) インターネットとTCP/IP、Webの発展
予習:教科書1.2~1.3を精読して、TCP/IPプロトコルスタックと各層の代表的なプロトコルについて確認してください。(1.5時間)
復習:第1章の章末問題を解いてください。(1.5時間)

3.HTML(1) HTMLタグ
予習:教科書2.1~2.4を精読して、代表的なHTMLタグを確認してください。(1.5時間)
復習:第2章の章末問題を解いてください。(1.5時間)

4.HTML(2) ページレイアウトタグ、文字に関するタグ、リストなど
予習:教科書2.5~2.9を精読して、ページレイアウトタグ、文字に関するタグを確認してください。(1.5時間)
復習:第2章の章末問題を解いてください。(1.5時間)

5.HTML(3) CSS(Cascading Style Sheet)、HTTP(Hyper Text Transfer Protocol)
予習:教科書2.10~2.12を精読して、CSSの概要とHTTPの機能について確認してください。(1.5時間)
復習:複数のHTMLタグとCSSを用いたウェブページの制作をしてください(1.5時間)

6.CGI(1) CGIとは、SSI(Server Side Include)とは
予習:教科書3章を精読して、CGIとSSIの概要を確認してください。(1.5時間)
復習:第3章の章末問題を解いてください。(1.5時間)

7.CGI(2) CGIプログラミング、SSIプログラミング
予習:教科書3章を精読して、CGI、SSIの構成要素を確認してください。(1.5時間)
復習:第3章の章末問題を解いてください。(1.5時間)

8.JavaScript(1) JavaScriptとは、JavaScript基礎
予習:教科書4.1~4.2を精読して、JavaScriptの概要を確認してください。(1.5時間)
復習:第4章の章末問題を解いてください。(1.5時間)

9.JavaScript(2) JavaScriptによるイベント処理
予習:教科書4.2~4.3を精読して、JavaScriptのイベント処理の概要を確認してください。(1.5時間)
復習:条件判断処理,繰り返し処理,イベント処理を含むJavaScriptプログラムの製作をしてください。(1.5時間)

10.XML(1) XMLとは
予習:教科書5.1を精読して、XMLの概要を確認してください。(1.5時間)
復習:第5章の章末問題を解いてください。(1.5時間)

11.XML(2) XHTML(Extensible Hyper Text Markup Language)
予習:教科書5.2を精読して、XHTMLの概要を確認してください。(1.5時間)
復習:第5章の章末問題を解いてください。(1.5時間)

12.XML(3) XSLT(eXtensible Stylesheet Language Transfomations)
予習:教科書5.3を精読して、XSLTの機能と概要を確認してください。(1.5時間)
復習:XMLとXSLTを使ったプログラムの製作してください。(1.5時間)

13.XML(4) DOM(Document Object Model)プログラミング
予習:教科書5.4を精読して、DOMの用途や機能などを確認してください。(1.5時間)
復習:DOMプログラムの製作をしてください。(1.5時間)

14.XML(5) DTD(Document Type Definition)、XMLスキーマ
予習:教科書5.5を精読して、DTD、XMLスキーマの概要を確認してください。(1.5時間)
復習:第5章の章末問題を解いてください。(1.5時間)

15.テスト、まとめ
学習内容を再確認し、試験の準備と振り返りをしてください。(3時間)

その他履修上の注意事項

情報基礎で学んだHTML、CSS(Cascading Style Sheet)等の復習をして、授業にのぞんでください。

授業内容

授業内容
第1回1.Web(1) Webの起源と構成要素、ハイパーテキスト
第2回2.Web(2) インターネットとTCP/IP、Webの発展
第3回3.HTML(1) HTMLタグ
第4回4.HTML(2) ページレイアウトタグ、文字に関するタグ、リストなど
第5回5.HTML(3) CSS(Cascading Style Sheet)、HTTP(Hyper Text Transfer Protocol)
第6回6.CGI(1) CGIとは、SSI(Server Side Include)とは
第7回7.CGI(2) CGIプログラミング、SSIプログラミング
第8回8.JavaScript(1) JavaScriptとは、JavaScript基礎
第9回9.JavaScript(2) JavaScriptによるイベント処理
第10回10.XML(1) XMLとは
第11回11.XML(2) XHTML(Extensible Hyper Text Markup Language)
第12回12.XML(3) XSLT(eXtensible Stylesheet Language Transfomations)
第13回13.XML(4) DOM(Document Object Model)プログラミング
第14回14.XML(5) DTD(Document Type Definition)、XMLスキーマ
第15回15.テスト、まとめ