授業の準備
- ヘッドホンやイヤホンは耳からはずしてください
- ペットボトル以外の飲み物を教室に持ち込むことはできません
- Microsoft Teamsにログインし、授業の会議に参加してください。
- CampusAppにログインしておきましょう
前回の復習
前回の知識問題
- 拡張子とは何ですか
- ファイルの種類を表すために使われる文字のこと
- 動画や画像のこと
- HTMLのこと
- ファイルの名前のこと
- ファイルを保存すること
- 「.txt」は何の拡張子ですか
- テキストファイル
- 文書ファイル
- 画像ファイル
- アプリケーションファイル
- 動画ファイル
- 「.pdf」は何の拡張子ですか
- 文書ファイル
- 音声ファイル
- 圧縮ファイル
- 画像ファイル
- 動画ファイル
- 「.jpg」「.png」「.gif」は何の拡張子ですか
- 画像ファイル
- 動画ファイル
- アプリケーションファイル
- テキストファイル
- 圧縮ファイル
- 「.mp4」は何の拡張子ですか
- 動画ファイル
- 音声ファイル
- アプリケーションファイル
- テキストファイル
- 文書ファイル
- 「.mp3」は何の拡張子ですか
- 音声ファイル
- 動画ファイル
- テキストファイル
- 画像ファイル
- 圧縮ファイル
- 「.exe」は何の拡張子ですか
- アプリケーションファイル
- 圧縮ファイル
- 画像ファイル
- テキストファイル
- HTMLファイル
- 「.zip」は何の拡張子ですか
- 圧縮ファイル
- アプリケーションファイル
- 音声ファイル
- 動画ファイル
- 文書ファイル
- テキストエディタとは何ですか
- テキストファイルを編集するアプリケーション
- ファイルの種類を表すために使われる文字
- HTML
- Visual Studio Code
- 文書ファイル
- 「John Smith」という名前をカタカナで書くのに最も適切なのは
- ジョン・スミス
- ジョン スミス
- ジョンスミス
- ジョン／スミス
- ジョン＝スミス
テキストの配布
本日のテキストを配ります。
- テキストを受け取ったら、学籍番号と名前を書いてください
- テキストは捨てないでください。次回以降も持ってきてください
文書の構造
文書（document）とは、文だけでなく、画像やイラストなども使って情報を残し、他の人に伝えるためのものです。HTMLでは、主に文書をマークアップします。
文書は、「見出し」や「段落」など、いくつかのパーツ（要素）で構成されています。
| タイトル（Title） | 文書全体の名前 |
|---|---|
| 見出し（Heading） | すぐ後に続く「段落」や「リスト」、「表」の名前 |
| 段落（Paragraph） | いくつかの文をまとめたもの |
| リスト（List） | 短い文を並べたもの |
| 表（Table) | 短い文やデータを縦横にまとめたもの |
この5つのパーツ（要素）はこれから何度も出てきますので、覚えるようにしましょう。
文書のサンプル
タイトルのサンプル（文書のタイトル）
見出しのサンプル（段落を説明する見出し）
これは段落のサンプルです。これは段落のサンプルです。これは段落のサンプルです。これは段落のサンプルです。これは段落のサンプルです。これは段落のサンプルです。これは段落のサンプルです。
見出しのサンプル（リストを説明する見出し）
- リストのサンプル
- リストのサンプル
見出しのサンプル（表を説明する見出し）
| 表のサンプル | 表のサンプル |
|---|---|
| 表のサンプル | 表のサンプル |
文書内でどのように使われるか
タイトルの詳細
- 文書全体の内容を知らせるもの
- 短い文です
- 文書の中で一度だけ使われます
見出しの詳細
- すぐ後に続く段落やリスト、表の内容を知らせるもの
- 短い文です
- 文書の中で何度も使われます
- 見出しが示す範囲によって、いくつか種類があります
- 見出し1〜見出し6
段落の詳細
- 文脈（context）が同じいくつかの文をまとめたもの
- 長い文です
- 文書の中で何度も使われます
リストの詳細（2種類）
順番のないリスト
- 順番のない文を並べたもの
- 短い文です
- 文書の中で何度も使われます
- 「見出し」と一緒に使われることが多いです
好きなフルーツ
- リンゴ
- バナナ
- レモン
順番のあるリスト
- 順番のある文を並べたもの
- 短い文です
- 文書の中で何度も使われます
- 「見出し」と一緒に使われることが多いです
たまごを料理する
- たまごを割る
- たまごを混ぜる
- たまごを焼く
表の詳細
- データや文を内容に合わせて縦と横に並べたもの
- 短い文や数字です
- 「表の見出し」と「表のデータ」があります
文書の構造とマークアップ
文書をマークアップする
文書に「文字」や「記号」を追加して、コンピューターに文書の構造を伝えることを「マークアップ」といいます。
教材のダウンロード
CampusAppから、今日の教材をダウンロードしましょう。
圧縮ファイル
「text_structure.zip」は圧縮ファイルです。
デスクトップに展開（圧縮したファイルをもとに戻すこと）しましょう。
圧縮ファイルの展開方法
ダウンロードした圧縮ファイルを右クリックして「すべて展開」を選びます。
展開できたら、圧縮ファイルはゴミ箱に入れましょう。
文書の構造：A
ファイル「text_structure_a.txt」を右クリック→プログラムから開く→Visual Studio Code
Visual Studio Codeの「表示」メニューから「右端での折り返し」をしましょう。
- タイトルには タイトル：
- 見出しには 見出し：
- 段落には 段落：
とつけましょう。（全角で入力）
作業が完了したら、ファイルを保存して、閉じます。
文書の構造：B
ファイル「text_structure_b.txt」を右クリック→プログラムから開く→Visual Studio Code
Visual Studio Codeの「表示」メニューから「右端での折り返し」をしましょう。
- タイトルは ＜タイトル＞ と ＜／タイトル＞
- 見出しは ＜見出し＞ と ＜／見出し＞
- 段落は ＜段落＞ と ＜／段落＞
というふうに範囲を指定しましょう。（全角で入力）
作業が完了したら、ファイルを保存して、閉じます。
課題の提出
課題を提出しましょう。
CampusApp
- 「出欠・課題」から提出しましょう
- 課題セクションにある今日の授業の欄から提出できます
知識問題
今日の授業内容を知識問題で復習しましょう。
CampusApp
- CampusAppの「CBT（知識問題）」から、知識問題にチャレンジしましょう
- 100点が取れるまで、繰り返し挑戦しましょう
- 期末の定期試験は知識問題の中から出題します
パソコンの再起動／シャットダウン
授業の終わりに必ずパソコンを再起動（次に他の授業がある場合）、またはシャットダウン（次に他の授業がない場合）してください。