「ウエッブページ作成において必要とされるファイル管理とネットワーク基礎知識」

(1)

「ウエッブページ作成において必要とされるファイ

ル管理とネットワーク基礎知識」

著者

中村徹

雑誌名

鹿児島大学農学部農場技術調査報告書

巻

16 ページ

14-25

URL

http://hdl.handle.net/10232/9639

(2)

(3)

LAN

の

ｲﾒｰｼﾞ図

［人数分］のプリンタが不要

SERVER

Printer

Internet

とは？

•

• ［ネットワーク］

［ネットワーク］

の

［ネットワーク］

–

世界中の

［

_LAN

LAN

］

と

［

_LAN

LAN

］

のつながり

•

• ［

［

_LAN

］

とは？

–

狭い

範囲のﾈｯﾄﾜｰｸ

• • 11つの建物、同じ敷地内の隣接した建物間・・・程度つの建物、同じ敷地内の隣接した建物間・・・程度

–

L

ocal

A

rea

N

etwork

の略称

•

• ［

［

_WAN

］

とは？

–

広い

範囲を

COVER

_COVER

するﾈｯﾄﾜｰｸ

（

_Internet

も含む）

•

• ［鹿児島本社］［鹿児島本社］とと［東京支社］［東京支社］の［の［LANLAN同士］同士］を結ぶ場合を結ぶ場合

–

W

ide

A

rea

N

etwork

の略称

世界規模

のネットワーク

Computer Network

とは

•

• Computer Network

Computer Network

– –ｺﾝﾋﾟｭｰﾀｺﾝﾋﾟｭｰﾀ同士同士のつながりのつながり • • 様々な規格様々な規格ののComputerComputerのつながりのつながり – –ルールがあるルールがある • • 世界共通言語世界共通言語が存在が存在 – –情報情報を運ぶを運ぶ •

• Internet MailInternet Mailが有名が有名

ﾙｰﾙ

に従った

情報を運ぶ

_Computer

の繋がり

ネットワーク

～

決まり事

•

• ２．ルール

２．ルール

– –鉄道網鉄道網 • •ダイヤダイヤというルールというルール – –効率運行効率運行・・事故回避事故回避 – –電話網電話網 • •話し手同士の共通語話し手同士の共通語 – –理解理解し合える事が前提し合える事が前提

正常

に運ぶ

決まり事

決まり

事

正常

な

運営

ネットワーク

～

運ぶ

•

• ２．運ぶ

２．運ぶ

– –列車の役割列車の役割 • •線路を利用し線路を利用し人や物人や物を運ぶを運ぶ – –電話網の役割電話網の役割 • •電線・電波を利用し電線・電波を利用し音声等音声等を運ぶを運ぶ

何かを

運ぶ

役割

運ぶ

繋がりの

役割

ネットワーク

～

つながり

•

• １．つながり

１．つながり

– –交通網交通網 • • 駅と駅が駅と駅が線路線路でつながっているでつながっている – –土砂災害土砂災害での切断での切断 – –風雪災害風雪災害での切断での切断 – –電話網電話網 • • 電話機電話機どうしどうしのつながりのつながり – –電線・電波電線・電波での繋がりでの繋がり – –災害災害での切断での切断

網状のつながり

ネットワークとは？

•

• １．つながり

１．つながり

– – 網状網状ににつながってつながっている状態いる状態 • •例例：：鉄道網鉄道網・・電話網電話網

•

• ２．運ぶ

２．運ぶ

– –つながりつながりを利用してを利用して運ぶ運ぶ

•

• ３．ルール

３．ルール

– –正常正常にに運ぶ運ぶためのルールためのルール

ネットワークの

共通点

Internet

について

鹿児島大学

農学部

唐湊果樹園

中村

徹

仕組み～歴史まで

(4)

16 Internet

Internet

年表

～

商用化

•

• １９９０年

１９９０年

_ARPA

ARPA

解体

–

Internet

商用サービス

開始

– –東西ドイツ東西ドイツの併合の併合ちびまる子ちゃん開始ちびまる子ちゃん開始

