授業内容・計画（詳細）の情報

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

【基本情報】

2018年度	秋学期

授業科目名	ＷＥＢクリエイション入門

曜日　時限	水-3

テーマ	HTML言語によるホームページ作成

キーワード	HTML言語	ホームページ	アップロード

【授業要旨または授業概要】

この授業では、「世界の都市めぐり」という6ページからなるWEBサイト（ホームペー

ジ）を作成し、大学のサーバに登録するための基本的な内容を学習してまいります。ま

ず、Webページの作成方法については、HTML言語（Hyper　Text　Markup　Language）を用

いる。そして、テキストエディタはWindowsの付属ソフトであるメモ帳InternetExplorer

というブラウザ（ホームページ閲覧ソフト）で作成したホームページを確認しながら進み

ます。「世界の都市めぐり」では、文字列の編集、画像の編集、表の作成、コントロール

の作成などの基本的な部分を学習してまいります。

　つぎに、オブジェクト指向のJavaScriptについても学習しますが、オブジェクト、プロ

パティ、メソッド概念についてしっかりと理解していただいた上、変数や繰り返し処理な

どを行います。

　そのつぎに、CSS（Cascading Stile Sheet）をHTMLファイルに埋め込みを行い、適用さ

せる作業を行います。

　最後に、作成したHTMLファイル（ホームページ）をFTP（File　Transfer　Protocol、

ファイル転送システム）ソフトを用いて、大学のwwwサーバに転送し、取得された自分の

URLを確認します。

【学修の到達目標】

1）インターネットの仕組みを理解する。

2）HTML言語によるホームページの作成方法を理解する。

3）画像の編集と加工を理解する。

4）文字列の編集と加工を理解する。

5）アンケートフォーム作成を理解する。

添付ファイル：学習達成度確認表（成績評価基準）WEBクリエイト入門.docx

【授業計画】

◆スケジュール

第1回　ガイダンス

第2回　ホームページの仕組み

第3回　ホームページに表示する文章（タイトル、段落、改行、文字の強調、リスト）

第4回　ホームページに画像を表示する（サイズ変更、回り込み、余白の設定など）

第5回　ホームページにリンクを張る（メールアドレスへのリンク、属性と値など）

第6回　ホームページにリスト作成（箇条書きと番号リスト）

第7回　ホームページに定義リスト作成

第8回　ホームページに表を作成する（セルのサイズ、枠線、表題の位置など）

第9回　ホームページにアンケートフォームを作成する（１）（チェックボックス、ラ

　　　　　ジオボタン）

第10回　ホームページにアンケートフォームを作成する（２）（プルダウンメニュ　

　　　　　　　ー、テキストボックスなど）

第11回　フレームの分割（2分割）

第12回　フレームの分割（3分割）

第13回　FTPによるアップロード

第14回　まとめと定期試験

◆予習・復習

第1回
事前学習：HTML文法を理解する
事後学習：HTMLファイルの構成を理解する

第2回
事前学習：HTML言語の書き方を理解する
事後学習：タグの書き方を理解する

第3回
事前学習：タグの種類や意味を理解する
事後学習：タグの種類と属性を理解する

第4回
事前学習：タグの種類と意味を理解する
事後学習：タグの種類と意味を理解する

第5回
事前学習：リンクの貼り方を理解する
事後学習：リンクの貼り方を理解する

第6回
事前学習：箇条書きと行頭文字を理解する
事後学習：箇条書きと行頭文字を理解する

第7回
事前学習：リスト作成タグを覚える
事後学習：リストタグの属性を覚える

第8回
事前学習：タイトルの位置を指定するタグを覚える
事後学習：タイトルタグの属性などを覚える。

第9回
事前学習：アンケートフォームの部品を理解する
事後学習：チェックボックス、ラジオボタンなどのタグを覚える

第10回
事前学習：プルダウンメニューが作成できるようにする
事後学習：テキストボックスのタグを覚える

第11回
事前学習：フレームの分割を理解する
事後学習：フレームのタグを覚える

第12回
事前学習：フレームタグの属性などを覚える
事後学習：フレームの分割ができるようにする

第13回
事前学習：FTPによるファイル転送を理解する
事後学習：大学のサーバーへファイルを転送する

第14回
事前学習：得られた自分のURLをつかってホームページを確認する
事後学習：ホームページ作成の流れを理解してもらう

◆集中授業の期間

2018年9月21日～2019年1月21日

【履修上の注意点】

１）先修条件はない。
２）この授業で履修する事項は、毎日のように利用しているホームページであり、この仕　組みを理解することによってさらに効率的に様々な情報が得られるように努力するこ　　と。
３）授業内容に即した課題やレポートの作成を課す。

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

1) 学則および学修に関する規則に則り2/3以上の出席が成績評価の対象になる。

2) 大学が認める欠席届があれば事前に提出すること、それ以外の欠席理由は考慮

　　しない

3) 成績評価については、授業中に実施される「レポートが20%」、「定期試験が 

　　50%」、「授業中の実習が30%」とします。具体的な評価

　　は、添付ファイルの「学習達成度確認表」に基づいて行う。

【教科書・参考書】

区分	書名	著者名	発行元	定価
参考書	HTMLとスタイルシート	渡辺希久子	ソーテック社	2380

【その他の教材】

http://www005.upp.so-net.ne.jp/kimkee/web.html

【担当教員への連絡方法】

大学のメールアドレスをご利用ください。

sakae@tsc.u-tokai.ac.jp

PAGE TOP