最終更新日:2018/02/06
Syllabus
クリックして表示・非表示切り替え
概要
対象年度
年度
2018
期
(週1コマ)秋期
開講時限
金2
開講学部・学科等
法・政経・文・経営
科目コード
140124200
科目ナンバー
LAI01010
授業名
Webデザインの基礎
英文授業名
Basic Website Design
担当教員
安達 和年
授業形態
講義、演習
e-learning利用
manaba
その他:
担当形態
単独
関連する授業
当科目履修前に履修して
おくことが望ましい科目
情報処理A以上
後続関連授業
教職課程科目
教科に関する科目
テーマ・キーワード
Webサイト、ホームページ、HTML、CSS、Javaスクリプト
授業の概要・ねらい
社会一般で利用しているインターネットのホームページの作成をコンピュータの
言語(HTML)とCSSを利用して実際に行う。
HTMLの理解とホームページの作成上関係する法律などを理解することを目標に授業を進める
教職科目の位置づけですので出席だけでは評価が出ません。
到達目標としては高校の教員としてホームページとはどんなものか、作成するに当たってどの様なことが重要かを認識して高校生に教えることが出来る能力を養うこと。
到達目標
HTML言語とCSSの理解
教科書と準備するもの
スラスラわかるHTML&CSSのきほん 狩野祐東著 SB Creative ¥1,900+税
参考書
特になし
評価の基準
課題提出・授業態度
具体的評価方法
課題提出の結果(授業で習ったタグをどの位理解しているか)を総合して評価する。
自分でも仲間の作品を評価する。
教職課程科目の1つであるから十分な理解力があるか判断する。
授業評価アンケート
フィードバック・
受講生へメッセージ
授業アンケートを見て改善点を考える。それは希望内容による。
単位互換
特記
授業計画
第1回
内容
ガイダンス・授業評価について
授業時間外における学修(予習・復習等)
Webデザインに関する事前知識
授業実施特記
第2回
内容
HTMLって何だろう
授業時間外における学修(予習・復習等)
予習:ホームページ作成とWebデザインとの関係
復習:HTMLファイルの保存の仕方
授業実施特記
第3回
内容
HTML事始め…HTMLドキュメントの作成
授業時間外における学修(予習・復習等)
予習:HTMLファイルの初歩的な記述の仕方
復習:HTMLドキュメントの作成について
授業実施特記
第4回
内容
Webページ全体の枠組みを作る…構造化
授業時間外における学修(予習・復習等)
予習:Webページとは何か
復習:作成したWebページの保存について
授業実施特記
第5回
内容
ページ全体のスタイルを設定する
授業時間外における学修(予習・復習等)
予習:スタイル文の書き方
復習:ページ設定のファイルについて
授業実施特記
第6回
内容
各パーツのスタイルを設定する
授業時間外における学修(予習・復習等)
予習:パーツスタイルのためのコマンドを書き方
復習:コマンド文の追加とファイルの保存のされ方
授業実施特記
第7回
内容
イメージの配置とナビゲーションメニューの作成
授業時間外における学修(予習・復習等)
予習:コマンドの書き方
復習:記述コマンドとナビゲーションとの関係
授業実施特記
第8回
内容
HTML5対応ページの作成1(HTML編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第9回
内容
HTML5対応ページの作成2(HTML編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第10回
内容
HTML5対応ページの作成3(HTML編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第11回
内容
HTML5対応ページの作成4(CSS編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第12回
内容
HTML5対応ページの作成5(CSS編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第13回
内容
HTML5対応ページの作成6(CSS編)
授業時間外における学修(予習・復習等)
予習:HTMLページとコマンドとの関係
復習:HTMLページでのコマンド記述とファイルの保存
授業実施特記
第14回
内容
テーブルの作成・HTMLの要素とCSS
授業時間外における学修(予習・復習等)
予習:HTMLでのテーブルとは何か
復習:HTML要素の記述とファイルでの表現
授業実施特記
第15回
内容
総まとめ
授業時間外における学修(予習・復習等)
HTMLファイルとWebでのデータ発信
授業実施特記