•

• １９９３年

１９９３年

日本

で始動

–

BROWSER

の開発

• •モザイクモザイク（有料）（有料）

–

日本で

サービス解禁

– –細川細川連立内閣誕生、連立内閣誕生、平成大不況平成大不況・・皇太子・雅子皇太子・雅子さまさま御結婚御結婚 – –サッカーサッカーＪリーグＪリーグ開幕開幕・・香西かおり香西かおり無言坂無言坂

商用利用

ちびまる子ちゃん公式サイトより画像借用

Internet

年表

～

規格整備

•

• １９８３年（

１９８３年（

昭和５８

）

–

規格整備

と

基盤

•

•TCP/IPTCP/IP －－ InternetInternetのの共通語共通語

– –田中角栄田中角栄氏実刑判決氏実刑判決・・戸塚ﾖｯﾄｽｸｰﾙ戸塚ﾖｯﾄｽｸｰﾙ・・矢切りの渡し矢切りの渡し・・さざんかの宿さざんかの宿

•

• １９８０年代（

１９８０年代（

昭和５５

）半ば

–

学術利用

に重点

– –長島長島巨人軍監督辞任巨人軍監督辞任、王、王選手選手引退引退 – –別れても好きな人、順子別れても好きな人、順子 – –NHKNHK特集「シルクロード」特集「シルクロード」

共通規格の整備

Internet

年表

~

_~

始まり

•

• １９５０年代（

１９５０年代（

昭和２５～

）

–

米・ソ

冷戦

• •［宇宙］［宇宙］・・［軍事］［軍事］開発競争開発競争＋＋［核］［核］戦争の戦争の恐怖

恐怖

– –第一次第一次ベビーブームベビーブーム（（団塊団塊の世代）の世代） – –朝鮮戦争勃発→朝鮮戦争勃発→軍事特需軍事特需（東京キッド）（東京キッド）

•

• １９６９

１９６９

年（

昭和４４

）

–

ARPAnet

誕生

• •分散分散_ComputerComputerをを繋ぐ繋ぐ →→ 戦争に備える戦争に備える – –ｱﾎﾟﾛｱﾎﾟﾛ1111号号のの月面着陸月面着陸学生運動（東大安田講堂落城）学生運動（東大安田講堂落城） – –ﾊﾟｲﾛｯﾄｴﾘｰﾄﾊﾟｲﾛｯﾄｴﾘｰﾄSSはっぱふみふみはっぱふみふみ、長崎は今日も雨だった、長崎は今日も雨だった

核戦争への備え

有事時の

_Internet

Internet

破壊

部分

破壊

破壊 →

_STOP

しない

_Network

Network

Internet

でのﾃﾞｰﾀの届き方

Computer

を

相互

に

つなぐ

Internet

以前の通信

壊滅

Internet

の誕生

•

• 軍事目的

軍事目的

– –米国・国防総省（米国・国防総省（ARPANETARPANET）） • • DATADATA分散分散 • • 通信網の破損通信網の破損に耐えるに耐える

•

• 民間開放

民間開放

による広がり

– –研究所・大学・企業研究所・大学・企業 – –個人個人への波及への波及

起源

→

米国・国防総省

冷戦終結冷戦終結

WAN

の

IMAGE

_IMAGE

通信事業者が提供する［電話回線］や［専用線］通信事業者通信事業者が提供する［電話回線］や［専用線］鹿児島本社 _LAN 東京支社 _LAN 宮崎支社 _LAN

(5)

セキュリティ・ホームビデオ

１

Security.exe

［セキュリティ］

について

Video

作成：

Ｍｉｃｒｏｓｏｆｔ

マルウエア対策

•

• 防止対策

防止対策

