シラバス参照
|
シラバス参照
|
| 科目一覧へ戻る | 2024/09/20 現在 |
|
開講科目名 ／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 |
北１号館Ａ１０１, 北１号館Ａ６０１／北１号館Ａ１０１, 北１号館Ａ６０１ | ||||||||||||||||||||||||||||
|
開講形態 ／Course Format |
|||||||||||||||||||||||||||||
|
ディプロマポリシー情報 ／Diploma Policy |
|
|
教員名 ／Instructor |
教員所属名 ／Affiliation |
|---|---|
| 陳 金輝 | システム工学部（教員） |
|
授業の概要・ねらい ／Course Aims |
本授業はWeb開発に入門するための演習科目である．演習ではHTMLを使って，はじめから順を追って，HTML基礎知識の学習，演習問題に取り組むことにより，Webページを作成するための基礎技術を習得する．また，現在はWebページの見栄えについてはCSSで制御することが一般的になっている．そのため，演習ではHTMLに加えて，一部CSS知識も学んで演習問題で理解を高める．本科目は，教学書とディジタル教材（スライド・サンプルコード等）を併用し，VS Code開発環境によりWebページの作成を行う．学習単元ごとに演習課題が課されてレポートを期間内提出する義務が付けられる．それに加えて，最終回では自由テーマ課題の取り組みとその成果発表により，各回演習で学んだ技術，普段自分から調べた知識が活用できるとともに，自分で開発したWebページとその技術を明快に説明できるように目指す． ウェブデザイン演習AではHTMLとCSSの基本技術を学んでそれらを利活用してシンプルなWebページを作成できるようになる． |
|---|---|
|
到達目標 ／Course Objectives |
ウェブを基盤とした様々なシステム開発に利用されるクライアントサイドの基礎技術について，実践的な活用ができるとともに，その体系を正しく説明できる． |
|
成績評価の方法・基準 ／Grading Policies/Criteria |
課題への取り組み状況と演習レポートの内容・作品発表，及び学習態度により判断する。 |
|
教科書 ／Textbook |
さわだえり，「書きながら覚える HTML＆CSS 入門ワークブック」，技術評論社,2018 |
|
参考書・参考文献 ／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 | まとめと自由課題演習 | これまでに授業で行った演習や自分で調べたことを活用し，テーマにそったウェブサイトを自由にデザインする． |