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

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

Webサイト作成A
目次

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

Microsoft Teamsにログインし、授業じゅぎょうの会議かいぎに参加さんかしてください。

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

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

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

  • マークアップの説明せつめいとして正しいただしいものはどれですか
    • 文書ぶんしょ構造こうぞうがわかるように、文書ぶんしょに目印めじるしをつけていくこと
    • 文書ぶんしょの内容ないようをユーザーに伝えるつたえること
    • Webサイトのデザインをすること
    • 見出しみだしを指定していすること
    • 文書ぶんしょの内容ないようをコンピューターに伝えるつたえること
  • HTMLの原則げんそくとして間違ってまちがっているものはどれですか
    • 全角ぜんかくで記述きじゅつする
    • 文書ぶんしょ構造こうぞうを記述きじゅつする
    • デザインは記述きじゅつしない
    • 開始かいしタグと終了しゅうりょうタグをセットで記述きじゅつする
    • 文書ぶんしょの内容ないようを記述きじゅつすることはできない
  • HTMLで文書ぶんしょに関するかんする情報じょうほう（メタデータ）を示すしめすのに使用しようするタグはどれですか
    • head
    • html
    • body
    • a
    • h1
  • HTMLで「段落だんらく」を示すしめすのに使用しようするタグはどれか
    • p
    • a
    • h1
    • body
    • paragraph
  • HTMLで「アンカー」を示すしめすのに使用しようするタグはどれか
    • a
    • href
    • html
    • link
    • anchor

良いよいデザインとは

  • 「良いよいデザイン」とは何かなにかを考えかんがえましょう

良いよいデザインとは

VS Codeの便利べんりな使い方つかいかた

  1. 新規しんきファイルを作成さくせいして、HTMLファイル（index.html）として保存ほぞん​しましょう
  2. ページ最さい上部じょうぶで「!」を押してTabキーを押すおすと、基本的きほんてきなHTML文書ぶんしょが出力しゅつりょくされます
  3. 「en」を「ja」に修正しゅうせいしましょう​
  4. <title>Document</title>を​<title>自分じぶんの学籍番号がくせきばんごう
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10CK0000</title>
</head>
<body>
    
</body>
</html>

HTMLタグ

実際じっさいに使われているHTMLタグを学んでまなんでいきましょう。

HTMLタグ（順番じゅんばんなしリスト）

  • Unordered List
  • 同格どうかくの情報じょうほうを並べるならべる（箇条書きかじょうがき）
    • 買い物かいものリスト
    • ToDo　など
<ul>リスト全体ぜんたい
<li>リスト項目こうもく
<ul>
  <li>リスト項目1</li>
  <li>リスト項目2</li>
  <li>リスト項目3</li>
</ul>

HTMLタグ（順番じゅんばんありリスト）

  • Ordered List
  • 順番じゅんばんのある情報じょうほうを並べるならべる
    • 手順てじゅん
    • 成績せいせき順じゅん　など
<ol>リスト全体ぜんたい
<li>リスト項目こうもく
<ol>
  <li>リスト項目1</li>
  <li>リスト項目2</li>
  <li>リスト項目3</li>
</ol>

HTMLタグ（説明せつめいリスト／定義ていぎリスト）

  • Description List／Definition List
  • 説明せつめいリスト／定義ていぎリスト
    • 用語ようごの説明せつめい
    • 項目こうもくと内容ないよう　など
<dl>リスト全体ぜんたい
<dt>説明せつめいや定義ていぎされることば
<dd>説明せつめいや定義ていぎ
<dl>
  <dt>ことば1</dt>
  <dd>ことば1の説明</dd>
  <dt>ことば2</dt>
  <dd>ことば2の説明</dd>
</dl>

実践じっせんしてみよう

以下いかの内容ないようを自分じぶんで考えかんがえて、HTMLでマークアップしてみましょう。

  • 家族かぞくの名前なまえ
  • 好きすきな食べ物たべものトップ3
  • かんたんな自己じこ紹介しょうかい（名前なまえ、出身しゅっしん、趣味しゅみ　など）

それぞれどの「リスト」を使えばよいでしょうか？

課題かだいの提出

課題かだいを提出しましょう。

CampusApp

  • 「出欠しゅっけつ・課題かだい」から提出しましょう
  • 課題かだいセクションにある今日きょうの授業じゅぎょうの欄らんから提出できます

知識ちしき問題もんだい

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

CampusApp

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

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

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

Webサイト作成A
目次