– –ワクチンソフトワクチンソフト • • 税金税金と同等と同等に考えるに考える • • ﾉｰﾄﾝｱﾝﾁｳｲﾙｽﾉｰﾄﾝｱﾝﾁｳｲﾙｽ・・ｳｲﾙｽﾊﾞｽﾀｰｳｲﾙｽﾊﾞｽﾀｰ・・ﾏｶﾌｨｰﾏｶﾌｨｰｲﾝﾀｰﾈｯﾄｾｷｭﾘﾃｨｰ等ｲﾝﾀｰﾈｯﾄｾｷｭﾘﾃｨｰ等 – –知らない人知らない人からのからのメールメールをを開かない開かない – –違法ｿﾌﾄ違法ｿﾌﾄ・・おかしなﾌﾟﾛｸﾞﾗﾑおかしなﾌﾟﾛｸﾞﾗﾑを入れないを入れない – –出所不明出所不明な［な［USBUSBメモリ］や［メモリ］や［CDCD］を入れない］を入れない • • ［［USBメモリ］での感染が増大USBメモリ］での感染が増大

使える！［アドウエア］

例

［宣伝広告］さえ忍べば無料利用できるセキュリティソフト

マルウエア

２

•

• Adware

Adware

（アドウエア）

–

無害

• •広告を目的としたソフトウェア広告を目的としたソフトウェア – –利便性・娯楽・機能を提供する代わりに、広告視聴を求める利便性・娯楽・機能を提供する代わりに、広告視聴を求める •

• Yahoo! Yahoo! ややmixi 等のmixi 等のWebのサービスに含まれるWebのサービスに含まれる •

• King SoftKing Soft・インターネット・セキュリティ・インターネット・セキュリティ

–

有害

• •

Pop UP

広告型広告型 – –BROWSERBROWSERを使っていない時にまで表示を使っていない時にまで表示 • •リンク乗っ取り型リンク乗っ取り型 – –ComputerComputer設定を変更設定を変更 →→ リンク先の書き換えリンク先の書き換え • • 何回かに一回広告先のサイトを開く何回かに一回広告先のサイトを開く

悪意のあるソフトウエア

マルウエア

１

•

• Computer Virus

Computer Virus

（コンピュータ・ウイルス）

– –自己伝染自己伝染 →→ 自己複製自己複製→→感染を広げる感染を広げる – –潜潜伏伏 →→ 特定条件特定条件が揃うまでが揃うまで待機待機 – –発発病病 →→

_DATA

破壊・不安定・バックドア作成破壊・不安定・バックドア作成 • •バックドア・・内部侵入口バックドア・・内部侵入口

•

• Worm

Worm

（ワーム）

–

–NetworkNetworkを介しを介し

_Computer

に入り込み増殖に入り込み増殖

•

•CPU CPU ・・Network Network 負荷の異常増大負荷の異常増大

•

• Spy Wear

Spy Wear

（スパイ・ウエア）

– –USERUSER情報情報の収集の収集 →→ 情報収集者に自動情報収集者に自動送信送信 • •特定の企業・団体・個人特定の企業・団体・個人

悪意のあるソフトウエア

Internet

運営組織

•

• 管理

管理

– –［管理・運営］組織の［管理・運営］組織の不在不在

•

• 自己管理

自己管理

– –自己責任自己責任 • •自分の身は自分で守る自分の身は自分で守る • •自己責任自己責任で対処するで対処する

自分の事は［

自分

で

管理

］

トラブル

自己責任

Computer Network

イメージ

世界

の人々と

情報共有

Internet

共通語

•

• 正しく

正しく

DATA

_DATA

を受け渡す

約束事

– –

Computer

のの共通語共通語 • • TCP/IPTCP/IP –

–TTransmission ransmission CControl ontrol PProtocol/rotocol/IInternet nternet PProtocolrotocol

•

• 接続先を

接続先を

区別

する仕組み

– –世界に世界に一つ一つだけの電子だけの電子住所住所 • • IPIPアドレスアドレス１２桁の数字１２桁の数字例例 →→ 219.102.043.080 219.102.043.080

使うは簡単・論理は難解

(6)

18 FTTH

FTTH

接続

•

• FTTH

FTTH

の利用

（

_F

_iber

_T

_o

_T

_he

_H

_ome

）

–

利用可能地域

利用可能

地域限定

