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

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

Webサイト作成A
目次

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

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

前回ぜんかいの復習ふくしゅう

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

前回ぜんかいの知識ちしき問題もんだい

  • 次つぎの拡張子かくちょうしのうち、画像がぞうではないものはどれですか
    • .img
    • .jpg
    • .gif
    • .webp
    • .png
  • 次つぎの文章ぶんしょうのうち、正しいただしいものはどれですか
    • 解像度かいぞうどの単位たんいは「ppi」である
    • 解像度かいぞうどは1ピクセルあたりのインチ数かずのこと
    • 解像度かいぞうどが高いたかいと、汚くぼやけた画像がぞうになる
    • 解像度かいぞうどが低いひくいと、美しくうつくしく詳細しょうさいな画像がぞうになる
    • Webサイトでは、解像度かいぞうどが300ppi以上いじょうが良いよい
  • 縦たて1080px、横よこ1920pxの画像がぞうの画素数がそすうはどれですか
    • 2,073,600px​
    • 207,360px​
    • 1,080px
    • 1,920px
    • 3,000px
  • imgタグで画像がぞうのURLを指定していする属性ぞくせいはどれですか
    • src属性ぞくせい
    • alt属性ぞくせい
    • href属性ぞくせい
    • url属性ぞくせい
    • script属性ぞくせい
  • imgタグで画像がぞうを説明せつめいする文ぶんを指定していする属性ぞくせいはどれですか
    • alt属性ぞくせい
    • src属性ぞくせい
    • href属性ぞくせい
    • img属性ぞくせい
    • script属性ぞくせい

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

実技じつぎテスト

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

定期ていき試験しけん

  • 16回かい目めの授業じゅぎょうで定期ていき試験しけんを行いおこないます
    • 事前にじぜんに勉強べんきょうしてほしいので、14回かい目めを目安めやすにこれまでの知識ちしき問題もんだいを再さい掲載けいさいします
試験しけん場所ばしょオンライン
試験しけん内容ないよう選択せんたく式しきのテスト
試験しけん時間じかん50分
試験しけん範囲はんい授業中じゅぎょうちゅうに実施じっしした知識ちしき問題もんだいから出題しゅつだい

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

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

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

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

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

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

Webサイト作成A
目次