Webサイト作成さくせいA(第だい04回かい)

目次

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

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

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

Webサイト作成さくせいA(第だい03回かい)

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

  • 1993年ねんに登場とうじょうした、文字もじと画像がぞうを同時どうじに表示ひょうじできるブラウザの名前なまえは何でなんですか
    • NCSA Mosaic
    • Google Chrome
    • Microsoft Edge
    • Apple Safari
    • Mozilla Firefox
  • (ユーザーレベルで)インターネットのプロトコルの組み合わせくみあわせとして正しいただしいのはどれですか
    • Web(HTTP)+Eメール(POP/SMTP)+ファイル転送てんそう(FTP)
    • Web(HTTP)+Eメール(POP/SMTP)
    • Web(HTTP)+ファイル転送てんそう(FTP)
    • Eメール(POP/SMTP)+ファイル転送てんそう(FTP)
    • Web(HTTP)+Eメール(POP/SMTP)+ファイル転送てんそう(FTP)+LINE(LP)
  • プロトコルとは何でなんですか
    • 通信つうしんのルール
    • インターネットでの住所じゅうしょ
    • IPアドレスを文字もじに変えたかえたもの
    • IPアドレスとドメインとを変換へんかんする仕組みしくみ
    • HyperText Markup Language
  • IPアドレスとは何でなんですか
    • インターネットでの住所じゅうしょ
    • IPアドレスを文字もじに変えたかえたもの
    • IPアドレスとドメインとを変換へんかんする仕組みしくみ
    • Transmission Control Protocol/Internet Protocol
    • 通信つうしんのルール
  • ドメインとは何でなんですか
    • IPアドレスを文字もじに変えたかえたもの
    • コンピューターに情報じょうほうの意味いみや文脈ぶんみゃくを理解りかいさせること
    • IPアドレスとドメインとを変換へんかんする仕組みしくみ
    • Transmission Control Protocol/Internet Protocol
    • HyperText Markup Language
  • 「HTML」は何の略なんのりゃく称ですか
    • HyperText Markup Language
    • HyperTouch Markup Language
    • HyperText Makeup Language
    • HighText Markup Language
    • HyperText Markup Land
  • HyperTextとは何でなんですか
    • 文書ぶんしょをお互いにおたがいつなげる仕組みしくみ
    • ブラウザのこと
    • パスワードのこと
    • 文字もじをタグで囲うかこうこと
    • コンピューターに情報じょうほうの意味いみや文脈ぶんみゃくを理解りかいさせること
  • Markupとは何でなんですか
    • 文書ぶんしょの構造こうぞうを指定していしたり、文書ぶんしょ同士どうしの関係かんけいを指定していしたりすること
    • 文書ぶんしょをお互いにおたがいつなげる仕組みしくみ
    • コンピューターに情報じょうほうの意味いみや文脈ぶんみゃくを理解りかいさせること
    • ブラウザのこと
    • World Wide Webのこと
  • セマンティックとは何でなんですか
    • コンピューターに情報じょうほうの意味いみや文脈ぶんみゃくを理解りかいさせること
    • 文書ぶんしょをお互いにおたがいつなげる仕組みしくみ
    • インターネットでの住所じゅうしょ
    • IPアドレスとドメインとを変換へんかんする仕組みしくみ
    • IPアドレスを文字もじに変えたかえたもの
  • DNSとは何でなんですか
    • IPアドレスとドメインを変換へんかんする仕組みしくみ
    • コンピューターに情報じょうほうの意味いみや文脈ぶんみゃくを理解りかいさせること
    • Transmission Control Protocol/Internet Protocol
    • 通信つうしんのルール
    • NCSA Mosaic

テキストの配布はいふ

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

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

拡張子かくちょうしについて

拡張子かくちょうし(extension)とは、コンピューターでファイルの種類しゅるいを表すあらわすため​に使われるつかわれる文字もじのことです。

ファイルの種類しゅるい:Wordのファイル、動画どうがのファイル、写真しゃしんのファイル など

拡張子かくちょうしの使い方つかいかた

ファイル名ふぁいるめいに​ドット「.」をつけて、その後にあとに​1~4文字もじのアルファベットや数字すうじを加えます。

ファイル名ふぁいるめい:file01
ファイル名ふぁいるめいにドット(.)をつける:file01.
ファイル名ふぁいるめいの後にあとにアルファベットをつける:file01.docx

拡張子かくちょうしは、ファイルの種類しゅるいや、ファイルを作成さくせいしたアプリケーションによって異なりことなります。
また、ほとんどの場合ばあい、拡張子かくちょうしは3文字もじ〜4文字もじです。

Webサイト作成さくせいで知っておきたい拡張子かくちょうし

拡張子かくちょうし例れい何なんのファイルか
.htmlファイル名ふぁいるめい.htmlHTMLファイル
.txtファイル名ふぁいるめい.txtテキストファイル
.pdf などファイル名ふぁいるめい.pdf文書ぶんしょファイル
.jpg/.png/.gif などファイル名ふぁいるめい.jpg/ファイル名ふぁいるめい.png/ファイル名ふぁいるめい.gif画像がぞうファイル
.mp4 などファイル名ふぁいるめい.mp4動画どうがファイル
.mp3 などファイル名ふぁいるめい.mp3音声おんせいファイル
.exe などファイル名ふぁいるめい.exeアプリケーションファイル
.zip などファイル名ふぁいるめい.zip圧縮あっしゅくファイル