限定

• •［地方］は、利用不可［地方］は、利用不可地域地域ありあり！！

–

ONU

（光回線終端装置）（光回線終端装置） • •光回線引き込み工事（有料）が必要光回線引き込み工事（有料）が必要

–

一般利用で最大スピード

一般利用で

最大スピード

• •理論で理論で100Mbps100Mbps

光ﾌｧｲﾊﾞ

ｹｰﾌﾞﾙ

での接続

ONU

光ﾌｧｲﾊﾞｰ回線

ISP

ISDN

接続

•

• ISDN

ISDN

回線

（デジタル）

の利用

–

１本で

₂

電話番号

＋

ｲﾝﾀｰﾈｯﾄ

–

TA

と

_DSU

（一般的に、内臓されている）（一般的に、内臓されている） • •TATA→→モデムの代わりモデムの代わり DSUDSU又はﾀﾞｲｱﾙｱｯﾌﾟ・ﾙｰﾀ又はﾀﾞｲｱﾙｱｯﾌﾟ・ﾙｰﾀ

–

やや遅い

通信速度

• •最大で最大で64Kbps64Kbps －アナログ回線より体感－アナログ回線より体感22～３倍速～３倍速

DIGITAL

回線

での接続

TA

（

_DSU

内臓）

ＩＳＤＮ回線

デジタル

信号

ISP

ダイアルアップ接続

•

• 一般電話回線

一般電話回線

–

プロバイダへ電話をかけ

プロバイダへ

電話をかけ

て接続

–

音声

（アナログ信号）用の回線

• •デジタル信号のやり取りには［モデム］が必要デジタル信号のやり取りには［モデム］が必要

–

遅い

通信速度

• •最大で最大で_56Kbps56Kbps －実際は・・・－実際は・・・₄₀40前後でした前後でした

一般電話回線

での接続

モデム

一般

電話回線

アナログ

信号

ISP

さまざまな接続方法

•

• 接続方法

接続方法

は色々

– –ダイアルアップダイアルアップ – –ISDNISDN – –携帯電話・携帯電話・PHSPHS –

–CATV InternetCATV Internet – –ADSLADSL – –FTTHFTTH

［接続方法］

と

［必要機器］

接続方法

異なる必要機器

プロバイダの役割

•

• プロバイダ（

プロバイダ（

I

nternet

S

ervice

P

rovider

）

–

–InternetInternet接続接続サービスサービス –

–EE--MailMail利用利用 –

–Web PageWeb Page開設開設 – –専門家の専門家の_SUPPORT_SUPPORT

•

• プロバイダあれこれ

プロバイダあれこれ

– –全国展開全国展開 •

•OCN OCN ・・SOSO--net net ・・NIFTYNIFTY

–

–地元の業者地元の業者

•

•MINC MINC ・・SYNAPSESYNAPSE

インターネット接続業者

Internet

の接続

•

• プロバイダ（

プロバイダ（

_I

I

nternet

S

ervice

P

rovider

）

の役割

–

–InternetInternet接続接続 –

–電子メール電子メール –

–Web Page Web Page 開設開設

•

• 様々な接続方法

様々な接続方法

–

–[[接続方法接続方法] ] ごとごとのの[[必要機器必要機器]]

•

• ISDNISDN・・ADSLADSL・・FTTHFTTH・・CATVCATV

［プロバイダ］

と

［接続］

方法

セキュリティ・ホームビデオ

３

３ ［迷惑メール］

［迷惑メール］

から身を守る

Video

作成：

Ｍｉｃｒｏｓｏｆｔ

Spam.exe

セキュリティ・ホームビデオ

２

２ ［ウイルス・ワーム］

［ウイルス・ワーム］

から身を守る

Video

作成：

Ｍｉｃｒｏｓｏｆｔ

Viruses-worms.exe

(7)

ＡＤＳＬ

接続

•

• ｱﾅﾛｸﾞ回線を利用した接続

ｱﾅﾛｸﾞ回線を利用した接続

•

