Introduction to Information
and Communication
Technology (a)
5th week: 1.4 Transmission, exchange and evaluation
of information Kazumasa Yamamoto
Notice
This lecture is one of the experimental “bilingual” lectures on the “Super Global University” program. This lecture is given in JAPANESE using English slides.
Main points of this week
•Transmission of information • Platform •WWW • Web page • HTML •Text editor今回のポイント
情報発信 プラットフォーム WWW Webページ HTML テキストエディタPlatforms for transmission of information
For many unspecified people, or a few specified people?
Anonymous? Real name? • Blogs • BBS(2ch, etc) • Facebook • Google+ • LinkedIn • Instagram • Twitter • mixi • LINE • YouTube • niconico
情報発信のプラットフォーム
不特定多数向け? 少数特定者向け? 匿名?実名? • ブログ • 掲示板(2ch等) • Facebook • Google+ • LinkedIn • Instagram • Pinterest • Twitter • mixi • LINE • YouTube • ニコニコ動画・生放送 他にもたくさんWWW
World Wide Web
An information space where documents and other web resources are identified by URLs, interlinked by
hypertext links, and can be accessed via the Internet.
Hypertext Markup Language (HTML)
The standard markup language used to create web pages
Markup Language: A system for annotating a document in a way that is syntactically distinguishable from the text. The idea and terminology evolved from the
WWW
World Wide Web
インターネット上で提供されるハイパーテキストシステ ム
Hypertext Markup Language (HTML)
ウェブ上の文書を記述するためのマークアップ言語 マークアップ言語:見栄え(フォントサイズなど)や、見
栄えには現れない文章構造などが、明確に示された 文章などを表現するための形式言語
Try to make a web page
“Introduction to Information and Communication Technology”
⇒ “Getting Down with HTML”
Try Exercises of “Lesson 1” and “Lesson 4”
All Lesson 1 exercises, but only No. 1 for Lesson 4 with “three” favorite websites.
Make a mini-report
Put an image (screen shot) of your webpage into the report
Webページを作ってみる
“Introduction to Information and Communication Technology”
⇒ “Getting Down with HTML”
“Lesson 1”と“Lesson 4”のExerciseをやってみる
ただし、Lesson 4は1番だけで、自分の好きなWebサイ
トのリンクの数は3個とする
ミニレポートを作成すること
自分で作ったWebページのスクリーンショットを貼る
Text editor
A software to edit a text file
You can edit an HTML file as a text file by an editor.
Notepad
A simple text editor for Microsoft Windows
WordPad
A basic word processor for Microsoft Windows You can use this as a text editor.
WordPad can display a UNIX text file correctly.
テキストエディタ
テキストファイルを編集するためのソフトウェア HTMLファイルをテキストファイルとして編集できる。 メモ帳 Microsoft Windows標準のシンプルなテキストエディタ ワードパッド Microsoft Windows標準のワードプロセッサ テキストエディタとしても使える UNIXテキストファイルを正しく表示できる 改行コードが異なるためCharacter encoding
A character code allocation system ISO-2022-JP (iso-2022-jp)
commonly referred to as JIS code
Shift_JIS (shift_jis)
Default of Windows (JP)
EUC-JP (euc-jp)
used in UNIX system
UTF-8 (utf-8)
used in common currently
<html lang=“ja”>
文字のエンコーディング
文字に割当てる文字コードの方式 ISO-2022-JP (iso-2022-jp) 俗に言うJISコード Shift_JIS (shift_jis) 日本語Windowsのデフォルト EUC-JP (euc-jp) UNIXでよく使われていた UTF-8 (utf-8) 最近は共通でこれを使う <html lang=“ja”> <meta charset=“Shift_JIS”>How to get screen shot
By using “Snipping Tool”
Search by “how to use snipping tool”
http://windows.microsoft.com/en-us/windows/snipping-tool-faq#1TC=windows-7
http://windows.microsoft.com/ja-jp/windows/use-snipping-tool-capture-screen-shots#1TC=windows-7
By using “Print Screen” key
Search by “how to use printscreen” or “printscreen”
http://windows.microsoft.com/en-us/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-7
http://windows.microsoft.com/ja-jp/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-7
スクリーンショットの撮り方
“Snipping Tool”を使う
“how to use snipping tool”でサーチ
http://windows.microsoft.com/en-us/windows/snipping-tool-faq#1TC=windows-7
http://windows.microsoft.com/ja-jp/windows/use-snipping-tool-capture-screen-shots#1TC=windows-7
“Print Screen”キーを使う
“how to use printscreen” または “printscreen” でサーチ
http://windows.microsoft.com/en-us/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-7
http://windows.microsoft.com/ja-jp/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-7