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

2026年07月09日

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

ヘッドホンやイヤホンは耳みみからはずしてください
ペットボトル以外いがいの飲み物のみものを教室きょうしつに持ち込むこむことはできません
Microsoft Teamsにログインし、授業じゅぎょうの会議かいぎに参加さんかしてください。

アンケートにご協力きょうりょくください

日本経済大学にほんけいざいだいがくでは、より良いよい授業じゅぎょうを実施じっしするため、教育きょういく方法ほうほうの改善かいぜんに取り組んでとりくんでいます。そのために、学生がくせいのみなさんが「授業じゅぎょうをどのように感じかんじているか？」についてアンケートを実施じっしさせていただきますので、ご協力きょうりょくをお願いねがいいたします。

なお、誰だれがどのような回答かいとうをしたのかは担当たんとうの先生せんせいにはわかりません。回答かいとう結果けっかは教育きょういく方法ほうほうの改善かいぜんのためだけに利用りようします。みなさんの成績せいせき評価ひょうかが不利ふりになることはありません。

下記かきURLにアクセスし、各かく項目こうもくをよく読んで回答かいとうをお願いねがいします。

https://forms.cloud.microsoft/r/upjjy9zuPf

実技じつぎテストと定期ていき試験しけんについて

実技じつぎテスト

15回かい目めの授業じゅぎょうで実技じつぎテストを行いおこないます
- 14回かい目めは試験しけん勉強べんきょうの時間じかんとします

試験しけん場所ばしょ	ITリテラシー教室きょうしつ
試験しけん内容ないよう	HTMLの作成さくせい
試験しけん時間じかん	60分
試験しけん範囲はんい	12回かい目めの授業じゅぎょうまでに学んだまなんだ内容ないよう
注ちゅう意い事項じこうなど	テキストの持ち込み、パソコンで調べるしらべる、AIに質問しつもんするなどは認めみとめますが、スマホの使用しようは禁止きんしです。また、試験中しけんちゅうの私語しご（友達ともだちと話はなしをすること）も禁止きんしです。禁止きんしした行動こうどうを確認かくにんした場合ばあい、退室たいしつを命じるめいじることがあります。

定期ていき試験しけん

16回かい目めの授業じゅぎょうで定期ていき試験しけんを行いおこないます
- 事前にじぜんに勉強べんきょうしてほしいので、14回かい目めを目安めやすにこれまでの知識ちしき問題もんだいを再さい掲載けいさいします

試験しけん場所ばしょ	オンライン
試験しけん内容ないよう	選択せんたく式しきのテスト
試験しけん時間じかん	50分
試験しけん範囲はんい	授業中じゅぎょうちゅうに実施じっしした知識ちしき問題もんだいから出題しゅつだい

実技じつぎテストに向けて

実技じつぎテストのテスト問題もんだいを配りくばります。

1番ばんの問題もんだいから順番じゅんばんに進めてすすめていきましょう。
15回かい目めには自分じぶんでできるようになりましょう。

ファイルの中身なかみ

14
┣index.html（編集へんしゅうするHTML）
┣jlpt.gif（HTMLに挿入そうにゅうする画像がぞう）
┗result.png（HTMLが完成かんせいするとこのようになります）