•（（AAsymmetricsymmetricDDigitaligitalSSubscriberubscriberLLine ine ））

– –［通話に［通話に使われない

使われない

部分］部分］を利用した接続を利用した接続 – –［スプリッタ］で［スプリッタ］で分配

分配

→→ ［電話］＋［［電話］＋［DATA_DATA通信］通信］ – –速い速い通信速度通信速度

ｱﾅﾛｸﾞ回線を利用した

_DATA

のやり取り

ADSL

・ﾓﾃﾞﾑ

ISP

電

話

ｽﾌﾟﾘｯﾀ

ﾓｼﾞｭﾗﾓｼﾞｭﾗｺﾝｾﾝﾄｺﾝｾﾝﾄ

CATV Internet

接続

•

• ケーブルテレビからの接続

ケーブルテレビからの接続

–

CATV

の広帯域回線

の

広帯域回線

を利用して接続

–

［保安器］で

［保安器］で分配

分配

→

［

_TV

］＋［

_DATA

通信］

–

速い

通信速度

ケーブルテレビ

利用者

ｹｰﾌﾞﾙ・ﾓﾃﾞﾑ

ISP

ﾎｰﾑ・ﾀｰﾐﾅﾙ

携帯電話・

PHS

_PHS

等

接続

•

• ダイアルアップ接続形態

ダイアルアップ接続形態

– –ﾌﾟﾛﾊﾞｲﾀﾞに電話ﾌﾟﾛﾊﾞｲﾀﾞに電話 →→ _Internet_Internetにｱｸｾｽにｱｸｾｽ • •外出先での接続は便利外出先での接続は便利 – –割高割高な料金な料金 • •［定額プラン［定額プラン］も出ていますが・・・］も出ていますが・・・ – –速くはない・・・速くはない・・・通信速度通信速度

携帯端末

での接続

携帯電話

PHS

会社

ISP

(8)

(9)

HTML

文書（ブラウザ）

HTML

文書

HTML

文書

HTML

H

yper

T

ext

M

arkup

L

anguage

［

Web Page

］

を記述するための

［

言語

］

文書

構造

・

見栄え

・

画像

等の情報を

埋め込む

ブラウザ

を利用して見る

Internet ExplorerInternet Explorer

SafariSafari（サファリ）（サファリ）

Google ChromeGoogle Chrome（グーグル・クローム）（グーグル・クローム）

Web Page

HTMLHTMLﾄﾞｷｭﾒﾝﾄﾄﾞｷｭﾒﾝﾄ文字ﾃﾞｰﾀ文字ﾃﾞｰﾀ書式書式ﾊｲﾊﾟｰ・ｼﾞｬﾝﾌﾟﾊｲﾊﾟｰ・ｼﾞｬﾝﾌﾟﾃﾞｰﾀはﾌｫﾙﾀﾞ内ﾃﾞｰﾀはﾌｫﾙﾀﾞ内イラストイラスト写真写真動画動画音声音声ブラウザ表示

ワープロソフト

１つ

の

ファイル

文字文字画像画像

ワープロ

・

ソフトとの違い

ワープロソフト

［

画像

］

を含めて

１つ

のﾌｧｲﾙ

として保存

Web Page

［

HTML

文書

］

を中心に

複数

の

ファイル

として保存

＋

［

HTML

文書

］

＋

［

画像

］

＋

［

音声

］

等

Web Page

の

仕組み

HTML

についての基本知識

鹿児島大学

農学部

附属農場

唐湊果樹園

中村

徹

(10)

22 作成上の注意

作成上の注意

２

２ デザインに注意

デザインに注意

キバツな色

見る人を見る人を疲れ疲れさせるさせる

動く画像・文字・・・

多用多用→→疲れ疲れさせるさせる

統一感

作成上の注意

１

１ トップページは

トップページは

_index.htm

_index.html

最初に表示

するためのルール

プロバイダによって

違う場合

がある

default.htmdefault.htm などがあるので確認が必要などがあるので確認が必要

画像

は

小さ

く

表示に

時間

がかかると嫌われる（見ない）

GIF

