シラバス参照／View Syllabus
|
シラバス参照／View Syllabus
|
| 科目一覧へ戻る／Return to the Course List | 2020/09/23 現在／As of 2020/09/23 |
|
開講科目名 ／Course |
現代社会２(ホームページ作成)／MODERN SOCIETY2(CREATING WEBSITES) |
|---|---|
|
開講所属 ／Course Offered by |
大学全カリ総合科目／ |
|
ターム・学期 ／Term・Semester |
2020年度／2020 Academic Year 秋学期／FALL SEMESTER |
|
曜限 ／Day, Period |
火5／Tue 5 |
|
開講区分 ／semester offered |
秋学期／Fall |
|
単位数 ／Credits |
2.0 |
|
学年 ／Year |
1,2,3,4 |
|
主担当教員 ／Main Instructor |
久東 義典 |
|
教員名 ／Instructor |
教員所属名 ／Affiliation |
|---|---|
| 久東 義典 | 経営学科／MANAGEMENT |
|
授業の目的・内容 ／Course Objectives |
この授業は、ホームページを作成する上で必要な知識と技術の基礎を取得し、情報社会をより深く考察できることを目的としている。「ホームページを公開する前に準備すること」と「公開してから保守すること」等に関する知識を理解しながら、ホームページの表現方法（HTML）だけでなく、その背景で支えているインターネット技術の話題（サーバ、IP、ドメイン等）にも触れ、自ら情報収集して、（有償・無償も含め）サーバの選択やインターネット上の脅威を理解し、現代社会の諸問題などの議論に発展できる人材育成をめざす。 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
|
授業の形式・方法と履修上の注意 ／Teaching method and Attention the course |
授業形式は、講義と実際にPCを操作して提出課題にとりくむことを求める。 今季に教員が説明に使用するPCは、Windows10とする。Macマシン、Linaxマシンでも受講はできるが ファイルシステムやショートカット等の操作は各自Windows10に説明を聞いて、それぞれの環境で対応できるようにすること。 この授業は、Sublimeエディタを使って、HTMLファイルを作成する。 頭だけでなく、技能も高めることが総合評価に含まれるので注意して欲しい。 従って、毎日、自宅でPCに触れる機会があることが履修に際して望ましい。 意欲ある学生の受講を期待する。 |
||||||||||
|
事前・事後学修の内容 ／Before After Study |
適宜、参考にするwebサイトの紹介や自習用の電子テキストを配布する。 | ||||||||||
|
テキスト1 ／Textbooks1 |
|
||||||||||
|
テキスト2 ／Textbooks2 |
|
||||||||||
|
テキスト3 ／Textbooks3 |
|
||||||||||
|
参考文献等1 ／References1 |
|
||||||||||
|
参考文献等2 ／References2 |
|
||||||||||
|
参考文献等3 ／References3 |
|
||||||||||
|
評価方法 ／Evaluation |
事後学修課題30%、最終課題40%、授業内テスト30%による総合評価 | ||||||||||
|
関連科目 ／Related Subjects |
|||||||||||
|
備考 ／Notes |
テキスト・参考文献：適宜、熟読するwebサイトを紹介する。 | ||||||||||
|
到達目標 ／Learning Goal |
現代社会に関する学問分野について、副題に示したテーマをもとに、21世紀型市民としてふさわしい実践的な知識を習得し、今後の複雑な国内および国際情勢に対処していく方法について、論理的かつ創造的思考を持って対応できるようにする。 |
| 回 ／Time |
授業計画（主題の設定） ／Class schedule |
授業の内容 ／Contents of class |
事前・事後学修の内容 ／Before After Study |
|---|---|---|---|
| 1 | ホームページ作成入門（タグ言語） |
ZipファイルにまとめたIndex.htmlファイルを開いて読みます。 そのホームページをよく読んでタグ言語を学習します。 |
（事前学修）タグ言語について調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 2 | ホームページ編集（テキストエディタ） |
ホームページを編集するテキストエディタ（Sublime text 3）のインストールと設定を学習します。 このテキストエディタを使って列挙ならび表のタグを学習します。 |
（事前学修）Sublimeテキストエディタについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 3 | ホームページ基本（HTMLファイル） |
ファイルシステムを学習します。 相対パスと絶対パスを理解します。 |
（事前学修）HTMLファイルについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 4 | HTMLとリンク |
リンクを貼ることを学習します。 |
（事前学修）<a>タグについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 5 | HTMLのまとめ |
いろいろなタグとその属性や値を学習します。 |
（事前学修）ブロック要素とインライン要素について調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 6 | HTMLとCSS |
スタイルシートの導入を学習します。 |
（事前学修）CSSついて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 7 | CSSの基本 |
CSSに展開されるタグとその属性や値を学習します。 |
（事前学修）CSSを外部ファイルで取り込むことについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 8 | Javaスクリプト入門 |
非手続き言語と手続き言語の違いを学習します。 |
（事前学修）Javaスクリプトについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 9 | Javaスクリプト基本 |
手続き言語の構造化について学習します。 |
（事前学修）Javaスクリプトを外部ファイルで取り込むことについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 10 | 文字列を動的に管理する |
ホームページの<BODY>タグに書かれた内容を変更することを学習します。 |
（事前学修）文字列について調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 11 | CSSを動的に管理する |
ホームページのCSSとして書かれた内容を変更することを学習します。 |
（事前学修）CSSを動的に変えることについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 12 | 入力フォームを作る |
ホームページの中にフォームを作成します。 |
（事前学修）入力フォームについて調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 13 | ノードによるHTML要素を動的に変更する |
親ノード・子ノードによるタグや属性、値を変更することを学習します。 |
（事前学修）HTML要素について調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |
| 14 | ノードによるHTML要素を動的に管理する |
親ノード・子ノードによるタグや属性、値を追加・削除することを学習します。 |
（事前学修）HTMLの要素の追加・削除について調べなさい。 （事後学習）配布された資料の演習問題を行うこと。 |