MENU
日本経済大学
  1. ホーム
  2. Webサイト作成B
  3. Webサイト作成さくせいB（第だい01回かい）

Webサイト作成さくせいB（第だい01回かい）

Webサイト作成B
目次

授業じゅぎょうの準備じゅんび

Microsoft 365の利用りよう

  • Officeアプリケーション、メール、Teamsなどを利用りようできる
  • アカウント（メールアドレス）とパスワードが必要ひつようです

Teams

画が面めん共有きょうゆうのために使用しようします。

講師こうしの紹介しょうかい

授業じゅぎょうを担当たんとうする講師こうしの先生せんせいとアシスタントの先生せんせいを紹介しょうかいします。

授業じゅぎょうについて

授業じゅぎょうの目標もくひょう

日本にっぽんで、ビジネスでの成功せいこうを目的もくてきとして​適切てきせつな方法ほうほうで​情報発信じょうほうはっしんができるようになること​

技術ぎじゅつと知識ちしきの目標もくひょう

Webサイト作成さくせいA（春季しゅんき）

  • かんたんなHTMLとCSSがわかる​
  • 静的せいてきなホームページを作れるつくれる

Webサイト作成さくせいB（秋季しゅうき）

  • CMSとノーコードについて知るしる​
  • CMSやノーコードでWebサイトの更新こうしんができる​

授業じゅぎょうの工夫くふう

  • 説明せつめいや授業じゅぎょうのペースをゆっくりと​
  • 知識ちしきを学ぶまなぶ座学ざがくと​達成感たっせいかんのある制作せいさくとを交ぜるまぜる
  • 自分じぶんで結果けっかを出せるようになる

毎まい回かいの授業じゅぎょうの流れながれ

  • 前回ぜんかいの復習ふくしゅう：5分ぶん​
  • 出席しゅっせきの確認かくにん：5分ぶん​
  • 座学ざがく：知識ちしきを学ぶまなぶ：20分​
  • 制作せいさく1：新しいあたらしい技術ぎじゅつを学ぶまなぶ：20分​
  • 制作せいさく2：新しいあたらしい技術ぎじゅつを使って制作せいさくする：30分​
  • まとめ：10分

成績せいせき評価ひょうか

  • 秀しゅう（100〜90）
  • 優ゆう（89〜80）
  • 良（79〜70）
  • 可か（69〜60）​
  • 不可ふか（59以下いか）
  • 講義こうぎへの取り組み方とりくみかた：20%​
  • 13回かい以降いこうの制作せいさく：50％​
  • 定期ていき試験しけん：30%​

成績せいせきで「秀しゅう」をとるには

  • 取り組み方とりくみかた：​遅刻ちこくしない、真面目まじめに取り組むとりくむ​
  • 制作せいさく：​どんな方法ほうほうを使ってでも完成かんせいさせる​
  • 定期ていき試験しけん：​授業じゅぎょう前半ぜんはんで学ぶまなぶ知識ちしきを大切たいせつにする​

授業中じゅぎょうちゅうにしてはいけないこと

  • 遅刻ちこく：遅刻ちこくすると授業じゅぎょうについていけません
  • 私語しご：授業中じゅぎょうちゅうの私語しご（友達ともだちと話すはなすこと）はしてはいけません
  • 飲食いんしょく：食べ物たべものは原則げんそく禁止きんしで、飲み物のみものは​ペットボトルは認めみとめますが、缶かんやカップは持ち込めもちこめません
  • 授業じゅぎょう以外いがいの作業さぎょう：SNS、チャット、ゲーム、動画どうが視聴しちょう、仕事しごと、寝るねる、イヤホンやヘッドホンの使用しようなどはしてはいけません

禁止きんし行為こういを見つけたら、退室たいしつしてもらう可能性かのうせいがあります。

学内がくないシステムの利用りようについて

3種類しゅるいの学内がくないシステム

  • 学生がくせい用よう掲示板けいじばん
  • 学生がくせい用ようWebサービス（キャンパスプラン）
  • Microsoft 365

いずれも「Webブラウザ」から利用りようできます。Webブラウザは、インターネットでWebページを利用りようするためのアプリケーション（ソフトウェア）です。

いろいろなWebブラウザ

Microsoft Edge
Apple Safari
Google Chrome

学生がくせい用よう掲示板けいじばん

  • 学校がっこうからのお知らせしらせを見るみることができる
  • アカウントとパスワードが必要ひつようです

