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

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

Webサイト作成B
目次

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

鉛筆えんぴつなどの準備じゅんび

授業じゅぎょうでは鉛筆えんぴつと消しゴムけしごむなどの筆記用具ひっきようぐを使います。毎まい回かい、必ずかならず持ってもってきてください。

Microsoft Teams

画が面めん共有きょうゆうのために使用しようします。
ログインして、授業じゅぎょうの会議かいぎに参加さんかしてください。

Microsoft 365

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

テキストの配布はいふ

本日ほんじつのテキストを配りくばります。

  • テキストを受け取ったら、学籍番号がくせきばんごうと名前なまえを書いてください
  • テキストは捨てすてないでください。次回じかい以降いこうも持ってもってきてください

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

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

  • 先生せんせいの名前なまえを書いてください
  • アシスタントの先生せんせいの名前なまえを書いてください

授業じゅぎょうについて

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

日本にっぽんで、ビジネスのために​情報発信じょうほうはっしんができるようになること​

情報発信じょうほうはっしんとは

  • 自分じぶんや会社かいしゃのことを多くおおくの人ひとに知ってもらうこと
  • 自分じぶんや会社かいしゃのことを好きすきになってもらうために、コミュニケーションを取るとること

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

Webサイト作成さくせいA（春はる学期がっき）

  • 情報じょうほうについて考えるかんがえる
  • Webサービスを安全あんぜんに使えるつかえる
  • 日本語にほんごでかんたんなHTMLを作れるつくれる（HTML）

Webサイト作成さくせいB（秋あき学期がっき）

  • 日本語にほんごでかんたんなHTMLを作れるつくれる（HTML＋CSS＋JavaScript）
  • AIを使えるつかえる
  • AIでWebサイトを企画きかく／作成さくせいできる

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

  • 説明せつめいや授業じゅぎょうのペースをゆっくりと​
  • テキストに手て書きすることで覚えるおぼえる
  • 自分じぶんで結果けっかを出せるようになる

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

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

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

  • 秀しゅう（100〜90）
  • 優ゆう（89〜80）
  • 良りょう（79〜70）
  • 可か（69〜60）​
  • 不可ふか（59以下いか）
  • 講義こうぎへの取り組み方とりくみかた：20%​
  • 課題かだい提出ていしゅつと実技じつぎテスト：60％​
  • 定期ていき試験しけん：20%​

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

  • 講義こうぎへの取り組み方とりくみかた：​遅刻ちこくしない、真面目まじめに取り組むとりくむ​
  • 課題かだい提出ていしゅつと実技じつぎテスト：​毎まい回かいの課題かだいをきちんと提出するていしゅつする
  • 定期ていき試験しけん：​授業じゅぎょう前半ぜんはんで学ぶまなぶ知識ちしきを覚えるおぼえる​

提出物ていしゅつぶつの数かずと成績せいせきとの関係かんけい

2026年ねん春はる学期がっきの成績せいせきを見るみると、授業じゅぎょうにきちんと参加さんかしている人ひとが、良いよい成績せいせきになっています。

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

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

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

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

3種類しゅるいの学内がくないシステム＋ITリテラシー教室きょうしつで使えるつかえるシステム

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

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

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

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

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

学生がくせい用ようWebサービス

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

Microsoft 365

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

CampusAppの利用りよう

CampusApp

  • 授業じゅぎょうにおいて「CampusApp」というWebサービスを利用りようします
  • 来週らいしゅう以降いこう、たくさん使います

タイピング練習れんしゅう

キーボードで日本語にほんごを入力にゅうりょくする練習れんしゅうをしましょう。

CampusApp

  • CampusAppの「CBT（タイピング練習れんしゅう）」から、タイピング練習れんしゅうをしましょう
  • 約やく10分間ふんかん、タイピングの時間じかんを設けもうけます
  • 1回かい3分間ふんかんなので、少なすくなくとも3回かいは練習れんしゅうできます
  • 点数てんすうや回数かいすうは記録きろくされますので、評価ひょうかの対象たいしょうとします
  • 授業じゅぎょう時間じかん以外にもいがいにも繰り返しくりかえし練習れんしゅうして、正確せいかくに速くタイピングできるようになりましょう