Windowsで拡張子かくちょうしを表示ひょうじする

Windowsでは、何もなにも設定せっていしていない状態じょうたいでは拡張子かくちょうしが表示ひょうじされていないことがあります。

  • 「エクスプローラー」のアプリケーションを起動きどう​
  • 「表示ひょうじ」→「表示ひょうじ」をクリックし、​「ファイル名ふぁいるめい拡張子かくちょうし」 にチェック​
  • パソコンによってはこの設定せっていを毎まい回かい行うおこなう​可能性かのうせいがあります

テキストエディタ

テキストエディタとは​

  • テキストエディタとは、テキストファイル(シンプルな文書ぶんしょ)を編集へんしゅうするアプリケーション​
  • Visual Studio Code:Microsoftが開発かいはつしたテキストエディタ​

テキストエディタに入力にゅうりょくして保存ほぞんする

第だい1回かいの授業じゅぎょうのテキストを参考さんこうに、テキストエディタに自己じこ紹介しょうかいを入力にゅうりょくしてみましょう。

STEP01:新規しんきファイルの作成さくせい

「ファイル」→「新しいあたらしいテキストファイル」

STEP02:自己じこ紹介しょうかいを入力にゅうりょく

  • 名前なまえ
  • 出身しゅっしん
  • 好きすきなもの、得意とくいなもの
  • 嫌いきらいなもの、苦手にがてなもの
  • 卒業そつぎょうしたらやってみたい仕事しごと

例れい)
ヨシダタカユキ
日本にっぽん
ねこ、サッカー
病気びょうき、バスに乗るのること
会社かいしゃの社長しゃちょうになりたいです。

STEP03:ファイルの保存ほぞん

デスクトップにプレーンテキスト形式けいしき(.txt)で保存ほぞんします。
「ファイル」→「名前なまえを付けつけて保存ほぞん」​

ファイル名ふぁいるめいは学籍番号がくせきばんごう(数字すうじは半角はんかくで、ckは小文字こもじで)にしてください。
良いよい例れい)26ck1234.txt
悪いわるい例れい)26ck1234.txt、26CK1234.txt

ファイルは閉じないで!

情報じょうほうをまとめる

以下いかの2つは同じおなじ内容ないようの文章ぶんしょうですが、どちらがわかりやすいですか。

自己じこ紹介しょうかい(1)

私わたしの名前なまえは神戸こうべ太郎たろうです。好きすきなことはサッカーです。日本にっぽんの兵庫ひょうご県けん出身しゅっしんです。私わたしは将来しょうらい、会社かいしゃの社長しゃちょうになりたいです。嫌いきらいなことは電車でんしゃに乗るのることです。私わたしは現在げんざい、日本経済大学にほんけいざいだいがくの1年生ねんせいです。

自己じこ紹介しょうかい(2)

私わたしの名前なまえは神戸こうべ太郎たろうです。
日本にっぽんの兵庫ひょうご県けん出身しゅっしんです。

好きすきなことはサッカーです。
嫌いきらいなことは電車でんしゃに乗るのることです。

私わたしは現在げんざい、日本経済大学にほんけいざいだいがくの1年生ねんせいです。
私わたしは将来しょうらい、会社かいしゃの社長しゃちょうになりたいです。

文章ぶんしょうの中になかにある情報じょうほうの数かずが多いおおいときは、内容ないようが近いちかい文章ぶんしょうをまとめるとよいです。

まとめる:集めて、近くちかくに置くおくこと(put them together)

日本語にほんごでの名前なまえの書き方かきかた

パソコンやスマートフォンで、カタカナを使って名前なまえを書くかく時ときの書き方かきかたを覚えおぼえましょう。

  • アルファベットでは
    • Nguyen Van Anh
  • カタカナで書くかくと
    • グェンヴァンアイン
  • 全角ぜんかくスペース(ここでは全角ぜんかくスペースを□にします)で区切ったくぎった場合ばあい
    • グェン□ヴァン□アイン
  • 中黒なかぐろ(・)を使った場合ばあい
    • グェン・ヴァン・アイン
      • 日本語にほんごでは、外国人がいこくじんの名前になまえには「中黒なかぐろ」を使うつかうことが望ましいのぞましい​です
      • ファーストネーム、ミドルネーム、ファミリーネームの区切りくぎりは中黒なかぐろ(・)を使います
      • 複合ふくごう名めい(ジャン=リュック・ゴダール など)ではイコール(=)を使います
  • 自分じぶんの名前なまえを書くかくのにカタカナと「・」を使ってみましょう

自己じこ紹介しょうかいを編集へんしゅうしましょう

先程さきほどのファイルをテキストエディタを開いてひらいて、「情報じょうほうをまとめる」と「日本語にほんごでの名前なまえの書き方かきかた」に気きを付けつけながら、自己じこ紹介しょうかいを編集へんしゅうしてみましょう。

課題かだいの提出ていしゅつ

CampusAppから課題かだいを提出ていしゅつしましょう。

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

知識ちしき問題もんだい

CampusAppで、今日きょうの授業じゅぎょう内容ないようを復習ふくしゅうしましょう。

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

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

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

目次