学生がくせい用ようWebサービス（キャンパスプラン）

  • 履修りしゅう状況じょうきょうなどを確認かくにんできる
  • アカウントとパスワードが必要ひつようです

Microsoft 365

  • Officeアプリケーション、メール、Teamsなどを利用りようできる
  • アカウントとパスワードが必要ひつようです

CampusApp

CampusAppの利用りよう

  • 授業じゅぎょうにおいて「CampusApp」というWebサービスを利用りようします
  • 「アカウントの作成さくせい」が必要ひつようです​

CampusAppのサインアップ

サインアップとは：​新しいあたらしいサービスを​利用りようするにあたり、​利用りよう登録とうろくをすること​

  • 「学籍番号がくせきばんごう」を入力にゅうりょく​
  • 「新しいあたらしいパスワード」を入力にゅうりょく​
    • 悪いわるいパスワードの例れい：123456　password​　など
    • 良いよいパスワードの例れい：!fv@Y3Hgh^cBMY​　など

春季しゅんきの復習ふくしゅう

Webサイトを使った情報発信じょうほうはっしん

HTMLとCSS

マークアップとは

人間にんげんだけでなく、コンピューターにも文書ぶんしょ構造こうぞうがわかるように、文書ぶんしょに目印めじるしをつけていくこと

HTMLとは

  • HyperText Markup Language​
  • 文書を「<」と「>」に挟まれた「タグ」という記号でマークアップする​
    • タグの例れい：<h1>、<p>、<table>、<body>　など​
    • タグは原則げんそく、決まったきまったものしか使えません
  • HTMLを使うつかうと、コンピューターに文書ぶんしょの情報じょうほう構造こうぞうを教えるおしえることができます

CSSとは

CSSは、Webサイトのデザインを調整ちょうせいすることができる言語げんごです。

  • Webサイト作成さくせいにおいて、HTMLでは情報じょうほう構造こうぞうを指定していすることができます
  • ​Webサイト作成さくせいにおいて、デザインは「CSS」で行いおこないます​
  • 情報じょうほう構造こうぞう（HTML）＋デザイン（CSS）​＝情報じょうほう構造こうぞうが指定していされ、デザインされたWebサイト​

秋季しゅうきのゴール

基本的きほんてきなHTMLやCSSの知識ちしきをベースに、CMSを使ったWebサイトを制作せいさくすることができるようになる

CMSとは

CMS（Contents Management System）とは、Webサイトのコンテンツを管理かんり、更新こうしんするためのシステムです。

CMSのメリット

  • デザインとコンテンツを分けわけて管理かんりすることができる
  • HTMLやCSSを手て書きする必要ひつようがなくなる
  • 複数ふくすう人数にんずうでWebサイトを更新こうしんすることができる

CMSのデメリット

  • CMSの使い方つかいかたを学ぶまなぶ必要ひつようがある
  • Webサイトとしてできることが、CMSでできることに制限せいげんされる
  • システムが複雑ふくざつになり、表示ひょうじ速度そくどが遅くなることがある

ノーコードとは

ノーコードとは、プログラミングコード（HTMLやCSSなど）を書かずに開発かいはつできる手法しゅほうやシステムのことです。

たとえば世界せかいで最ももっとも遣われているCMSである「WordPress」では、より便利べんりに使うつかうためにはPHP、HTML、CSS、JavaScriptなどのプログラミングの知識ちしきが必要ひつようです。

知識ちしき問題もんだい

今日きょうの授業じゅぎょう内容ないようを知識ちしき問題もんだいで復習ふくしゅうしましょう。

CampusApp

  • CampusAppの「CBT（知識ちしき問題もんだい）」から、知識ちしき問題もんだいにチャレンジしましょう
  • 100点てんが取れるとれるまで、繰り返しくりかえし挑戦ちょうせんしましょう
  • 期末きまつの定期ていき試験しけんは知識ちしき問題もんだいの中からなかから出題しゅつだいします

パソコンの再起動さいきどう／シャットダウン

授業じゅぎょうの終わりおわりに必ずかならずパソコンを再起動さいきどう（次つぎに他のほかの授業じゅぎょうがある場合ばあい）、またはシャットダウン（次つぎに他のほかの授業じゅぎょうがない場合ばあい）してください。

Webサイト作成B
目次