![]() ![]() |
科目一覧へ戻る/Return to the Course List | 2025/03/25 現在/As of 2025/03/25 |
開講科目名 /Course |
現代社会2(ホームページ作成)/MODERN SOCIETY2(CREATING WEBSITES) |
---|---|
開講所属 /Course Offered by |
大学全カリ総合科目/ |
ターム?学期 /Term?Semester |
2025年度/2025 Academic Year 春学期/SPRING SEMESTER |
曜限 /Day, Period |
火5/Tue 5 |
開講区分 /semester offered |
春学期/Spring |
単位数 /Credits |
2.0 |
学年 /Year |
1,2,3,4 |
主担当教員 /Main Instructor |
久東 義典 |
遠隔授業科目 /Online Course |
- |
教員名 /Instructor |
教員所属名 /Affiliation |
---|---|
久東 義典 | 経営学科/MANAGEMENT |
授業の目的?内容 /Course Objectives |
この授業は、ホームページを作成する上で必要な知識と技術の基礎を取得し、情報社会をより深く考察できることを目的としている。「ホームページを公開する前に準備すること」と「公開してから保守すること」等に関する知識を理解しながら、実際にHTML/CSSを書いて、インターネット利用の背景にある諸問題が理解できる現代社会のニーズに見合ったWebデザイナー育成をめざす。 | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
授業の形式?方法と履修上の注意 /Teaching method and Attention the course |
講義とPC操作の実習で課題にとりくむことを求める。この授業は、エディターはVSCodeを使って、HTML/CSSファイルを作成し、ブラウザーはEdgeとChrome、Firefoxを使い分けて学習する。知識の獲得だけでなく、常時PCに触れて技能を高め、Webサイト構築することが総合評価に含まれるので注意すること。従って、毎日、学内で、もしくは、自宅でPCに触れる機会があることが、履修に際して望ましい。情報リテラシーの次のステップの授業である。文字入力は、ある程度慣れていることを期待した取り組みとなる。意欲ある学生の受講を期待する。大学のPCは、Windowsを利用するが、個人のPCはWindowsもしくはMacを利用することを前提とする。 1)テキスト、資料 2)授業の形態 3)必要なツール、ソフト 4)質疑応答や意見交換の方法 5)学期末試験の実施方法 6) 成績の評価方法等について、担当教員が第1回の講義で説明する。 積極的にインターネット資源を活用し、問題を自分で解決するように心掛けること。 各回の課題や確認テストの解説は、次の授業で行う。 |
||||||||||
事前?事後学修の内容 /Before After Study |
講義で理解できなかった点をそのままにせず、質問や自習で解決するようにすること。 講義1回の事前予習を120分、レポート作成を含む事後学習を120分程度で予習?復習することを想定している。 毎回、事前予習(120分程度)として、指定されたテキスト内容を熟読し、確認テストを実施する。事後学習(120分程度)として、提出課題が出るので指示に従って提出する。 |
||||||||||
テキスト1 /Textbooks1 |
|
||||||||||
テキスト2 /Textbooks2 |
|
||||||||||
テキスト3 /Textbooks3 |
|
||||||||||
参考文献等1 /References1 |
|
||||||||||
参考文献等2 /References2 |
|
||||||||||
参考文献等3 /References3 |
|
||||||||||
評価方法 /Evaluation |
講義内容を理解し、コンピュータを利用した実践的な応用能力、問題解決能力を身に着けたかどうかを、小テストまたは最終試験、課題提出から総合的に評価する。 最終試験25%、最終課題(自作サイトの完成)25%、事後学修課題(課題提出)25%、小テスト(予習確認テスト)25%による総合評価。 |
||||||||||
関連科目 /Related Subjects |
|||||||||||
備考 /Notes |
所有しているPC(MacかWindows)やスマホ(PCと同期をとるため)を教室に持ち込むことは大歓迎であるが、機種やOSが古くて対応できるソフトがインストールできない場合がある。自己責任に従って、教室の同棟同階のヘルプ室(授業内容の理解を求めることは厳禁)に支援を求める機会をつくること。 | ||||||||||
到達目標 /Learning Goal |
現代社会に関する学問分野について、副題に示したテーマをもとに、21世紀型市民としてふさわしい実践的な知識を習得し、今後の複雑な国内および国際情勢に対処していく方法について、論理的かつ創造的思考を持って対応できるようにする。 |
回 /Time |
授業計画(主題の設定) /Class schedule |
授業の内容 /Contents of class |
事前?事後学修の内容 /Before After Study |
---|---|---|---|
1 | 【ガイダンス】 | 0 授業の流れの説明 1 Slackの使い方を学習する。 2 GoogleDriveとOneDriveをファイルサーバとして活用する。 3 HTMLを書く。 |
(重要)事前学修 なし。教科書を購入すること。ガイダンスで使用する。 事後学修 授業中の指示に従って,課題提出する。 |
2 | 【ブラウザの利用】 | 0 小テスト実施 1 EdgeとChromeの設定について学習する。 2 メールソフトの使い方について学習する。 3 AIの利用について学習する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
3 | 【Webサーバの利用】 |
0 小テスト実施 1 Vscodeを使ったSFTP接続について学習する。 2 文字化けについて学習する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
4 | 【HTMLを書く】 |
0 小テスト実施 1 マークアップを学習する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
5 | 【SNSリンk集を作る】 |
0 小テスト実施 1 CSSを学習する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
6 | 【2カラムページを作る(1)】 |
0 小テスト実施 1 HP作成をパーツ化する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
7 | 【2カラムページを作る(2)】 |
0 小テスト実施 1 フレックス?ボックス?レイアウトについて学習する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
8 | 【1カラムページを作る(1)】 |
0 小テスト実施 1 HTMLの構造とCSSを書く手順を理解する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
9 | 【1カラムページを作る(2)】 |
0 小テスト実施 1 CSSアニメーションを作成する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
10 | 【1カラムページを作る(3)】 |
0 小テスト実施 1 レスポンシブデザインの対応を理解する |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
11 | 【複数ページのサイトを作る(1)】 |
0 小テスト実施 1 制作の流れを理解する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
12 | 【複数ページのサイトを作る(2)】 |
0 小テスト実施 1 モバイル版のサイト作成を理解する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
13 | 【複数ページのサイトを作る(3)】 |
0 小テスト実施 1 PC版のサイト作成を理解する。 |
事前学修 事前に指定されたURLをクリックして資料を熟読する。 事後学修 授業中の指示に従って,課題提出する。 |
14 | 【学期末テスト】 |
第1回から第13回までの範囲の試験を実施し,講義で学んだ内容が身についているか復習する。 |
事前学修 事前に,この講義で学んだすべての内容を復習する。授業後,課題作成で理解が不十分となっていた点を授業中の指示に従って,レポート提出する。 |