シラバス参照 |
科目一覧へ戻る | 2024/03/27 現在 |
開講科目名 /Course |
ウェブデザイン演習A/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 |
教員所属名 /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 | まとめと自由課題演習 | これまでに授業で行った演習や自分で調べたことを活用し,テーマにそったウェブサイトを自由にデザインする. |