基本情報/Basic Information

遠隔授業（授業回数全体の半分以上）の場合は、科目名の先頭に◆が付加されています（2023年度以降）

開講科目名 ／Course	ウェブデザイン演習Ａ／Exercises in Web Design A
時間割コード ／Course Code	S1407400_S1
開講所属 ／Course Offered by	システム工学部／Faculty of Systems Engineering
ターム・学期 ／Term・Semester	2024年度／Academic Year　　第1クォーター／1Q
曜限 ／Day, Period	木／Thu　1,　木／Thu　2
開講区分 ／Semester offered	第1クォーター／1Q
単位数 ／Credits	1.0
学年 ／Year	2,3,4
主担当教員 ／Main Instructor	陳　金輝
科目区分 ／Course Group	_
授業形態 ／Lecture Form	演習
教室 ／Classroom	情報通信演習室（北1号館）／情報通信演習室（北1号館）
開講形態 ／Course Format
ディプロマポリシー情報 ／Diploma Policy

担当教員情報/Instructor Information

教員名 ／Instructor	教員所属名 ／Affiliation
陳　金輝	システム工学部（教員）

授業の概要・ねらい ／Course Aims	ウェブを基盤とするシステム開発において必須となる開発技術について，基礎的な知識・経験を得るための演習を行う．この授業ではクライアントサイド（ブラウザ）で利用・実行される複数の開発技術を複合的に用いる． 社会情報学メジャーおよびメディアデザインメジャーの専門導入期の科目であり，デザイン（設計）の観点から各技術を俯瞰するものとなる．簡単な課題演習を通して様々な開発技術の特性を理解することで，今後ウェブに関連する学習・研究をスムーズにすすめるための基礎となる．
到達目標 ／Course Objectives	ウェブを基盤とした様々なシステム開発に利用されるクライアントサイドの基礎技術について，実践的な活用ができるとともに，その体系を正しく説明できる．
成績評価の方法・基準 ／Grading Policies/Criteria	課題への取り組み状況と演習レポートの内容・作品発表，及び学習態度により判断する。
教科書 ／Textbook	・速習Webデザイン HTML&CSS [HTML5&CSS3対応]，さわだ えり，技術評論社，2013
参考書・参考文献 ／Reference Book	記載なし
履修上の注意 ・メッセージ ／Notice for Students	制作系の演習科目であるため，手を動かすのは極めて重要：演習課題等への積極的な対応はS/A成績の前提条件とする
履修する上で必要な事項 ／Prerequisite	教学書及びPCの持参，各自のPCを使用する演習である．PCを準備できない場合やバッテリー切れ等で演習ができない場合も配慮はしない．担当教員の指示に従ってHTMLの制作，演習課題への対応，レポート等の提出が必須である．
履修を推奨する関連科目 ／Related Courses	ウェブデザイン演習B
授業時間外学修についての指示 ／Instructions for studying outside class hours	演習計画に沿って計15時間の授業時間外学修（予習・復習など）を行うことが必要である．また，演習内容に関連する課題の調査・考察を含めた自主的学修を求める．
その他連絡事項 ／Other messages	資料，演習の目標と説明などはMoodleに掲載する．
授業理解を深める方法 ／How to deepen your understanding of classes	この授業は，本学アクティブラーニング実施要項の以下の項目に該当する ⑥⑦
オフィスアワー ／Office Hours	月曜日1限　A715室（事前にメールで連絡してください）
科目ナンバリング ／Course Numbering	S62022J01101J201，S62022J01101K230，S62022J01101S231，S62022J01101U241，K62022J01101P283

No.	回（日時） ／Time (date and time)	主題と位置付け（担当） ／Subjects and instructor's position	学習方法と内容 ／Methods and contents	備考 ／Notes
1	1	ガイダンス，ウェブデザインの基礎知識	ガイダンス 前準備，諸概念 マークアップとタグ HTMLのさまざまな要素 マークアップの練習
2	2	HTMLによる構造化，テキストの処理	Webページの基本構成 テキストレベルの要素 HTML-lintを用いたチェック
3	3	セクショニング，リンク，メディア	セクションのデザイン リンク・メディアの挿入
4	4	文字，テーブル，背景のデザイン	文字，背景の多様な表現 テーブルの制作
5	5	CSSの基礎	CSS3について CSSの優先順位，リセット
6	6	コンテンツモデル，ボックスのデザイン	要素分類 コンテンツ配置
7	7	CSSによるデザイン	CSSによるコンテンツ・テキストの表現 CSSによるレイアウト調整
8	8	まとめと自由課題演習	これまでに授業で行った演習や自分で調べたことを活用し，テーマにそったウェブサイトを自由にデザインする．