→

256

256 色

色

イラストやロゴに良い

JPG

→

1677

万色のフルカラー

写真用

HTML

文書（フォルダ内）

HTML

文書（タグ）

(11)

利用可能な記号

○◇□△▽☆●◆■▲▼

★◎◯♂♀〒

ΦΧΨΩαβγδεζη

ﾏｰｸ

学術

記号

ギリ

シャ

＋－±＝≒≠≦＜∴∈⊆

⊃∪∧￢⇒∃∠∇≡√∬

他にも沢山あります。ご自分で調べてみて下さい。

避けるべき文字一覧

№ ㏍ ℡ ㊤㊧

㈱㈲

㈹㍾㍽㍼㍻

㎜㎝㎞㎎㎏㏄㍉

㌔㌢㍍㌧㌶㍑ ①

ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ

省略

文字

単位

装飾

ﾛｰﾏ

異なる規格の

_PC

PC-9800シリーズ

日本・NEC製［９８文字９８文字］と呼ばれるｼﾘｰｽﾞでのみ表示できる文字

Macintosh

規格規格のゴタゴタ（二転三転）シェアシェアが小さい

DOS/V

WindowsWindows標準システム外字標準システム外字に統一 1992年という早い段階～参考資料：ウィキペディア

機種依存文字・半角ｶﾀｶﾅ

機種（環境）依存文字とは？

どんな機種でも表示表示できるとは限らない限らない文字文字化け文字化けする確率が高い高い文字異なる機種間のデータ交換の時 → 自分はOK

半角カタカナ

Web Page

使えない文字

鹿児島大学農学部附属農場

唐湊果樹園中村徹

(12)

24 文字化けはどうして起こる？

［ソフトウェア］のトラブル

ﾊﾟｿｺﾝ通信時代→ﾊｰﾄﾞｳｪｱ上の文字化け頻発

［ハードウェア］のトラブル

今日→ソフトウェアに起因する文字化け多

［エンコーディング］の違い・・・など

文字化け（ばけ）とは？

文字表示の際、正しく表示されない現象

例：「文字化け」 → 「

•¶Žš‰»‚¯」と表示

世界共通語「

Mojibake」

欧米においては対応する単語がなかった

日本語以外の言語圏でもローマ字にした

文字コードの種類

Unicode(UTF-16)の日本語文字ｾｯﾄ charset=UTF-16 Unicode(UTF-8)の日本語文字ｾｯﾄ charset=UTF-8 EUCｺｰﾄﾞの日本語文字ｾｯﾄ charset=EUC-JP SJISｺｰﾄﾞの日本語文字ｾｯﾄ charset=Shift_JIS 半角カナを除くJISコードの日本語文字ｾｯﾄ実際には、半角カナが入っている場合もある charset=ISO-2022-JP 米国やﾖｰﾛｯﾊﾟで使われている文字ｾｯﾄ charset=ISO-8859-1

文字コードの種類

事実上［４種類］が利用されている

JISコード

zｲﾝﾀｰﾈｯﾄで最も標準的

SJIS(Shift-JIS)コード

zMicrosoft社が決めたコード

EUCコード

zExtended Unix Codeの略、日本語UNIXで使われている

Unicode

zﾕﾆｺｰﾄﾞ・ｺﾝｿｰｼｱﾑによって制定された文字ｺｰﾄﾞ z世界中の文字を表現しようとしている

ウエッブページで見られる記述

Content-Type" content="text/html; charset=euc-jp

文字コードが何で記述されているかを示す下図は、Yahoo! JAPANのｿｰｽｺｰﾄﾞ［［euc_euc--jpjp］］を利用している事がわかるを利用している事がわかる

［文字コード表］のサンプル

0x47 0107 71 G 0x46 0106 70 F 0x45 0105 69 E 0x44 0104 68 D 0x43 0103 67 C 0x42 0102 66 B 0x41 0101 65 A 0x40 0100 64 @ 16進 8進 10進 コード文字

「ウエッブページ作成において必要とされるファイル管理とネットワーク基礎知識」