CampusAppから「14.zip」をダウンロードしてください
「14.zip」をすべて展開てんかいしてください。
「index.html」をアプリ「Visual Studio Code」で開きひらきます
「lang=”en”」を「lang=”ja”」に変更へんこうしてください
titleタグの内容ないようを「学籍番号がくせきばんごう（例れい：10CK0000）」に変更へんこうしてください
「日本語にほんご能力のうりょく試験しけんについて」を＜h1＞タグでマークアップしてください
「日本語にほんごを母語ぼごとしない人ひとのために、その日本語にほんご能力のうりょくを認定にんていする試験しけんです。」「JLPTのWebサイト」を＜p＞タグでマークアップしてください
「日本語にほんご能力のうりょく試験しけんとは」「試験しけん科目かもく」「メリット」「レベルと内容ないよう」「リンク」を＜h2＞タグでマークアップしてください
「言語げんご知識ちしき」「読解どっかい」「聴解ちょうかい」を＜li＞タグでマークアップしてください
9でマークアップした＜li＞タグをまとめて、＜ul＞タグでマークアップしてください
「就職しゅうしょく、キャリアアップ」「進学しんがく」「ビザ、在留ざいりゅう資格しかく」を＜dt＞タグでマークアップしてください
「日本にっぽん企業きぎょうでの就職しゅうしょくや昇進しょうしんの際さい、客観きゃっかん的な日本語力にほんごりょくの証明しょうめいとして利用りようされます。」「日本にっぽんの大学だいがくや専門せんもん学校がっこうへ入学するにゅうがくする際さいの要件ようけんとして活用かつようされます。」「特定とくてい技能ぎのうなどの在留ざいりゅう資格しかくを取得しゅとくする際さいや、高度こうど人材じんざいポイント制の加点かてん対象たいしょうとして優遇ゆうぐうされます。」を＜dd＞タグでマークアップしてください
11と12でマークアップした＜dt＞タグと＜dd＞タグをまとめて、＜dl＞タグでマークアップしてください
「N1、N2」「N3」「N4、N5」を＜th＞タグでマークアップしてください
「幅はば広いひろい場面ばめんで使われるつかわれる日本語にほんごを理解りかいできるレベル。ビジネスシーンや大学だいがく進学しんがくで求められます。」「日常にちじょう的な日本語にほんごをある程度ていど理解りかいできるレベル。」「基本的きほんてきな日本語にほんごを理解りかいできるレベル。」を＜td＞タグでマークアップしてください
14でマークアップした＜th＞タグと直後ちょくごの＜td＞タグとをまとめて、＜tr＞タグでマークアップしてください
16でマークアップした＜tr＞タグをまとめて、＜table＞タグでマークアップしてください
「JLPTのWebサイト」を＜a＞タグでマークアップしてください。href属性ぞくせいの内容ないようは「https://www.jlpt.jp/」とします
「img」の代わりにかわりに＜img＞タグを挿入そうにゅうしてください。src属性ぞくせいの内容ないようは「jlpt.gif」、alt属性ぞくせいの内容ないようは「JLPTロゴ」とします
「index.html」をCampusAppから提出ていしゅつしてください

カウントダウンタイマー

分ぶん

秒びょう

10:00

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    	th {
  		padding: 10px;
  		border: solid 1px #cccccc;
  		background-color: #ffcccc;
	}
	td {
		padding: 10px;
		border: solid 1px #cccccc;
	}
	dt {
	    font-weight: bold;
	}
	dd {
	    margin-left: 0;
	}
	dd + dt {
	    margin-top: 1rem;
	}
	</style>
	<title>10CK0000</title>
  </head>
  <body>
    <h1>日本語にほんご能力のうりょく試験しけんについて</h1>

    <h2>日本語にほんご能力のうりょく試験しけんとは</h2>
    <p>日本語にほんごを母語ぼごとしない人ひとのために、その日本語にほんご能力のうりょくを認定にんていする試験しけんです。</p>
    <img src="jlpt.gif" alt="JLPTのロゴ">

    <h2>試験しけん科目かもく</h2>
    <ul>
        <li>言語げんご知識ちしき</li>
        <li>読解どっかい</li>
        <li>聴解ちょうかい</li>
    </ul>

    <h2>メリット</h2>
    <dl>
    <dt>就職しゅうしょく、キャリアアップ</dt>
    <dd>日本にっぽん企業きぎょうでの就職しゅうしょくや昇進しょうしんの際さい、客観きゃっかん的な日本語力にほんごりょくの証明しょうめいとして利用りようされます。</dd>
    <dt>進学しんがく</dt>
    <dd>日本にっぽんの大学だいがくや専門せんもん学校がっこうへ入学するにゅうがくする際さいの要件ようけんとして活用かつようされます。</dd>
    <dt>ビザ、在留ざいりゅう資格しかく</dt>
    <dd>特定とくてい技能ぎのうなどの在留ざいりゅう資格しかくを取得しゅとくする際さいや、高度こうど人材じんざいポイント制の加点かてん対象たいしょうとして優遇ゆうぐうされます。</dd>
    </dl>
    
    <h2>レベルと内容ないよう</h2>
    <table>
        <tr>
            <th>N1、N2</th>
            <td>幅はば広いひろい場面ばめんで使われるつかわれる日本語にほんごを理解りかいできるレベル。ビジネスシーンや大学だいがく進学しんがくで求められます。</td>
        </tr>
        <tr>
            <th>N3</th>
            <td>日常にちじょう的な日本語にほんごをある程度ていど理解りかいできるレベル。</td>
        </tr>
        <tr>
            <th>N4、N5</th>
            <td>基本的きほんてきな日本語にほんごを理解りかいできるレベル。</td>
        </tr>
    </table>
    
    <h2>リンク</h2>
    <p><a href="https://www.jlpt.jp/">JLPTのWebサイト</a></p>
  </body>
</html>

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

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

Webサイト作成A（第13回）