社会学部Faculty of Social Sciences
COT300ED(計算基盤 / Computing technologies 300)ウェブ・プログラミングAWeb Programming A
表現プログラミング実習
堀 亜砂実Asami HORI
授業コードなどClass code etc
学部・研究科Faculty/Graduate school | 社会学部Faculty of Social Sciences |
添付ファイル名Attached documents | |
年度Year | 2022 |
授業コードClass code | LD018-c |
旧授業コードPrevious Class code | |
旧科目名Previous Class title | |
開講時期Term | 秋学期授業/Fall |
曜日・時限Day/Period | 火2/Tue.2 |
科目種別Class Type | |
キャンパスCampus | 多摩 |
教室名称Classroom name | 各学部・研究科等の時間割等で確認 |
配当年次Grade | |
単位数Credit(s) | 2 |
備考(履修条件等)Notes | |
他学部公開科目Open Program | |
他学部公開(履修条件等)Open Program (Notes) | |
グローバル・オープン科目Global Open Program | |
成績優秀者の他学部科目履修制度対象Interdepartmental class taking system for Academic Achievers | |
成績優秀者の他学部科目履修(履修条件等)Interdepartmental class taking system for Academic Achievers (Notes) | |
実務経験のある教員による授業科目Class taught by instructors with practical experience | |
SDGsCPSDGs CP | |
アーバンデザインCPUrban Design CP | |
ダイバーシティCPDiversity CP | |
未来教室CPLearning for the Future CP | |
カーボンニュートラルCPCarbon Neutral CP | |
千代田コンソ単位互換提供(他大学向け)Chiyoda Campus Consortium | |
入学年度Admission year | |
カテゴリーCategory | 講義・実習科目 |
カテゴリー(2022年度以降入学者)Category (2022~) | |
カテゴリー(2018~2021年度入学者)Category (2018~2021) | |
カテゴリー(2017年度以前入学者)Category (~2017) | |
コース・プログラム名Course/Program name |
すべて開くShow all
すべて閉じるHide All
Outline (in English)
This course will help you to understand how to make Web pages, especially the basics of HTML and CSS.
As the goals of this course, students should be able to do the followings:
- Write HTML and CSS correctly.
- Make web pages for someone who might browse them.
- Understand the steps to publish web pages.
- Evaluate the information values contained any kinds of web pages regardless of their appearances.
Your overall grade in the class will be decided based on the following:
- in-class works: 60%
- midterm and final works: 40%
If you will skip midterm or final work, you'll get the grade E.
授業で使用する言語Default language used in class
日本語 / Japanese
授業の概要と目的(何を学ぶか)Outline and objectives
情報発信の手段として広く利用されているWebページを、「作る」としたらどのような視点や知識、技術が必要になるのかを、実習を通じて理解していきます。
到達目標Goal
・HTMLおよびCSSのルールを理解し正しく使用できる
・閲覧者を意識してWebページを作成できる
・Webページ公開の仕組みを理解し正しく行える
・Webページの表面的な見栄えにとらわれず情報の内容を判断できるようになる
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか(該当授業科目と学位授与方針に明示された学習成果との関連)Which item of the diploma policy will be obtained by taking this class?
社会学部のディプロマポリシーのうち,DP2・DP4に関連。 DPについてはこちら https://www.hosei.ac.jp/shakai/info/article-20200325181407/
授業で使用する言語Default language used in class
日本語 / Japanese
授業の進め方と方法Method(s)(学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. )
毎回テーマに沿った授業内課題を出題するほか、2回程度の大課題を出題し、積み重ねと反復で技術と知識を習得していきます。実習形式なので自ら考え試行錯誤することが不可欠です。フィードバックは対面授業時に、解答例の提示や個別コメントにより行います。
なお授業計画には若干の変更が生じる可能性があります。
アクティブラーニング(グループディスカッション、ディベート等)の実施Active learning in class (Group discussion, Debate.etc.)
あり / Yes
フィールドワーク(学外での実習等)の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching:対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
第1回[対面/face to face]:実習環境の確認
実習に使用するソフトを確認しHTMLにふれる
第2回[対面/face to face]:HTML基本
HTMLで文章構造を整える
第3回[対面/face to face]:HTML発展
リンクや画像等を含むHTML文書を作成する
第4回[オンライン/online]:HTML5
HTML5に即したコーディングを行う
第5回[対面/face to face]:CSS基本
CSSの考え方や仕組みを確認する
第6回[対面/face to face]:CSS活用
より実践的なCSSの演習を行う
第7回[オンライン/online]:Webサイト作成準備
作成するサイトの構成やファイル名を決定する
第8回[対面/face to face]:Webサイト意見交換
各自の企画について意見交換し内容を修正・補足する
第9回[オンライン/online]:Webサイト作成着手
自ら企画した内容をHTML化する
第10回[対面/face to face]: 各種サービスの活用
SNSや地図・動画を埋め込む
第11回[対面/face to face]:CSSでの装飾
CSSでHTMLの見栄えを整える
第12回[対面/face to face]:CSSでのレイアウト
CSSでページ全体のレイアウトを整える
第13回[対面/face to face]:補足とまとめ
これまでの実習を振り返り修正を行う
第14回[オンライン/online]:相互評価
完成したWebサイトを受講者間で相互評価する
授業時間外の学習(準備学習・復習・宿題等)Work to be done outside of class (preparation, etc.)
・順次新しい内容を取り上げるため積極的に復習を行うこと。
・大課題は授業外の作業が必要なので、計画的に取り組むこと。
・やむを得ず欠席した場合は、次の出席時までに欠席分の授業資料に目を通し、課題に取り組んでおくこと。
本授業の準備学習・復習時間は各2時間を標準とします。
テキスト(教科書)Textbooks
教科書なし。授業資料は随時配布します。
参考書References
参考書なし。参考サイト等は随時紹介します。
成績評価の方法と基準Grading criteria
・小課題の合計(授業内課題):60%
・大課題の合計(試験に相当し、学期中に2回出題予定):40%
大課題が提出されない場合、成績評価の対象外とする。
学生の意見等からの気づきChanges following student comments
2年から4年まで、目指す進路などもバラバラの色々な社会学部生が履修します。技術的には同じことを学んでそれを活用してもらいますが、課題として作成するWebサイトのテーマは一定の要件のもと各人が決めるので様々な作品が出来上がり、それを見てもらう・見せてもらう、どちらも良い経験になるようです。
学生が準備すべき機器他Equipment student needs to prepare
授業は総合棟3階情報実習室にて、WindowsPCを使って行います。Mac所有者でも予習復習等に問題はありませんが、Windowsとは手順等異なる部分もあるので注意して下さい。
その他の重要事項Others
・質問・相談は、授業中のほか、授業時間の前後に受け付けます。