カウントダウンタイマー

10:00

春はる学期がっきの復習ふくしゅう

HTMLとは

  • HTML＝HyperText Markup Language​
  • HyperTextとは：文書ぶんしょ（document）をお互いにおたがいつなげる（link）仕組みしくみ​
  • Markupとは：テキストをタグで囲いかこい、文書ぶんしょの構造こうぞう（structure）を指定していしたり、文書ぶんしょと文書ぶんしょの関係かんけいを指定していしたりすること
    • 例れい）＜p＞これは日本語にほんごの文章ぶんしょうです＜/p＞
  • WebブラウザはHTMLを理解りかいして、​情報じょうほうを表示ひょうじしてくれます
  • HTMLは、文書ぶんしょをWebサイト用ようにマークアップする言語げんごです
  • HTMLでは、文書を「<」と「>」にはさまれた「タグ（HTMLタグ）」という記号でマークアップします​
    • 「<」や「>」は「アングルブラケット（angle bracket）」や「山括弧（やまかっこ）」と呼ばれています
    • タグの例れい：<title>、<h1>、<p>、<table>　など​
  • HTMLタグは決めきめられたものしか使えません

HTMLタグのルール

  • HTMLタグのルール1：HTMLタグでは「文書ぶんしょの構造こうぞう」を書きます
    • どこが見出しみだしで、どこが段落だんらくで、どこが画像がぞうなのかを書きます
  • HTMLタグのルール2：HTMLタグでは「文書ぶんしょの内容ないよう」は書きません
    • 文書ぶんしょに「何がなにが書いてあるのか」は書きません
  • HTMLタグのルール3：HTMLタグでは「文書ぶんしょのデザイン」は書きません
    • 文字もじの大きさおおきさや色いろ、背景はいけいの色いろなどは書きません
  • HTMLタグのルール4：HTMLタグは「開始かいしタグ」と「終了しゅうりょうタグ」をセットで使います
    • 例れい）<h1>見出しみだし</h1>
    • このルールから外れるはずれるタグもあります
    • 例れい）<br>、<img>
  • HTMLタグのルール5：HTMLタグはかならず「半角はんかく」で書きます
    • BAD（全角ぜんかく）：＜ｈ１＞
    • GOOD（半角はんかく）：<h1>
    • いつも、半角はんかくと全角ぜんかくを意識いしきしましょう

HTMLタグ

<html>文書ぶんしょのルート（一番いちばん上のうえの構造こうぞう）
＊他のほかのタグはすべて、htmlの中になかに書くかく
<head>文書ぶんしょの設定せってい
＊HTMLの設定せっていなので、外からそとからは見えません
<body>文書ぶんしょのコンテンツ
＊見出しみだし、段落だんらくなどを書くかく場所ばしょ
<title>文書ぶんしょのタイトル
＊headの中になかに書くかく
<h1>文書ぶんしょ（ページ）の題名だいめい（Title）のようなもの
<h2>文書ぶんしょ（ページ）の章しょう（Chapter）のようなもの
<h3>文書ぶんしょ（ページ）の節せつ（Section）のようなもの
<h4>文書ぶんしょ（ページ）の項こう（Subsection）のようなもの
<h5>5番ばん目めの見出しみだし
<h6>6番ばん目めの見出しみだし
<p>段落だんらく（文ぶんのまとまり）を​指定していする
<a>他のほかのページや他のほかのWebサイトとつなぐ​
<br>改行かいぎょうする
<ul>番号ばんごうなしリスト全体ぜんたい
<li>リスト項目こうもく
<ol>番号ばんごうありリスト全体ぜんたい
<li>リスト項目こうもく
<dl>説明せつめいリスト全体ぜんたい
<dt>説明せつめいされることば
<dd>説明せつめいの内容ないよう
<table>表ひょうの全体ぜんたいを指定していする
<tr>table row、表ひょうの「行ぎょう」を指定していする
<th>table header、表ひょうの「セル（見出しみだし）」を指定していする
<td>table data、表ひょうの「セル（内容ないよう）」を指定していする
<img>画像がぞうを表示ひょうじする

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

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

Webサイト作成B
目次