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

目次

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

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

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

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)とは、コンピューターでファイルの種類しゅるい表すあらわすため​に使われる文字もじのことです。
ファイル名ふぁいるめいに​ドット「.」をつけて、その後にあとに​アルファベットや数字すうじを1~4文字もじ拡張子かくちょうしをつけます。

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

拡張子かくちょうしは、ファイルの種類しゅるいや、ファイルを作成さくせいしたアプリケーションによって異なりことなります。

拡張子かくちょうしれい

  • Wordの拡張子かくちょうしファイル名ふぁいるめい.docxファイル名ふぁいるめい.doc古いふるいWord)
  • Excelの拡張子かくちょうしファイル名ふぁいるめい.xlsxファイル名ふぁいるめい.xls古いふるいExcel)
  • PowerPointの拡張子かくちょうしファイル名ふぁいるめい.pptxファイル名ふぁいるめい.ppt古いふるいPowerPoint)
  • HTMLの拡張子かくちょうしファイル名ふぁいるめい.htmlファイル名ふぁいるめい.htm古いふるいhtml)

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

拡張子かくちょうしれいなんのファイルか
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かい授業じゅぎょうのテキストを参考さんこうに、テキストエディタに自己じこ紹介しょうかい入力にゅうりょくしてみましょう。

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

デスクトップテキスト形式けいしき保存ほぞんします。
「ファイル」→「名前なまえ付けつけ保存ほぞん」​

ファイル名ふぁいるめい学籍番号がくせきばんごう(ckは小文字こもじで)とします。
れい)26ck1234.txt

ファイルは閉じないで!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CampusApp

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

知識ちしき問題もんだい

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

CampusApp

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

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

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

目次