【授業の目的】

授業の位置付け（対応するディプロマポリシー）：DP1 専門知識,DP3 思考力, DP6 意欲・責任感,DP8 持続性,DP9 倫理観
　経営学部経営学科に係る専門科目（選択必修科目）として、本学の教育目標である「専門学術の振興」に貢献することを授業目標とします。他学科・他学部の学生にとっては、「幅広い学習機会」になります。

【到達目標】

本講義では、HTML(Hyper Text Markup Language)を用いたWebページ(インターネット上で公開される文書)の作成を通じて、Webデザインについて学習します。Webページについての理解と作成方法を身につけるため、HTMLとは何か、HTML記述の基本構造、文字表示に関するタグ、画像表示に関するタグ、リンクに関するタグ、表に関するタグ、スタイルシートの記述方法を中心に主に実習形式で行います。本講義では、受講生が受講後に次のようなことができることを目標とします。
1. HTMLの記述の構造が説明できること
2. 簡単なWebページが作成できること
3. Webページを公開する際のマナーが理解できること

【授業計画】

(1)授業の位置付け（対応するカリキュラムポリシー）：CP1 専門知識,CP3 思考力,CP6 意欲・責任感,CP8 持続性,CP9 倫理観
(2)授業形態：実習・実技
(3)授業方法：受動型

1. Webページの概要の説明および受講者決定、受講の注意事項
2. HTML記述の基本構造---Webブラウザに表示される仕組みを学習
　　　参考書：ノマド・ワークス（1999）第1章, 荒石（2011）第1章
3. 文字表示に関するタグ---文字の大きさ,太字,色,斜体を学習
　　　参考書：堀内（2003）第2章, 荒石（2011）第2章
4. 文字表現に関するタグ---文字の下線,特殊文字,チップ表示を学習
　　　参考書：堀内（2003）第2章, 荒石（2011）第2章
5. 文字を整えるタグ---文章揃え, 取り消し線,横罫線,箇条書き,連番を学習
　　　参考書：荒石（2011）第4章
6.　表に関するタグ---表の見出し,表組みサイズ,セル内の揃え,セルの結合
　　　参考書：堀内（2003）第3章, 荒石（2011）第5章
7.　表に関するタグのおさらいとレポート課題の解説
　　　参考書：堀内（2003）第3章, 荒石（2011）第5章
8. 画像表示に関するタグ---画像表示,画像サイズ変更
　　　参考書：堀内（2003第2章）2-8, 荒石（2011）第6章
9. 同一ページへのリンクに関するタグ---同じページ内でリンクを作成
　　　参考書：堀内（2003）第2章2-9, 荒石（2011）第7章47
10. 他のページへのリンクに関するタグ--- 他のページに飛ぶリンクを作成
　　　参考書：堀内（2003）第2章2-9, 荒石（2011）第7章48
11.　フレーム機能---フレームを定義,メニューと内容の表示
　　　参考書：堀内（2003）第4章
12.　画面表示・修正作業---フレーム構造内での表示を確認
　　　　参考書：堀内（2003）第2章〜第4章, 荒石（2011）第2章〜第5章
13. スタイルシートの記述ルールについて---よりきめ細やかな視覚表現の学習
　　　参考書：荒石（2011）第8章
14. スタイルシートの記述作業---複数のページを一括して統一
　　　参考書：荒石（2011）第8章
15. 総括---本講義の全体を総括して理解を深める

【予習・復習】

(4)予習　配布されたプリントの内容をまとめること：約1時間
(5)復習　演習内容について参考書を用いて理解を深め、応用問題に取り組むこと：約3時間

【授業関連科目】

情報処理概論I,II、Webプログラミング

【成績評価方法・注意】

(1)成績評価方法：レポートのみ
　　※レポート課題（紙媒体）およびHTMLが記述されたWebページを評価する。
(2)レポート課題については講義時に解説する。 Webページの課題については回収の後日、解説資料を配布する。

注意事項：
・毎回の出席が大前提、毎回USBメモリなどの保存用メディアを必ず持参。
・受講者数がパソコンの設置台数によって制限される。第1回目の講義に必ず出席すること。

【教科書】

プリントを配布する

【参考書】

適宜指示する
著者：堀内明（2003）　書名：『HTMLはじめの一歩』　出版社：カットシステム
著者：荒石正二（2011）　書名：『はじめてのホームページHTML5入門』　出版社：秀和システム
著者：ノマド・ワークス（1999）　書名：『これ一冊でわかる!!HTML―やさしいホームページの作り方』　出版社：新星出版社