com jp kr

(1)

1

2006.12.11

(2007.1.17)

¡ ¢¢£

All RightsReserverd,

c

+09'00'

(2)

ÌÇÍÊ

Ø 4.ã ¸r L5/, É8Z + 8& gRÎ Y< ¨¸r 4vh5

. n ).E 9*? .'7 H7 +$8 &,vh GÏÎ HR R¸

9 .< ã¸ rLJ1 K G13 +8 &þW « s.: ã(

& 6 G ; ( > ? . ' 7 H- ª0 ( & / 4v hI5 4v hI I5 L I

Iì.E9++%&8H-

4vhI5|u<(.2v+rø'7G,2003|Ô`ä.4v

hB54vhC5.nL=-ïM'8H(gÊ*CM,Mãp

ï>H.q8CMLR½&8H)-

4vhI I5|2v+.oÀrø'7H,gR¸9+=³Äu<

+H(L¶üÒH-2003|Ô`ä.4vhB54v

hC5.nLF+> ?.(*#&8H-

ª0 /. 8+4v hI I Ix5 +$8 &?Z« )LþW , #%

. ö) +/à F*# -I F+ $8& .l +$8 &/,4¸ r6v

h7 .ã¸ rL. ¯)5(v hGÏÎ vh GÏ¸9 .< 4gY¸

r6vh7K96<20065åßpp.60-79)+8&®_&8H.

',"FLÁdI 8-

Ø4.ã¸rL5/,8'.J·.*+$8&/ñ8+*#

& E8? .( H-; ,ÎY. ô¿ .¨+ 8&, ¸9L øµ (&

J ·. * H ti /,(1)9 ®m. ¸ 9. n. J· C¢ L õ# &

8 ! ,(2)9 ë+ 8 L _ï & ( Lw ö+, ñ8 ** L

y >H- ; ( . wö '/ *8 ,(3)* ós +$ 8& ¿ Lh l

H(Ò;8-

(ãØ(WG_fWj)

(»Üé)

î 8(ÊÜé)

A§ ¾(Ü9éÍÜé)

Ý¸/ Þ(éäªÜé)

*É© ?Ä("/§Ç3ÿ)

7- à(36'9éâYFej)

àú 0ú(«ºýÜé)

ÒÕ >õ(ÜòÜé)

6(ÊÜé)

.(ÇÜé)

0 ô×(«ºýÜé)

§ 5(3Üé/Üé)

(Æ_jcBUdO)

(3)

I $I 7

1 JCFgm2±æ 9

1.1 K0A1)!%J1.* . . . 9

1.1.1 )!%J1.øØ¿}. . . 9

1.1.2 ÃÐ=1G. . . 14

1.1.3 WWW. . . 19

1.2 K0A1)!%J1.'uª . . . 22

1.2.1 )!%J1+l=õ.ª . . . 22

1.2.2 )!%J1.'uª. >.) . . . 23

1.3 Web5%.« . . . 27

1.3.1 Web61(HTML . . . 27

1.3.2 .5.Ô¬(5G1% . . . 32

1.3.3 HTML.;;*y . . . 35

2 ±æü% 41 2.1 =$43(;A(1CK . . . 41

2.1.1 ;;*=$43 . . . 41

2.1.2 ;A(1CK(;A(#4 . . . 43

2.2 vh..5 . . . 46

2.2.1 3'I($4G . . . 46

2.2.2 ¢..5 . . . 49

2.2.3 Oé..5. . . 52

2.2.4 «..5. . . 55

2.3 vh2÷(ê.[À . . . 58

2.3.1 K0A1(ê.vhGÏ . . . 58

(4)

2.3.2 B15K171 . . . 62

2.4 Web5%.\ç(¨ . . . 66

2.4.1 Web5%.Z3I . . . 66

2.4.2 \ç¼ . . . 68

2.4.3 ¨/þk¼ . . . 76

3 6hP_m@±æ 79 3.1 3IE;Kvü . . . 79

3.1.1 &F%G6E+EH3IE;K/ . . . 79

3.1.2 3IE<.z<Ô& . . . 82

3.2 ®þµ3IE< . . . 84

3.2.1 8KLÉ# 3IE< . . . 84

3.2.2 3(=1CK . . . 87

3.3 K0A1(8Fµ*ñ]GÏ . . . 89

3.3.1 K0A1.Z . . . 89

3.3.2 3IE<(8Fµ*ñ]GÏ . . . 92

3.4 vh(û½®ð . . . 95

3.4.1 û½(.®ð3I. . . 95

3.4.2 û½®ð3I.ì:J*çÅ . . . 97

4 ±æDì 101 4.1 5¹ý(vh) . . . 101

4.1.1 .¯G.vh2÷(K0A1. . . 101

4.1.2 ;;*vh#< . . . 103

4.2 ;;*%1F1 . . . 105

4.2.1 )!%ý(8 . . . 105

4.2.2 )!%ý.ð;G(8vh . . . 108

4.2.3 vhý.'uª . . . 111

4.3 vhý+HZi(û½À . . . 113

4.3.1 vhý+HZi . . . 113

4.3.2 vhý.û½À . . . 114

4.3.3 vhý+H'uª. . . 118

4.4 vhý(8 . . . 119

4.4.1 vhýL³Hp' . . . 119

(5)

4.4.3 vh(¿. . . 124

II $II 127 5 6hP_m@Sf3bZh3 129 5.1 K0A1.](3IE< . . . 129

5.1.1 *3IE;K+$8&Î5.? . . . 129

5.1.2 K0A1(8F . . . 131

5.2 JavaScript+EH3IE;K . . . 133

5.2.1 vå.GÏ.(å . . . 133

5.2.2 ØMI . . . 137

5.3 ÔG^(ë¢ . . . 142

5.3.1 ÔG^ . . . 142

5.3.2 ë¢¬ . . . 144

6 'd7c=[Em@l 151 6.1 3GF<(._k . . . 151

6.1.1 3GF<(¼µli . . . 151

6.1.2 ÔG^Lï=3GF< . . . 156

6.1.3 3Lï=3GF<. . . 159

6.2 $1Z(3GF< . . . 162

6.2.1 ñL8H3GF< . . . 162

6.2.2 $1Z.R7 . . . 165

6.3 ú.û½6.¶ . . . 168

6.3.1 H1& . . . 168

6.3.2 x¹ . . . 170

6.3.3 ñ . . . 172

7 \E('cDb:m±æµ¬ 175 7.1 =$43F#E1 . . . 175

7.1.1 8=$43.(5 . . . 175

7.1.2 =$43.Mê(Ë . . . 178

7.2 vhçÏ('uª . . . 181

7.2.1 vhçÏ(._k . . . 181

(6)

7.3 vhý+H( æ(_k . . . 188

8 ±æ:<D[±æDì 197 8.1 vh#<(.Ý³ . . . 197

8.1.1 vh#<.¬(8 . . . 197

8.1.2 vh#<.;;*Ý³ . . . 198

8.1.3 ýÔ]+Hvh#<.0Ò . . . 200

8.1.4 z~.vh#<(8.vh#<ãµ . . . 202

8.2 ô¿+Hvh#< . . . 204

8.2.1 ô¿Ô](vh#<. . . 204

8.2.2 W6>(vh#< . . . 206

8.2.3 ô¿R.9«+Hvh#<.+% 208 8.3 vh#<.Z(fª . . . 211

8.3.1 vh#<.Y(I+®HL . . . 211

8.3.2 vh#<.<(fª . . . 212

8.3.3 vh#</).E9+$FIH . . . 214

8.4 $1.æÏ. . . 219

8.4.1 vh#<LÕHvh($1. . . 219

8.4.2 vh#<($151 . . . 220

8.4.3 vh.Ô. . . 223

(7)

ÄÅ I

(8)

(9)

ÖÒÕáÊÉ

1.1 é2öû3ïõðó13æ

1.1.1 JCFgm29ö%

6hP_m@JCFgm2E

JCFgm2(network)(/?(?(4õy.?.5(890ä'7G,

Fõ øy+ ó3$8 ; ;* æSL Ôï 6( & 8F

I&8H-6Ä)9.vhõ?)!%J1'7H,©.mö+E#

&ó0I&8H¸bõ?)!%J1'7H-

6hP_m@JCFgm2(computernetwork,*h'/v^.·I

* 8 t i / v + 4)! % J1 5 ( 7 )( /, K 0A1 * ) . v h

2÷ LB8 +[¡ H (+E# &' H¨ õ. ('7 G,[¡ I

2 ÷)9 .¨ ' H (',vh 2÷. *_ª An ª»

T# -*h'/)!%J1.;;*ò+$8&ÎM'8-

JCFgm2l

q®,ÎY,ýn*).Ëµ»8©-'FIH)!%J1LLAN(Lo cal

AreaNetwork)(:5-I+®,T8©-+; H)!%J1L

WAN(WideAreaNetwork)(:5(1.1)-

J¢ .)! %J1 LB +[¡ H(, IF .) +[¡ I 2

÷) 9' ?¨ ',u ( &1$.» *)!% J1( &\

- ( 0, » 6 ó *LAN/ ¨ u, [ *LAN. ; G ' ' & 8

H,WAN?J¢.LANLB[¡&FI&8H(©8-

(10)

F+WAN)9 L[¡& EG»*)! %J1L H(?'

H-. E9 +&, ¦¸u +; H )!%J1 LÝ « ?.

)h@mJCF(The Internet)'7H-8 .q®A©.z ~/Sf

M)A(5K1)!%[¡¿þ)Z«HWANLä8&5K1)!

%+Ám&8H-

LAN

学校などのＬＡＮ

プロバイダのＬＡＮ

家庭のＬＡＮプロバイダのＷＡＮ

プロバイダのＷＡＮ

企業等のＷＡＮ

エクスチェンジ

（中継点）のＬＡＮ

プロバイダのＷＡＮ

海外接続インターネット＝世界中にまたがるネットワークの集合体

1.1: LAN,WAN,5K1)!%

JCFgm2'Ge<kG\)h

ª0 /L A8 ÞL H( +,8 .I (ír LL ( +E#&

GcLÔ¬H-I(^E9+,)!%J1p'¨Hti?,

8cL f¬ H I+ QH 'Ge <( +*H- 5K 1)!%

+ [¡ I&8 HK 0A1. 3&H / G\) h(: 0IH ?.'

(11)

ルート（根）

com jp kr

企業等

全般日本韓国

ad ac co go 政府機関

mext kantei

首相官邸 root,

文部科学省

1.2: &=5K.¼Z

& =5 Kí /,8 $ .í r(E 5G),4.5 +E# & ÎZ FI

Ý' .5 IH- II .E5 G/, BF y+O #&ì ¼+» Mê

F[ M ê L. E9 + *#& 8 H- ( 0, 4kantei.go.jp5 (8

9&= 5Kí/,yF F+mí(u Ø)L. 4jp5,z~.ê(¬:

2ë)L.4go5,z~.ír(Ü²)L.4kantei5.3$.E

5 G + E# & Z« I & 8 H- I F .E 5 G + E H M ê /,1.2+ ï

E9*¼Z(÷Z)L*&8H-

? y. E5G /,¼ Z. p+ (*H .',FC SeU dG \)

h(TLD)( : 0 I, . & =5 K H m *) L . ? » *M ê

(*H-2Oé.TLD/mL.,jpuØ(Japan),ukKm(United

Kingom),krím(Korea)*)(*#&8H-

(E<:&=5Kí(.æÏ)

V m/Ø us(United States)'7H ,5K 1)!% .f . V

m' 7 Hë Ù F, V m' /edu ¸9 2 ë,gov¬ : z~ *) M þ

(+ f Y .TLDLÉ 9-com(W z ~),org( F *} )*) ? ^

'7# ,5 '/V m*½ .z~ '? 6d' ,0% FCSe Ud

G\)h(gTLD)(:0IH-

& =5 K L) . E9 + M i H /, ÃTLDL æÏ Hz ~+ . -F

I H-z~ A8 /æÏz ~+, !& &=5 KíL 6d, * H

('H-

(12)

JCFgm2'Ge<:IP'Ge<

& =5K í/ ê+ /K GA 8Ý' .5 I&8 H, K0A1

'MÓ E GÏ H+/ O8& 8*8- ', K0A1 ) 9.

AG6G'/,ð;# z8,Ñµ+/4,5%(1,5%/8/!

%).IP'Ge <+E#&¨ 8Lf¬ H-IP3&H/ ¨u,Ã

, 5 % . L02255. ¢ ' 7F K , I F L 4.5 '$ * & (

0ì.E9*Ý'.7H:

1

192.0.34.166

&=5 Kí(IP3&H.®^/DNS(DomainNameService)(:

0IH<LÉ#&7H('H-I/,&=5Kí1.2'

ï E 9 * ¼ Z + *# & 8 H (L * , & = 5K í (IP3 & H

.®^ L`ê : .M Ã$1 51 LÁd H (+E G,f¬

. 1,+ AzL +¦¸ Fx 0.& =5K íþ ¹' H

<(*#&8H-

SfF6d8mO<

)! %J1 '$ *I K0A1 Avh 2÷ /,. vhL ð>

F I 1+#&AG6 GH-.1.(L SfF6d(protcol)

( : 5- 5K 1 )!% + [¡ I &8 H 2÷ /,TCP/IP( : 0 IH

3I%GL8&¨La9-

TCP/IP'/,7&.¨/N4CF(:0IH:¬5*h.4

;G5v+'aKI&8H-ILN4CFcÿ(:5(1.3)--!

% +vF *8 »* $1/, '-! %+M ®& G,

' 0.Ý +z <Ô& H--! %Há kó' /,J¢ .yI F .$1

Ç . ä öL 4 r G5 ', ¨ ö L MÓ µ + * ' H( ! v

¿&H(u+¨*H)- 2

5K1)!%/¦¸.x0.K0A1)9TCP/IPL8

&¨'HE9+&I&8H,ú+ÃÐ=1G,WWW,)!

% Ãþ *), ;; *JC Fgm2 8mO<L * 'H >+ /,

1

IP}p4»ßÿÊÌfzqÑ#IP}p6Ç#ÐÎ$Æµ

Í

2

B ¹¸ ¼ 3 Õ »õ ¾ 5 ª ) º1D» Z Ñ r Ì µ B ¼ ¯ » Z Ñ WM ¬ Í ¦ Î

Ñ ·õÁmZøt ¶¼1ªµ£Í· Bªº¹Ì´¹ Ë ¹£¹Í ¬¶

(13)

中継点中継点３

４

１２

５ＣＢＡ

ＤＥ

ＦＧ

パケットに分解して投入

パケット単位で伝送

必要なら再組み立て

1.3: -!%Há

IF .1 /L ¯± &I H8m M(:0 IH K0A1 ?( '

7H- B1 80 .K 0A1p '1 /L * H > . 1%

673 L] (, IF . 1%67 3 )!%J1 ä8 '1 ,p

.3 IE <+[ ¡,$1 LA G( GH (' 1/ * '

H-

JCFgm28

K 0A1 * ). v h 2÷ LLAN+ [¡ H > + /, LR( : 0

IH2÷L0,Ã2÷(+2.êL)!%J112G(UTP1

2G,1.4)'[¡H-+2/,+[¡I x0.2÷)9.

ê'hLAG(GH2L¯±&8H(1.5)-

J ¢. )! %J1 (LAN* ))L B + [¡ H. +/, dm @(:

0I H2 ÷LÉ H- G1/ &c; '+J ¢.)! %J1 Lä 8

H(.7H-!%L°8kO+å&8\Lê$-

1.4: UTP12G()

q®.[Û.G1'/,q®n.LAN(3I,5¯±HWAN

(14)

ハブ

C C

ルータ

他のネットワークとの接続／中継

プリンタ家庭などのＬＡＮ

ＵＴＰケーブル

Ｃ：コンピュータ

1.5: [6ó*LAN(+2/G1

*&?=E9+LAN.+2?nI&8H?.©8-

É'/,LAN.¨+12G.¹KG+ÃL8HLAN

< && 8H-; ,O, Ò\,? ¼* ). K³. tI' ?,7!

% 9!% ( :0 I HK * n * ëmLAN1 / ¯± I& 8

H-

(E<:Ã.Þb)

ëmLAN/ Ã L É#& ¨ L a 9 >,^ ¢ °L É H2 ÷

7H ti/, Ã. Þb 8G, ¨ Ê$ " G, ¨ ( *

*# G H- ëmLAN. 6 Å. 9" + /,Ã Ð HK .Ã *) (

¢ "*# &8H ?.? 7G, . >, ( 0,Ã ÐHK LÉ

+/ëmLAN.¨9;a*8(7H-

1.1.2 N/\md

N/\md

N / \m d(electric mail, e-mail)( /, K 0A1 ' « 4Ã

Ð µ*8 Þ5L )!%J1 L 8&8 F 86 H1 /'

7 H- H =!1 /# % ! ,« Ag¶ *) .vh

?6mH('H-

8' E H( 7H Þ. 8Þ( /68, ÃÐ=1 G/)! %J1

+[¡ I& 8Ht I'7 I0,¦ ¸. )' 7#&? zëê '.

(15)

.=!1L1Ê+J¢+;(>&H(?n(*H-

ÃÐ=1G.3&H/,:§+ì.E9*ÝL&8H:

B1í@&=5Kí

(04jun@example.net5.ti,junB1í,example.net5

& =5 Kí' 7H- '& =5K í/,=1 GL 6H 8 É#

&8H=1G1,L(¢[?/ê[µ+)Ô¬,B1í/.=1

G1,LÉ#&8H4u5&LÔ¬H-

N/\md*TCA

Ã Ð =1 G ' /,To: (& c),Cc: (û ),Bcc: ( ç . û ).3

¨G .k l' GcL Ô¬' H- G8 =1G=! 1L H

(,IL80.\md8mM6G,IF.&cvhL4&,(J

¢7I0II.)8c.=1G1,+=!1L#&IH-

=!1 / 8c .=1 G1, '` æI, 8 /ñM .=1G 1

,F=!1L6Gú&i=(1.6)-

メール

サーバメール

サーバ

メッセージ保管場所

ＣＣ

送り手受け手

SMTP SMTP SMTP

POP IMAP

1.6: =1G1,+EH=!1.å

G 8 F80 .=1 G1,, 80 .=1G 1, F 8.=1 G

1,6.¨+/SMTP(SimpleMailTransferProtocol)(:0IH

3I % GÉ KIH- =1G1 , F=!1 L6 Gú H. +/

(16)

From: "Jun-chan" <jun@example.net>

遠足の集合時間 Subject:

Date: Sun, 08 Oct 2006 11:19:15 JST To: nao@example.jp, mana@example.jp Received: from mailer1.example.jp ....

Received: from relay1.example.net ....

Cc: "Jun-chan" <jun@example.org>

淳です。

遠足の集合時間、何時だったか忘れてしまった。

教えてくれないかな。よろしく。

淳 jun@example.net

ヘッダ

本文

1.7: ÃÐ=1G=!1.Z«

ÃÐ=1G.=!1/TCA(.C+¡Ý+MI&8H(

1.7)- Ø O /=! 1 . n + Q H- 4! / =1 G1 , % 9

C M', =1G1 ,/ =1GL å H( + + =!1 L%#

uëA ) F *).v hL+ 7û &8 .',

=! 1 .4! vhL Ád H(, =!1 ) .E9 +å I

& H('H-.1.1+,¹.µ*4!vhLï-

4! v h. ',=! 1 «ë +* þÔ ¬ H./, ¨u,

½í(Subject:)(&c.3&H'7H-&c.9",To:,Cc:(carb on

copy,QJ û +/ 18 KÞ L/ M' L8 ( F & 8H)+$ 8

& /,=1G 1, /Ô¬ ? .L .;; Ç. ', þ/ u(u

+=!1FI (&u&c'uû*.)LH(

' H-Bcc:(blind carb on copy). vh /(ç . û * . ') R

I, u ç . û L 6# / M F* 8 E 9 + I H( .

>,Bcc:' 6# =! 1 +5 0 + ^ H( ñ M ç . û

L6# (M#&;9.',0('7H)-

Ã Ð=1 G/O éLø Ø( A G6G '7H .',=! 1. ØO

+Oé.<LÉ# #%=1GøØ'7H-,MIME(Mul-

(17)

.1.1: ÃÐ=1G.4!vh

From: þ.3&H

To: &c.3&H

Reply-To: þFÔ¬ ^ë+#&83&H

Cc: 01(&H&c.3&H

Bcc: 01(&H&c.3&H

ÃÐ=1Gl8 c'/3&H4!+ÇF*8

Subject: =1G.½í

Date: uë

Received: )!%J1p'=1GÅI 7û

ÅaKIH(+¦mIH

Zá H (+ E#&,« AJ1 &3 I! A.ç Å1 %' #

125GL=!1+½6&H(?n'7H-

ÃÐ =1G +/* H 2÷A, Ý³ +E#& ØOA 4!v h* ).

Ýó ZK H( 7H- *h' /, .68 +$8 &,Ñ ìLH &

4&8-

±£NÀ%qN/\md

á° Ãþ '/,80 .á °Ãþ ý ;7. :amF \md*) (:0 I

H=! 1 2? 7H, 5K 1)!% .Ã Ð=1G .k © ÉK

I& 8H- .ti /&c A4! R.È z</ p'_ ï :§. ti

(^'7H-

! ,á° Ãþ' /`¤ 'H $1 ã I8) » *8* ).

¨17H >,4!vh/1.8.E9+,þ,½í,uë,

& c( . ì' / .ï I &8 * 8)( 8# [ 7 .? . Á FI

*8-; ,þ.vh?,3&HÃþ+ÆûI&8Hti/,

=1G3&H.¹KG+ír.ïIH*).2?7H(1.8(a))-

. 2 /,u F=1G KG A, f+=1 GØ O+

ñM .í r*) LL *& ?, ;A(1 CK+ /û½ /* 8-f

+,6 ÄAq *) . 8( .=1 GHá '/,Ø O+í rLí rH

(18)

(a) (b)

1.8: á°Ãþ6.=1G

« GÔ# &8H ;A( 1CK Ý³ '7G, - KR' AG( G

I H. ¨.Ã Ð=1G ãµ' /,u . =1GL L8& 8H Lír

H *),á °Ãþ p.=1 GHá (/3 *H( 89 (L0 ô& (

7H-

N?6h.N/\md

- K *) L 8 Ã Ð=1 G . AG 6 G /' /, \mbm(; /

Ã Ð =1G 1 %) ( :0 IH 1 % 673 L 8& =!1 L i <L

H.øØµ*(9F7H)kl'7H-.kl'/,)!%J1

+$*#&8*&?=!1LiM!G« G'H.'(ú

+=!1LH(/)!%J1+$*H(7H),

*1 %- K* )L* & 4] *F =1GL i<L H (

+©É#&8H-

.8 ,5 '/2 E6 L 8&1 ,+3 =!1 .

i<LLa9,Web\md(:0IHÝ³'*H(?©8-Web

=1 G' /,1, +=!1 A 8\ ¬` ¤ I&8 H.', 5K

(19)

R.fY*\¬LH(**'H-. >,ÜacR'ÃÐ=1

GLAG(GLH.+_*'7H-

1.1.3 WWW

WWW9ö%

WWW(WorldWideWeb)/,5K1)!%p.Ã'K»I&

8 HWebVm;( :0I HÝ .v hL )!% J1ä 8' 4H ( '

HE9*vh#<'7H-

Ｗｅｂサーバ

ブラウザ

リンク

（ＵＲＬの情報が埋め込まれている）

インターネット

ＵＲＬが他ページを指し示す

サーバから取り寄せて表示

Ｗｅｂページのデータ

1.9: WWW.1Ï

WWW'/,Web61/ ¦¸+©¢x\ &8HWeb8mM+

E#& K» I& 8H- &, B1/ ñM .8? (. K0A1 '

R b *9(Web2 E 6)( :0 I H 1 % 673 L ] (',Web

1,F.vhL6Gú&i=('H(1.9)-

Web61.+/¨.61RLÔch2(:0IHvhLÛ>p

= (' ,FK L¨ &© ¢. 61 72µ +ó3 iK# Z

FIH(ILL )NmD1 <F(89)- ¨.61L Ô&8 H

FK L oÀ H(, .61 1, F6 Gú FI& &, I

;'4&8 61.¹KG+.ïIH(1.10)-

WWW'/, Ã61 /HTML(Hyp erText Markup Language)(

:0 IHð ;# L k' 7* I& G,I +EG 2E6 /)

(20)

Ｗｅｂサーバ

ブラウザインターネット

リンク選択

→取り寄せ

新しいページに表示が切り替わる

1.10: FK.1Ï

Web1,(2E6.ê.¨+/HTTP(Hyp erTextTransferPro-

tocol)(8 9³¨ .3 I% GÉ KI& G, I+E# &2E 6/

¦¸.).Web1,F'?vhL6Gú& H('H-

; WWW'/,FK*)';;*?.(Web61,«12

5 G, 6 K & 125 G * ), )! %ä 8 ' 6 G ú F I H ? . u §)L

Ô ¬ H . +URL(Uniform Resource Lo cator)( : 0 I H ð ;# Ý

ó . 3& H L 8 H(1.11)- I +E G, ¦¸ .) .Web1

,+7H?.'?^E9+Ô¬,(*F6GúH(n+*#

-

http://www.jaxa.jp/about/index_j.html

取り寄せ方法サーバパス名

1.11: URL.Z

URL. c [ C M /, ) . E 9 + & . Ô & 8 H ® m L 6 G ú H

LÔ¬&8H-4http:5(*#&8H?./HTTP3I%

G + E GWeb1 , F 6G ú H vh ' 7 H- . t i, 4//5 +¡

8 & . Ô & 8H ®m L 6G ú HWeb 1 ,. &= 5 Kí 7 H-

.C 4/5* h/ . 1, .) + 7H k( 89 ír(- í). ?.

L 6 Gú H L Ô¬ &8 H-URL/ v+ .1 , +Å I & 8

H 125G LÔ &8 H( ?7H ,. 1,p '] ,v hL

(21)

(E<:WWW./;G)

WWW/1991| +,CERN(D1 I!- Ø Ð L Ï 1 £I)+ µ & 8

1 £þTim Berners-Lee+E#& ï I -WWW' /,2 E6

p 'FK L oÀ &8 ! 'v hL 6Gú H ( ' H-

. ós,5 K1)! %* þ¦ ¸. vhL 8é+ v8' HE 9+

*# - F +,Web1 , + v h L ( ? q * 8 >, 8

' ?çv +vh n( *# - . >,7#( 89ê +© .

WWWL * H E 9+ * G,WWW 5 K 1 )! % L µ +

<H1]å(*# -

WWWü%

8mB ,h ;h(/, 5K 1)!% p. 3 n *61 L¬ 0

µ+nû,.vhLþ¹n*E9+ÏH3IE<'7H-1

8 KK +E#& >F I v h/, þ¹ 5%+ E#&* þ+ ¯±

I H( ! , ¦ ¸ + / Ô »* ¢ . 61 7 H >, . u C L þ

¹ ' HK ' / * 8)- 1 8 K K + E Gv h ã A . ï F, þ¹

Ê* )/3 *H. ',B1 /). þ¹ 5% L* H Lð>, .

fª L$ M!G, 8$ .þ ¹5% L8 &ós LË H* )L

aK*I08*8-

Web1,+125GL0,WebL8&vhn+*H-

vh/,:§+HTMLL*&7*H-Web61.«kl+$

8/C'Î5-

WWW.6Z_I4m:ah

WWW./ >.q /,WWW'vh L H. /Web61 L

H ) Lê# A ô ¿.1 £I * )! !# ,WWWp ']

H °< /AB^CF* ) H(, I F+L p= Ý'v hL Há

H(TaKIHE9+*# -

É ' /, 8 T Âµ + v h + Á m H E 9*Web. * l

& & 8 H- ( 0 R f 3(blog)/,8 Webp ' u 7. E 9

*Ý.vhL8é+K»H >+FI <'7H-; ,Wiki/,

Web p '61 . \ n ', G1 3 'v h L ³ 7 G,

(22)

<¨L (H (+E G,5f ¬©¢ '/* ,7¬ I ©-' vhL

H < ' 7 H- © .SNS' /, < + * H > + ÿ + < (

*#&8HF.`±('7H-

1.2 é2öû3ïõðó13æ¾

1.2.1 JCFgm27VÂ

)! %J1 +/ ©. K 0A1 [¡ I& G, u+© .

;; * IF L* &8 H-. +/ "0L ê# ?8H

>, F ;; *õ. ª³ ;I& 8H- IF+ $8& ÎM'

9-

ÓÅ'2><: Ó Å' 2 ><( /,Ø #< L * ' * 8þ 5 °

+#<L*Ha2L89-#<L*H >.ID(

-J1&LPM',¨.ID'#<L* G,1,3

I E<. AF #471G(ïì)L * &# <+ v

H?.*)7H-

C·(wº: ( wº( /, ¨ ö p. ¨ þ. $1 L ä 8 H 1, A

¨ 2 ÷ '7 û , $1 L` 6 G H a2 L 8 9- 5 K1 )!

% p .¨ u . ¨ / ( hi G Ï La# & 8 *8 . ', 8( M ). ¨

n / ) µ + / 4 n ' 7 H- . >,, Ã Ð=1 G

.=!1pA,Web61.191<+IR.8vhLL

t i/, u + 4 . n ª 7H ( + 0 7 ' 7H- f

+, )! % C! 0 K * ) ' H ! %1 & A Ë a N . h

L v å H ti /, ¨ ( hi I 5 %' 7 H ( L Èy

p'*H("'7H-

±æï| : ¨ . $1 +8 L m, u 6 9¨ L H a2 L

ï| (:5-=1G.å7%'nLLá GIP-!

% . &c L L á & þ. 0 * 8 çÅ 2 6 $1 L H (

8# (n'7H-

±æ¼¸: 0 *8 Ý' v h ¨þ +K » I & ;9 ( L¼ ¸(

8 9- 5 K 1)! % L ¨ v h . ù J /,5 , » * ý û

(23)

A¨ . 4 ? .: = ( *H- ; , É ' / 64 G + E

G, 0 * 8v h A * & 8 H « ò. « L 5K 1 )!

%p+FIH(89%E2G©&8H-F+,P2PL*

12 5 GH á 1% L ¨ & v h F IH ( +E G, ù

J vh.¯5n+*H1?\**8-

5K 1)! %p. ¨/ :§µ + ;; *1, A)!% J1 2÷

L å &$1 .AG (G aKI &8H- # &,å H ¨

öL ÖIH $1/, IF .å 1, A2÷ +3 ' Hþ '7

I0,Ëµçv+4H(n'7H-$&5K1)!%/,

)!% J1* þA æÏþ /5° *( LaK *8( 89ª s_' EF

I &8 , .6ó u +» *# 5 '/,)! %J1 p

+/ "0L ê$B1 Aæ Ïþ 8H(8 9( Lu+ 0ô *I 08

**# (8H-

1.2.2 JCFgm2¬ÂT

JCFgm2¬Â

¬Â*8>1_cD((Security)(/,#<RñM.0

E 9 + * ' (ì:W ì A Î ¾ + E#& * 5 + * F *8), 0

* 8] L * 8(ì:vh .ù J* )L 8 * 8) (L . ¿} '7

H-

)!% J1 .ti /,. ¨m LZ~ G Ão ¾L8 *)

.Ý '.Î ¾LÕ ./ q8 ,:k' .E 9*Î ¾/ 4(® G?

1 *.' 7;G û½+ *H (/* 8-= J,ì. E9* ( û½

+*GA8:

F*89"+)!%J1L¨+ÉKI&;9-

F*89"+2ç.vhL¨+FI&;9-

I/,5K1)!%+2÷L[¡H(',.2÷5K1)!

%+ ñ8+ 3 ' HE9 +* H(^ ë+,5 K1)! %p. u?

.2÷ +ñ8 +3 ' HE9 +*H (89ª ù7 H > '7

H-

*h '/ rþ. û½L Õ8 ' 7Hy k(12 53691 G,C þ.

(24)

$©

J¢.*þ1$.#<L³Hti/,Ã*þ+®&ID

L a ,ID( N< gm G+ E# & Ø ' 7 H L $ © H ( :§

µ'7H-

5 K1 )!%ñ ?,© ¢. * ³ H #< '7H ,80

. -!% Lyk H. /8ê Ñ G H >, yk/ aK* 8.

< ¨'7 H- . >, U8+ )!%J1 LÉ KI& ;K *8 >+

/,12GA2÷+U8+mL$*I*8E9+0H-

: k, ëmLAN. t i/ 1 2G L LÏ µ +4 HK +a *8 .

', kF .yk L8 &5° +É IH (L Õ. <¨ '7H-

ë mLAN'/ ¨ n . P LÕ >+WEP* ). (h 2 É K

IH(©8,(h2L\¬ ëmLAN#1CK/(h1

L ê * 8+ /* '* *H. ',I yk .0Ò ?s (

+*H-

.8 ,)!% J1 +$* # K0A1 L½ C F* '

H E 9 + & 8 H ti /, . K 0A1 LÉ 9 v N. ( J 'ID(

-J1&L8 ykLaKH.<¨'7H-

- J1& /,M sµ+ 5°3 LÕ >+ ?,1 +ê I

H E9 *?. '7#& /*F *8- ( 0,z8 -J1 &'7 I0,

_ 9H Oé. z<i KL [{ Fã 0,Ë µzë ê'- J1&

®R I& ;9-; ,:§ +8 FIH 6A írL .; ;-

J1 &+ H(,ò LL* ®R' F IHn ª g* H-I

F .û½ L H+ /,F I+ 8- J1&L o5 ((, -J1

&L¬0µ+XH(('7H-

: k', FI +8 -J1 &/c + *G "* .', ós(

&°6 .* þ- J1& LÏI &; 9( ?7H- IL Õ

> + /, ( 0 ñ M E # & 8H u Y . ;A (#4 + H2

( * * < ( E 2 .c *)). ír ( Q L* ), * þ ñ + /

c A 8, 7&. ?.L ^ë+ #& 8H¨ /8 *8E 9+,?

.LJ¢z<iK&-J1&LH*).R7('7H-

Q&)'*-md

Q& ) '*-m d(Firewall,ÕwW)( /,? (? ( /w æ. T cL Õ

(25)

(.ê+\&,5Q*3LÕÈz<.(L89-

5K1)!%ñ/).E9*'?*'H,ô¿Az~.)!

%J1,q®n.LAN*)/7H:¬.(Î³/¸</<,ý<,

q )!ÉK*8,É8k?7FI&8H-',5K1)!

%(.(vN+4(*É8k.¨!L¨52LÈÑH(',

½CF.5°3. >.¨L0~'HK'7H-

ú .12 53691 G/,G1 . 2. :C (& 0 I8 &8

H ?.L É9 ( ?7 H, -1 'G K0A1 .OS. 2 +z <

p; I&8 H?. LÉ9 (? 7H.', . >.ø +4 HfY *2

÷*8(?©8-

pÀ

PF$1L`GH >+/,¨$1.(hi7M'7H-

'/,5 K1)! %p' E* IH( hi )+$ 8&_ ï

H-:§+,0.O(ÞÝ,2F5M)L,¬;# kl'Y.O+Zi

,4 !'nKF*8O(pÝ)+H(LpÀ(:5-

+,(hiI OL0+ù(LÙp(E5-

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

B J D H E F G I C

K M O S T L P R N Q

U W V

X Y Z

1.12: Oé.á+EH(h.ì

(0,

HELLO

(89Oé ñL(hiH.+,1.12..+ #& OéLá

H(89klLÉ# &<E9-$;G,ALX+á,BLU+

á 111, ( 8 9 E 9 + O é L á & 8 - H (, ó s / * h .

E9+*H:

DYSSZ

. (hLRO+ ù >+ /,1.12. .LD?H,Y?E(8 9E

(26)

.(h i.k l'$1 .A G6G L *9 >+ /,7F >

\XUWKYBJDMOHSETZLPFVRANGQIC"(89OéñL¨H~

k'i0&8I0E8-I+EG,?¨4I (&?,

.n .L É#&( hi I&8H (K F* I0ë 0ä* Oéñ

+4,nP<4FIH(/*8- 3

: §+, (hi. FhL a9 >+ (* vh L»(E 5- '/,

Oéñ\XUWKYBJDMOHSETZLPFVRANGQIC"6(*H-(hL

8 $1 .A G(G '/,6 .%8 " (* H- 'ï kl

' /(h i(F h. +^ 6L8 &8H ,. E9* (hi .kl

L C» pç ?(:5- ³¨6 (hk ó' /,¨ Hþ )9 ¨þ

+ /¸ *8 Ë»L B8ê "i9- , .k l'/, ç 6L)

. E9+ &B 8+ê "i9 ,; , AG6 GH 8. ¢! ç6

LæÏ*I0*F*8*).û½7H-

eò»pç?

p +*7 ³¨ 6(h kó. 4ÀL ®a H > +,(h i(F h'3

* H6L É, .: kLK »H eò »p ç?_ )I -K»

6 (hk ó/,: © ¢. 8F (hO L 6G,F h 8(

+E8FIH-

6 .« þ/r $.6 L63 '« H- .9" .2( $/Ø .<

ê",¨+/F*8ç6(H-?9:$.6/,K+Æû,

u '?ê $( ( Heò »(H- ',K» 6/( hi. >+

8FI,ç6/Fh. >+8FIH-

r,6.«þLA,A+®&(h$1LJ9(&8HLB

(H(,(h$1.AG(G/*h.E9*8F(*H-

A/ñM.K»6LK+ÆûH

B/A.K»6L6d,IL8&ROL(hiH

B/(hOLA+H

A/ñM.ç6L8&(hOLFhH

I+EG,A/³¨6(hkó.E9+(h¨LH8.¢!

6 Læ ÏH ( ** H- .E9 *kó /,)!% C!0K .

3

fevyÒtÉÑ#³°Sþ¼9Ó¹Õ,¶u9ºÎÍµªÄ»¶.5»

(27)

E9 +,5f ¬©¢ .@ L8 +H E9* ti+, 'u+ @v hL

&?F9 >.(h¨+/5nï'7H-

1.3 WebëåóÜ

1.3.1 WebVm;HTML

HTMLYm2'CS

ª0<ø+H#%vh(Oé.vh)/,v+OéTM'8

H ! (89 ( /* ,44 (5 4h.^5 4$54 54 ¤

( ._ ï5*) ; ;* y ;# Z Lê# &8H- . E9

*, Z L ê# # % L Ý¥( : 5- Ø A¿ ä,Web61, J1

3I 1% '« HL ê*) ?. E9* ZL ê#& G,OL .

ê!(8H-

OL .v h/, .n (*H Oé +m &4) 4( 54)

$5*).,ZL7FKÔÂ±æ?ï;I&8H-

Note...

My name is Jun.

When I was a ...

Note...

My name is Jun.

When I was a ...

表示確認

出力作成編集

1.13: WYSIWYG(4 ;;)kó

J13 I1 %*) .ti /, µ+ ;»( åI H4 ø(^ ?

. «ò+ .ï I&8 &,Oé L«" pM! G,Oé A .ZX LÔ

ï H(, I+^ &« ò.E 9? Zi &ós LÈy 'H- .

E9 *AG kLWYSIWYG(WhatYouSee Is What YouGet, 4

;;)kó(:5(1.13)-

Y. kl( &,n (* HOé (:J +fY *;L vIH (' 6m

(28)

9-Web61 /,HTML(Hyp erText Markup Language)( : 0I

H6':13!3&«H(1.14y)-

Web61.ti,ÉH19K%A*)/i<8.ãµ+E#&Z

K#&H.',1Ïµ+WYSIWYGkóLÉ9('*8-; ,

« ò4 FI* 8. >+ g¶'61 n Li< pH ti* )/

? ? 419 K %5 45 ¤ * 8- . >HTML' /, 44 (

54$54¶5*)II.©-.0äL:13!3'Ô¬,

ú.4k(Ai<pk)/2E6+xHE9+*#&8H(1.14B)- 4

Note...

My name is Jun.

When I was a ...

<h1>Note...</h1>

<p>My name is Jun..

<em>When</em>

I was a ...

NOTE...

My name is Jun.

When I was a ...

ブラウザ

（さまざまな文字サイズ・

フォントが利用可能）

（１種類のフォントのみ、

下線つき可能）

ＨＴＭＬソース

h1:

p:

em:

見出し段落強調

1.14: HTML(:13!3

HTML¥wç

HTMLOL/,Ó[+DOCTYPEZL(+EG,).¤K

.HTML' 7 H L ï ï H (+ *# & 8 H- * h ' /HTML 4.01

2ç¤L8H(+&,ì.DOCTYPEf6L(+H:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

I*e+/HTML.7*La9-HTML'/@3(:0IH;(:1

3! 3)'© - L - M ' Ô¬ H Ý ø Ø( * H- I L &( : 5-

yí+/[OéLÉ9(+H-

4

kJÝ¶&*¬Í¦·¶HTML»jfvÑïìªµ£ÎÍWYSIWYGÀ

7ìsyÇeéÍ ¯¦¶»kJ»æ Õ¼X>ºd¢¹¦ ·ÑU-ªµ

(29)

<yí ¦mÔ¬3> 3 </yí>|»Î(Ý'-=

øØµ*Ý.y-

<yí ¦mÔ¬3>|vh.(1$'1$.y)-

»Î((vh.)+/¦mÔ¬L$H(?7H-'-=

y .+, F+ Y. yLv IF IH- .(, B86 8+

*#&/8*8:

s <a> ... <b> ... </b> ... </a>

o <a> ... <b> ... </a> ... </b>

+ 8H4<5,4>5/ fY*Oé' 7G,.;;' /OL.n

(&É9('*8-É8 8ti/II4<54>5

( L ( 7 H- ; , . > + 4&5 ?f Y * O é ' 7 G, O L .

n(&É8 8ti/4&5(L(7H- 5

9HHTMLÝ¥

HTMLOL+/ª7,ì.yï;I&8H(7H-

<html>3</html> | HTMLOL uL 7FK- .n +/

heady(b o dyy.F'vH-

<head>3</head> | 4! (HTMLO L ñ + ë H vh L v

IHCM)L7FK-

<title>3</title>|HTMLO L.5%GL7FK- (

heady.n+*I08*8-

<body>3</body> | HTMLOL . Ø O(2 E 6 . n +. ï

IHn)L7FK-

OL .n L7F K y* 8( K3G I *8. ',(G 7

ì.2$.yLÉ9(+H-

<h1>3</h1>|»4(- 6

<p>3</p> | $-HTML'/ <¨ . 4. O5? $ *) k

F.y.+vIH(7H-

ì+çv*HTMLOL.ìLï:

5

lt¼lessthan(ÊÌØ)gt¼geraterthan(ÊÌh)amp¼amp ersand(fz

þ)ËR°H[

6

<h1></h1> Ë<h6></h6>Ä ¶ »6 » Q ] Ì Ä þ h ¡ Ã ¸ ]

(30)

<html>

<head>

<title>sample</title>

<head>

<body>

<p>HTML18m<ngm>n1ÇûmQIn5þ0

þ(]jHBR[öhHTML7þ(8ZaEL5þ0

ùú7ë5Óõ0=i÷èóh</p>

</body>

</html>

1.15: çv*HTMLOL..ï

.HTMLOL L2 E6 ' .ï E9 L1.15+ï -2 E6

h1y(»4( )L » 8Oé ',$ L[ 8O é' .ï &8

H ( MH- ; ,2 E6 .G LZ t i?,2 E6 .

(31)

nL7FKyL?9\!ÎM'-

<pre>3</pre>|Ý<#%-.y.n/ÒA´

a4.;;5ÇIH-

<hr> | Î ZGm(vh. )-n .Z Iø* )L7 FK `m

L>-

<br> | ¶ ¨´a(vh .)- $* ).n /2 E6 +E#

&ñ]µ+ÝIH,(+´a 8(J7I0bry

+E#&Ô¬H-

<em>3</em> | ¶ - . y .n / 5 F! + * H *

),øÔ$E9+.ïIH-

prey Ahry/ RfC 2e Ud &( :0I, $ (^ ñ+ %9(

$.n+/vIFI*8)-$(p)A4((h12h6)?2I!H5

Gy'7H-:k,bryAemy/)hb)h&(:0I,Oé

*)(^ñ+%9(($*).n+vIH)-

1.16: çv*HTMLOL..ï(2)

IFLÉ# ì?ï&(1.16):

<html>

<head>

(32)

<head>

<body>

<p>brÍßê9g·È7Æ1<br>1Ûê

óøò2í1îh</p>

<hr>

<p>ûgpreÍßê9g¿å1ù7

÷èóøò2í1îh</p>

<pre>

û2ê9g

ò7

é5h

</pre>

</body>

</html>

»P ì ½.HTMLL .; ;12 5G +«" pM '(12 5G í. à#

/ 4.html5 + H (), 2 E 6 ' » 8 & . ï & <E(O h

. /Z&E8)- F+(Oh LA&<E- .GL

Z G,J¢.2E6'..ïLË&<E-

1.3.2 ÏY0E<@)d:mF

HTMLÏY0E

;'+ÎM!E9+,HTML'/4/$54/4(5

* ), II .©- .40ä5 LÔ ¬H- I+ ®,O éA â.

,$.Ý*)4.5(4 )5LÔ¬H.+/,<@)d:mF(

:0IH2LÉ9-

5G 1%' /,8Y .yI (+ AO é 5L Ô¬ H.'

/ *,4» 4( / .Oé' hm$ 54$ .Ó[ /1Oéh

&5*),y.Y(+;(>&.5LÔ¬H(1.17)-I+E

G,1y I.Ô ¬!' 7&. y+ T:µ* 4k Lê H(?

'H((*F8Y.yI+®HÔ¬?aH)-

* r.HTML'/,* )LÔ¬ H.+? (y)LÉ &8

(5/ .E9* y/ Y+*#& 8H)- ,¶. >+

X é+ E9 (& 4X+ H5 (89 L É# ( &?, E1

'*8.ïAg¶2E6'/)9+?*F*8-I+®,em(¶

(33)

<h1>Introduciton</h1>

<p>This exapmle...

....</p>

<h1>The problem</h1>

<p>We have ...

HTML

h1 { text-align: center;

text-decoration:

underline } p { text-indent: 1em }

Introduction

The problem

スタイルシート

1.17: 5G1%.1Ï

0, E1 ' * 8. ï Ag ¶ 2 E 6 ' ? I* G .(ª é A »

>.¶*).)kl'¶L.('H-

CSSÏY0E

*h'/CSS(CascadingStyleSheet,¢ñ5G1%)(:0I

H7l'.5LÔ¬&8-.Ô¬/:§+ì.E9*ÝL&8H:

PdHQ { [eXSC: l ; [eXSC: l ; l }

H /4k +® &5,3 I- #4/4k L5, /4) 9.55 L

Ô¬H-

.Ô¬ kl (&, 45L Ô¬ Ht i/, 4#r r g gbb5Ý ó;

/4rgb(r ,g,b)5Ýó'24/!%E1LÔ¬H-.8,blue,

red*)8 $ . +$ 8&/ ¢[ ír' Ô¬ ?' H-4 5L Ô

¬Hti/,4mm54cm5*).v+L$H-.v+(&

/8+4px5(«òp.0G¢),4em5([Oé.4m5.G),4ex5

([O é.x. g)*).Ô ¬' ,; 430%5*). E9+ +MÓ

L Ô ¬ H ( ? ' H(61 u A Ô ¬ ® m . y . ½ y . G/

g+®HÓLÔ¬H(+*H)-

CSS+EH 5 GÔ¬ LHTML+¶ H.+ /,J¢ .kl

7H,'/HTML.styleyL8&HTML125G.+Û

>p=klL_ïH(.ï.E9L1.18+ï):

(34)

1.18: çv*CSSÔ¬..ï

<head>

body { background: rgb(200,255,220) }

h1 { text-align: center; text-decoration: underline }

p { text-indent: 1em }

pre { background: rgb(0,60,20); color: white }

</style>

<head>

<body>

<p>CSS5gHTML7Í5Ùö÷öá¢1îhûg

1ÿ7á¢íö07Í5Ùô0£óhû2ê9g

pÍ1åÔñôgpreÍ7¿Áî5ö:</p>

<pre>

p { text-indent: 1em }

pre { background: rgb(0,60,20); color: white }

</pre>

</body>

</html>

. E9 +,head y +style yL ï >, . n +CSSÔ ¬L

L(',.HTMLn+¶HCSSÔ¬Lï>H('H-

p.ì½'/ì.3I-#4LÔ¬&8H:

(35)

background: ,background: url(«125G)|â.

,; /â«LÔ¬H-

text-align: Ô¬ |Oé.y/B/\ £LÔ ¬H-

'4Ô¬5( &/left(y £),right(B£ ),center(\

£)Ô¬'H-

text-decoration: Ô¬|Oé{GLÔ¬H-'4Ô¬5

(&/underline(hm),overline(pm)strike-through(ß

am)*)Ô¬'H-

text-indent: |$1aø.éhLÔ¬H-

»P c+ « 61 +CSS.Ô¬L $& <E-) .E9 *.5

i<A8þW&<H(-; ,¨$ CSSÔ¬L(CSS

. C M! ) 01 & & <&, ñ M. Ô ¬ () " F 8 8 þ

W&<E-

1.3.3 HTML{|&

Å²¥w

OL LM GA ¯ï H8 .1$+,Å ²¥w 7H-y wL

'/, ñM¯ ï 8Mê* 8 y.0z <(+1$ .fø LÔ&

H(',IF.MêAyL/#G(i<8+ï('H-

HTML.4h*54h$5ywL+8HyLï&:

<ul>3</ul> | h * y wL (unorderd list)u L.

y-

<ol>3</ol>|h$ywL(orderdlist)uL.y-

<li>3</li> | y wL .f ø(list item)L . y-uly

(oly+³¨'É9-

ul y,ol y . + /li y ! v H ,li y . + / F +

Y . y v H ( ' H)- IF LÉ# ìL ï(1.19,table

y..ï?Á_. >+vI ):

<html>

<head>

(36)

1.19: ywL(..ì

<ul>

<li>Ú4(î82íÐ¬1çgó5517Í

¶ò21îh

4ëgpÍ75Ú4(î8¶4è71Èh</li>

</ul>

(¨)

</body>

</html>

»P ñ M . ô 61 +y w L L v I & < E- ; 4¬ Û . y w

L54.5. >.y?7&vI&<E-

ch2

ch2/WWW+H?#(?"*2.1$'7G,©.61

(37)

1.20: FK.ì

<a href="UR L">FK#%</a> |FKL.-

4FK#%5.CM/«ò+fY*.5(¨u/M.hm$)'.

ï I, o À H ( Ô¬ URL+ . ï Z G´ K H-ay /5

KE 5K y'7 G,$ Ayw Lfø *). n+ ï;I &8H (

7 H- a c ( & /, 4http:5 * ) F Î ; HURLu L Ô ¬

H ¹ K G+, 12 5 G íL Ô ¬ H ( ? ' H( . t i,5 4 & 8

H61(^tI+7H125GL.ïH)-

WWW. H 0 + 8 & /, F K # % ( & 4 5 * ) . Ô ï

EL Ô¬ H( Öa (7# , I/ì .E9 *Ï8 F

E*8(I&8H:

61L;» (+kL0ä&8HMF**H-

FKLoÀ&<*8(,ack'7H.MF*8-

( 0 45F K ©¢T M! 61L &<I 0, .5

_ M H/ '7H- ru' /,FK # %/ .a c. n

L. 6 L. ;; 8H. Q; 8( I&8 H-I F.6 8L

ïìLªH(1.20):

<html>

<head>

(38)

h1 { text-align: center }

p { text-indent: 1em; margin: 4px 1em; padding: 4px 1em }

</style>

<head>

<body>

<p>m<a href="index.html">òò</a>#0ïüóèn7é4

bfH8gÊßôûæÖí#7ìýì4è71ï4è

2ó0èhmcjZcôõî7KDT#ûð9

<a href="http://www.louvre.or.jp/">òý</a>3éún7

é47±1ç(bfH7í3³19ãô4è2

Ö7bfHìýì4è71)h</p>

cjZcôõî</a>8ñêôûJdHM`fln43g

¡27þ.75çûù7bfH5ö7íè

OQDc20ê0èh</p>

</body>

</html>

»P ñ M . ô 61 + F K L v I & < E- ) . E 9 * v I k i

<AÉ8A8þW&<E9-

ê(%

« /Web61 + 5 K- % L æ å µ + 4 H" * 8 ' 7

H ,I L( H (# &61 .vh LÁ + & ;9-

«LÉ9(/,.«vhÁÄ. >+7M'7HtòL4Â>,

^ÊLê#&É9E9+ 8-Web61+«vIHkl(&/,

ì.3ê7H:

FK«|FK.ac(&«125G.URLLÔ¬

H- .t i, F K o À I H (2 E 6 / . « L vh '

.ïH-

Û>p<«|61.:C(&«LÛ>pM'.ïH-

â« | 61 u A .:C . y. â(h )( &«

L.ïH-

FK«/ÿ+ÎM!HTML.ay'Ô¬'H-â«/CSS

(39)

5 G .URLLÔ ¬ H- Û> p < « /HTML.img y ' Ô ¬ H

(I/U.*8vh.y):

<img src="UR L" alt="_ïO">|Û >p<« L.-src

' « 12 5 G .URLL Ô ¬ H-alt. n /, « . ï '

*8ãµ'ZKG+.ïAi<p+ÉKIH-

imgy/5 KE5 Ky '7G,» & ?¨u. Oé1Oé (^R

+% KIH-. >,py*) .+vI H( 7H,¨. Oé

(:J+vIH(imgy.vHa!gg*H-. >,18

.p y. +img y Lv h' v I G,r C +bry Lv I& a Z

H*).R7(+*H-

1.21: Û>p<«(â«.ì

*h+Û>p<«(â«LÉ# ìLï(1.21)-.ì.CSS

+ / 4#í r5 ( 8 9 Ý . H 5I & 8 H , I /HTML '

4id="ír"5(89 Ô¬Lê$ f¬y+ ®HÔ¬ L0ä H-.

kl'4.y!.E9*.5+H5(89Ô¬n+*H-

<html>

(40)

#p1 { text-align: center }

#p2 { background: url(img2.png) }

</style>

<head>

<body>

<p>òò18+ôÜî4áÒ2¼7áÒßèöh</p>

<p id="p2">áÒ\jNÌØ²¢Í7¼2ô0ßéò2

1îöígÀè514è2éóï4öh</p>

</body>

</html>

»P ñ M . ô 61 + « L v I & < E- ) . E 9 * « . É 8 k

Msµ_&<E9-

(41)

ÉÈË

2.1 úòäãéøûôè3ìü2

2.1.1 {|\E('

±æ\E('

±æ( /,k F. ( F+$ 8& .F '7 H- ( 0, 5

KL Î& .Ð ( ( &, .4. Ð5( 89 (Lu +

ÁI0,ósLF*# ósLH('H-

\E( '(+ )( /,vhL 7û G ÁÄH 8. (L89-

( 0,4. Ð5 /L 'Á H( ?Ãþ 'Á H( ?' H-

. ti, LAÃ þ= $43( 89 (+ *H-v hñ +/Ý *

8 >,Oé'?g¶'?ÁH('HK'7H-

Oé Ag ¶Á &8 H4. Ð5 L¢ [. ?./ Em@( 89-

^ $1 L2¯ 6# &?(ÿ+ ós L# &8 H. +? 91 Ê ¸

&ú#&?)8.vh/*8-;(>H(ì.(KH:

vh/ÝLê *8-

vh/J·',J·&? G3# G*8-

.E9*,ÝL? ,8F'?J·'*'H(89ªù,

ru.E9*vh.»ã³Ä/»ãaLÕ&8H(6H-

( J', =$43 /vh ÁÄ .485 '7 H, +/ vh LÁ

H 4>*(L Ï)5? ('7 H-; ,= $43p' .vh. 4.

(42)

メディア：新聞

物理媒体：新聞紙

表現：日本語の文字、写真発信者：

新聞社受信者：

読者

メディア：電話

物理媒体：電気信号（電線）

表現：日本語の発話発信者／受信者：

話し手発信者／受信者：

話し手

2.1: =$43(.y

55 + ? J¢ . o Àß 7 H ( <¨ ' 7 H(2.1)-8 $ Ñ ì

L4&<E9:

K7: P,¿ä,Ø,#H/j,Ãþ*)-

]K: Þ(5K,g,ÃAÃ4h*)-

ÏY: uØE.Oé,uØE.þ,º,û,-K%:5<*)-

r u' /,K 0A1 ()! %J1 . Ä+E# &, I;' +ë

# 8 ) + 84)! %J1 p.= $435 |³ < &

&8H-

( 0, N / \m d/ | ³ & F ; !35| 8 ) ä#& 8 * 8

, r'/ u? PCAá° {àp '=1G LÉ9 E9 +*# - ; ,

WWW(WorldWideWeb|)!% ä8'Web61L4H ('

H#<)/|³&F;!15|8)ä#&8*8,ru'

/WWW © . + (# & ; ; *v hL 7 H 5 *8 (*#

- 1

1

e£»è ht|vyÑ¬Í·óÕÑ¬Í ¯Î¼.¼ht|vy

Ý » m ~ q»1´ ¶ ÍWWWÑ #³ µ Í · » î p ¶ Í h t |v y

¼ ã»° Æ»{Å ¶Ì¯ »ÝºWWW% |vyÔ ^|vy B¹¸ ¨

(43)

\E('Ü¶9¡

;' ',=$4 3. ;; *ì (& , =$43 +/ ;

;*ªù*8MêøB7H-Ñµ+4&<E9:

âçg/çg: âç g \E('( /,v h. ÖI :k ¨a. ?. L

6 9- P, # H /,E * ). : = $43 / =- [ k O

'7H-çg\E('(/,vh.ÖIÞkO+7H?.',

Ãþ*)7&/;H-

1¡1/¡/1¡: 1¡1\E('(/,8)9'AG(G

H ? .', Ã þ, Ý , ÃÐ =1 G * ) ¹ . µ ' 7 H- ¡

\ E( '(/ © ¢ ) 9 A G ( G H ? . ', àï ¢ A ?!

%QH-1¡\E('.ti,415F4©5+vh

ÖIH?.©,#H//EjAWWW*)QH-

+4©5F415+vhÖIH?.(&/,ÎLA.Web

¤(Webp.3K1%)*)QH-

[¿\E('/Y<\E(': [¿ \ E('( /8 ) 9 vh LA G

( G H ? . ', þ, Ã þ,Ý , Ã Ð =1 G * ) 7 & ; H-

.t i Q t,1®1'~ k O .= $4 3 (8 9 (+ * H- Y<

\ E('( / © . + O & : O+ v hL Ö ( ' H E 9

*?.L68,1®©'[kO.=$43(89(+*H-

C;3/<®: C; 3\ E('(/, vhL &8 H .

^ ë À ' v h L 6 IH E 9* ? . L8 8, #H / A

E . ³ j , Ã þ, ?! %* ) 7 & / ; H-< ® \ E(

'(/, vhL 8# M T(` æ.7û)& C

' . v h L 6 H ?. L 8 8, P A ¿ä, Ã Ð =1 G* )

7&/;H-

2.1.2 6Z_I4m:ah6Z_ID(

6Z_I4m:ah

: §+6 Z_I 4m:ah( /,J ¢. )9 0 Ó,ß v,vh *

)L Ái 9( L89- *, P,# H/* )© .+ :O+ vh

(44)

従来型の

コミュニケーション情報機器の介在するコミュニケーション

物理的にそばにいる時間をかけてゆっくり多様な表現

限られた範囲内

ネットワーク

距離に影響されない

広範囲かも知れない（分からない）

ほぼ瞬時に情報伝達文字など限られた表現のみ

2.2: 8vh8+EH;A(1CK

( 1CK (8# ti / u +T8 ©-. ¿} ï;I H, '

/ ; ;* ;A( 1CK .9 "F, 45( &vh 2÷L ¬

,((.0Ów¨5L+6GpH-

* 4vh 2÷ L¬ 5û ½+* H. _& <E9- vh 2÷L

¬ v hÁÄ +/, . åALÏ µ L¬ vh ÁÄ( Ë

&, ì . E 9 * f ª 7 H(# H /,E , 12 ; F, Ãþ * ) ?

vh2÷'7H(+0):

u+zëê'YÑ;'/T©-+vhLÁÄ'H

LÏµ+Ì # tI.ê'vhLÁÄ'H

vh.þuMF*8;;+vhLÁÄ'H?.7H

F+, r u . 5 K 1 )! % AWWW, & á ° * ) > , 5 G 2

÷ . Ä+E G,K 0A1)! %J1 L¬ v hÁÄ '/ì .E

9* *fª?mK#&8H-

mµA¬í¨*).ýµoWLP vhÁÄ1'7H

81+¦¸+O vhLaH

.E9 *fª .© /¥ .vh ÁÄ8 + *# ?.' 7H,

; /' ( &? .° Ê» 6#&8 H-. >, 8v

h 8 ? F vh ÁÄ. Ê,ã, T© -, E3 .G½ /KI

KI.µßÉL» ?.(*#&&8H(2.2)-

(0, ñø' ñM. 2I +ru 7# ' (LL p= ./Ý

(45)

/¦ ¸+ O#& I,) .u iM '? /*8-

.E9 *0ô L" M(ê "¡ &8H /© /* 8-I /,ñ

ø' a9 ¿/Ý µ*a 2'7 G,8 8E #& 8H ê9" +

G½*8(89*rF.ßÉ7H >'7H-

. >, KIK I/ 8v h8 LÉ9 (+ /4å .¦ ¸5+

Ô#& 8H .'7# &,I L). E9 +É#& a0 88 +$ 8&,

M"'*I0*F*8,(89(Lu+Ó88(7H-

?91$"*((&,ñM¢[®ò&8H.vh2÷'7#

( &?, .O 9' ñM vh LiM !G,ñ M+v hL

#& 8H ./¨ .' 7G, ;A( 1CK .®m /7 ;' ?

ê!(89(LÏI&/*F*8-

6Z_ID(

;A(1CK(ç[*ëÙLê$6(&6Z_ID(7H-

;A (#4 (/? (?( /4³^ 0ô Lê#& ³^³ ÔLF = 8A

}5.0ä'7# ,5'/ILU&,uuµ+;A(1

CKL6Gi9 ".;G,(890ä'?ÉKIH-

'? A/G, vh2 ÷L¬ & ;A( 1CK L6G i9 }

(JCF 6Z_ID()" (*H- .E9 *;A( #4+/, I

I .. ³Ô HtI Aëê °,|ïA ¿* ).ý ¼ +8( M)

¨1 I, ¦¸ .) F' ?f¬. þ½+ ¼äL ê$( 89³ ¨À

7I0 Ám' H( J, Â> &Í µ'7 H-I +EG,

'7 I0« Ôd *# , 7 FI ëL ê * 8E9 *f

¬.#1:+ë&?,;A(#4«ÔdHE9+*# -

:k ', .E9 * 8 ;A( #4'/, I ;'. ;A( #4

+ F7& 8 8A® Ô,¨ LS$ H6 *) 8A 8ò ?7

H-

Û. ;A( #4'/ .Z «</ ^t I+8 H.', I I

.Z «< 4)98 95 +$8 &? >B 8+Ï ®& 8H, (

*! vh Há a,; Há IH vh+ ?6 *½+ 45G, .v

*) ©. ?. ï;I &8H- I +EG, a6 87# &? Ëµ

<A+Fn'7H-

, 8 ;A(#4 '/Z «<) 9. AG( G/v h2 ÷L

(46)

従来型の

コミュニティネットコミュニティ

ネットワーク

頻繁な接触

相手のことをよく知る多様な表現手段

ネット経由でのみ接触相手のことをよく知らない同じ場所で生活生活の場に共通点がない

文字のみによる表現

2.3: ;A(#4.ZÍ

F +F® Aa 68 7# t i+ IL° 2 ?7F I&& ;9-

; ,ñM ). E9* L 7;Gï F+ *8 ;;Á mH (

n'7G,ñM+$8&«9.(FL*7HÁmþ?8H-

!, .E 9* ò7 H F(8# & 8ê .;A (#4

¬ IH7 (8 9K '/*, .E 9*Ý '/ >&n +*

H 7N* vhH á?© ¤ &8 H- #&, .f ªL "M(

M # p ',7N *vh Há aH E9+ B8+ 0 $$Ô &

8(Ò;IH-

2.2 $!×

2.2.1 'Hf3E(;@d

'Hf3³E(;@d³

' Hf3³(º ³)( /,õ¡µ +Zi HL. ãL89- ,

",ëê,fÊ,Ê,å.¶*)/7&3'Iã'7H-

E( ;@d³( +³)( /,(3( 3+Zi HL. ãL8 9-?

. .8¢, z< iK Ati .¢* )4¢ FIH5 ã$4 Gã+

(47)

アナログ量重さ

長さ

個数

ディジタル量ディジタル表現

アナログ表現

13.2Kg

３個

2.4: 3'I($4G

ãL7FK(..5+?,'Hf3ÏY(E(;@dÏY(7H-

( 03 'I .5. ëçA "ç' /,. + õ¡µ +Zi H

( '5 .ëk A" L.- :k, $4 G.5 .ëç A" ç'

/,ëkA"¢é'.IH-

:§+,¢é'ãL .(/,.¢é.î¢'ð;H[v+(41

25 40.1Kg5* ))E G 8 C ML ; H> 4(3 ( 3 .5 L .

(+*H.',7&$4G.5+QH-

3' I. 5/,1# (4& E )I F8 4& (GA 8( 89

*À 7H .+® ,$4 G. 5'/ ¢é' .ï H. 'L °È

+i <6H .+_ *!( 89* À 7H- !,$4 G .5' /

[.v+EG?868/i<6I*8-

; , L7 û GÁÄ H. +/ 3'I .5 EG? $4 G.

5. k 5#&8 H- ( 0,? .. L7 ûH .+,3 'I .

5' 7I0 **) +;L $& ÉH (+ *H, * 3& ;#

G;I&;9*)',C'L°È+5'*8nª7H-

; ,Y;'.vhLÁÄH.?çv'/*8-

, ? . ' L# & ¢ é L L × > & 0($4 G

. 5), ¢ é i > * * F * 8 7 G L 5 H . ? 1 ' 7H , ¢

éL i<p G &Y ;' ÁÄ H. ?çv '7H- !, $4

G .5+ ë À'. [v +EG 8 vh/÷ KI& 8H (+

(48)

* h' /çv . >, 4$4 G. 5+E# &. I& 8Hv h5.

(L v+E( ;@d ±æ(: 5 (+ H-K 0A1n C'/ 7

& .vh /$4 G .5+ E#&. I& 8H- ILz L (4

K0A1/$4GvhL%95(89(+*H-

6hP_m@E(;@d±æ

$4 G vh (/,Y .4 L I048 ¨G .t i. 9".

) I5( 89 vh' 7H( 6H- ( 0,. "L 4[¢ À*p

3î,[¢À*h2î.Kgv+5'.(H(,I/4000.00Kg2

999.99Kg; ' .100,000¨ G .t i . 9 " . ) I 5 (8 9 v h ! ( _

H('H-

$4Gv h:§+4N¨G.9".)I5!(H(,.

[v+/42¨G.9".)"F5(89vh!(_H('H-

IL 40/1. ) " F 5 ' . ( ( , 41OC F. v h5 ( : 5-

(0,5.º4 L4Ce#&8*85 4Ce#&8H5.2¨

G .ti +M (H (,.v hL (0ì .E9 +1/!%.v

h(&.('H:

2 3

/!%.5 0ä

0 Ce#&8*8

1 Ce#&8H

1/! %/ $4 G v h. [v + !, J ¢ ./! % LT 7 OC

8H/8*8'/»;H.',?#(l8vh(&4¯I54m5

4C5 4`5. )I' 7H G 8 (H- I /, ( 0ì .E

9+2/!%+®^&.5'H-

2

~v y(bit)¼ 2ç É ò »1ä(binary digit) Ë R µ Í ²É³ ¿ Ì ·

UE»Z÷¶ÇÍ

3

[ 7 » |º ³ µ Í ¦ ·Ñ 2 Ë Î µÇ á Ó ¼ _ ¹ · v Ë ñ F

º ó½ 1~vy »xt· õÁÕ îª Ä°Ë ¹¦· ¶³µÇ Y ý Í

¦ · ÇàºÙ¹Õ »~¶Î½Y ý³µ¹·Ë ®º¼å°¹`

Ã·Ò¸¹ËY ·YTn »W º¥ÍY ý³µ¹ ·Ë®

» ßÿºÆÂµáÓ»< ·ªµ¼Ø¨Ç»· ¹Í·ûÕ¶ !ÑbÍ8AÇ

(49)

/!%.5 0ä

00 ¯I

01 m

10 C

11 `

. E9+,/! %ñ. L1A (,. Hti. ¢/2+*

G,:§+N /!%./!%ñ'/2 N

¨G.tiL.('H-

&,$4 G vh( /48 ¨G .t i.9 ".) I5 (8

9 v h* . ', 7& . $4 G v h /(( * ! . Lð > H

(+E#&)/!%ñ'.('H-

K 0A1(/ 2F 80, /!%ñL T/¿/m RH

>. ' 7G, .2 +E#& 7F CH$4 G vhL 6G% 9

( ' H( F+, C ' _ ï H E 9+, ê . ¬ * + ñ] µ + G

ÏLaH(89À?"'7H)-

*h '/, ¢,O é,« *)¹ .µ *ê .vh +$8 &, IL

$4G.5,K0A1nC'%9kl+$8&4&<E9-

2.2.2 ÀÏY

Q½ÏY"½ÏY

K0A1FI H.øµ/,ê+¹K#&Oé¨G4çÅ5

Lg +/»ã+/° È+a 9(!# -. >,K 0A1'

H+%KI $1.ê/À8!# -

¢ L . 5 H k l( & /, â ¢ é(:, r, À,Ì, 3, Ì, ,

:, r,3)? 7 H, ' b O ' À9(029. ¢ é)L 8 ¯I

(M)5n!F'7H-( (0dÀ+rF+ÀL402

95'L¢+>Å&<I0MH-)

ª0É9(Q½ÏY*8Q½è.)+6G7l'/,¢é(&02

9; ' .10 ê' 7 &. ¢ L L . , . / î1 H ( +

+ *H- ( 041205 / 4125 . ' 7 H- I / ì . E9 +

_ï'H:

4

4 y 0

(50)

1210 2

+2210 1

+0210 0

1210 1

+2210 0

$; G,(.5.)+6G7l'.I ¢/, yFF+10 0

=1

,10 1

= 10,10 2

= 100, 3 I L. & 8 H ? . ( &

% KIH- I+E# &,¢é/029; ' *8.+, IL4T 7

H5('8F'?»*¢.HK'7H-

( J', .4105(8 9/fY '/*, Y.¢L 8H( ?

'H-.,+6G.øB(*H¢L9À(:5-ª0ø¢(&4105

LÉ# & 8 H( . 5 L É#& 8 H). /,v * H Ó t(Ô 10Ø 7 H

F?)(I&8H-

I?4À.55 '7I0,¢é( &40,1,25.3êL

8,1îB+a (+3 .L. (+ *H- ( 0À. 5

.41205/ì.E9+.5.4155L.&8H(½é+#$

.¢LL8&ø¢L.&8H)-

120

(3)

=123 2

+223 1

+023 0

=15

(10)

&,K0A1'/?+"½ÏY(*8"½è)ÉKIH-

I/, K0A1 .ú5 +É9Ã Ð¯ö '/4Ã ÖÖ I&8H/8

*85 4Ã$7H/*85*)2 $.y³Lê H¯ö GA8

>'7H- 5

r.5'/,¢(&40,15.2êL8,1îy+a(

+2.¢L.(+*H- (041010

(2)

5/ì.E9+.5

.10L.:

122 3

+022 2

+122 1

+022 0

=8

(10) +2

(10)

=10

(10)

"½ÏYQ½ÏY^áÿ

r . 5 . 1 Ï M # ( J ', r . 5 .. 7 L(< É# & 8

H) .5+ Zá Hkl, +(<É# &8H) .5. .7L r

.5+ZáHkl+$8&ÎM'9-

; r Z áF _H- :ç v*k l( &/, ÿ+4 &

E 9+,r.5.¢ é+hF1,2,4,8,3(+. ¢LÒGQ&,

5

l t »" I } º D » + 6 · ª µ3â g Ñ ( ´m @ ] % Ñ #³ ° l

(51)

415.7H(J.¢L(89?.7H- (010010011

(2) L

ZáH(JL4&<H(r.5.Ãî.Ly+!+*F7 ):

+.¢

128 1 128

64 0

32 0

16 1 16

8 0

4 0

2 1 2

1 1 1

---

147

+, rZ á/) 9!J 9- I?,r .5 .1Ï ) G+

_ H*F, p+ FF+ 5. . +. EG» I 0. îL

1(,5.F+.L>8&akl7H-IL8&147

(10)

Lr.5+ZáHE9Lï:

+.¢ î. 5.

147

128 1 147 - 128 = 19

64 0

32 0

16 1 19 - 16 = 3

8 0

4 0

2 1 3 - 2 = 1

1 1 1 - 1 = 0

16½ÏY

r. 5'/x0. /!%ñL0/1.ñ (&. ('H, O

é0(1 *8. '»Z *H(8 9ïÀ 7H-. >,¹K

(52)

16 .5 ' / ø¢ 16',1î ( + 16 + * G,Ã î .¢ é

(&0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

16ê LÉ 9(16.5 '/ ¢é168 ( '7G,029' / G*

8 >+,A2FL¢é(&41G&5&8H)-

16/2 4

*.',16.5(r.5.BZá/çv'7G,r.

5L4 /! % $ + Î Z#& I I L ì . E 9 +02F+ ® ^ H

!'E8:

r 16

0000 0

0001 1

0010 2

0011 3

0100 4

0101 5

0110 6

0111 7

1000 8

1001 9

1010 A

1011 B

1100 C

1101 D

1110 E

1111 F

( 0, r . 5 . 41111 00005 /16 . 5' . (F0

(16) , r

.5.4101010115/16.5'.(AB

(16)

(*H-

2.2.3 Ý9ÏY

Ý9Ý96mG

K IKI uu [& 8Hv h.» CM/ 3'I vh !(8 H-

( $4 Gv h2÷ F( & ?.' ?,H ?gÏ ?KI KI.

(53)

! ,O é'L I vh! /$4 G vh( & 6# &8

H-( 89. /,Oé .A » *) /,Lb *)' .Ý Lén H

(8 9f Y*t iLR 0,i <6H n+ /G½ ,; + 4#&

8H kdO é.9 ".) I5( 89 (! û½ +*#& 8H F'

7H-

K0A1'Oé+EHvh(D1<F±æ)L%9(?I(^

ÔtL6G,4).Oé5(89(!L6G(&%9-Ñµ+/,

7 &.O é+B 8+3 *H hLÒG Q&, .h L7û H ('

# %v hL7 ûH- .,O é+ ÒGQ & h. (LÝ 96m

G,7 H2( ;(; G.O é×( IF 6.O é1& .ÒG Q&: ó.

(L6mG²(:5-

1& ã'/,1O é+k /!%L ÒGQ& H' ' HO é¢

ð ;#& H- ( 0,1,5 %(8/! %). 1& ã '/2 8

= 256

;' O é ' *8 >,âé *)L ï=u ØE/ %* 8-u

Ø E . O é L %9 ( + /,JIS X 0208( : 0 I H2, 5 %. 1 &

ã(JIS 2, 5% 1&), Bµ +É KI &8 H(JIS/ uØ R¿ 6Å|

Japan IndustrialStandard|.0ä)-

KEú .OéL% 9ti/,K »Oé/K[Oé/¢ é/7h% I

0 =. ', I F L 1 & '7 HASCI I ,B µ +É K I &

8H-ASCI I1&L%9(/,1,5%+.1OéLvI&%9-

*, K 0A1. åA 7c ã [ # ë +/,â éL ï=

' E 3 ' 7 hL m 8/! %+ > JIS X 02011& ã(JIS 8

/!%1&)TÉKI&8 ë0?7# -

ÖpÀQ&)d¯?

Oé1&/7;'?4h5'7G,ú+.4h5LK0A1

p A K0A1 %9 125G p') .E9 */!% ñ( &. 5

H .6 /Oé 1&( /Y+ ð> FIH- .6 LÖ pÀ (8

9-

ASCI I.E9*7/!%1&'/,1,5%(8/!%)+1Oé$

Lv II0 88. '>h i6 / vE '88 ,4a. ZIø5 L)

9./#<(+ZK#& H(7H- (0UNIXã.

(54)

NUL SOH STX ETX EOT ENQ ACK BEL BS HT LF VT NP CR SO SI 0 1 2 3 4 5 6 7 8 9 A B C D E F

0 1

DLE DC1 DC2 DC3 DC4 NAK SYN ETB CAN EM SUB

FS GS RS US ESC

SP

2 3 4 5 6 7

!

"

#

$

%

&

’ ( )

* + , - . /

0 1 2 3 4 5 6 7 8 9 :

;

<

=

>

?

@ A B C D E F G H I J K L M N O

P Q R S T U V W X Y Z [

\ ]

^ _

‘ a b c e d f g h i j k l m n o

p q r s t u v w x y z {

| }

~

DEL

上位

下位４ビット４ビット

2.5: ASCI I1&

My name is

Jun.

(892a.125G/ì.E9+>hiI&8H(2.5(®d&<

H():

4D 79 20 6E 61 6D 20 69 73 0A 4A 75 6E 2E 0A

uØELï=125G.ti,JIS2,5%1&(1,5%.ASCI I

. Þk ÉH E9+ H >,I FLZ G´ n+ &, .ZG

´+MHE9+>hi6Lð>H(7H- 6

5,JIS 2, 5 % 1 & (1, 5 % .ASCI IL ZG ´ & É 9 >

.>hi6(&/ì.3êÉKI&8H:

ISO-2022-JP|v+4JIS1&5(:0IH(?7H-2,5

% 1 &(1, 5 % 1& L f Y* Z G´ ñ (: 0 I H¨ D Oé

6

1} hy/8~vylz Ñq2}hy/16~v ylzÑ\ q·õÁ ¦·

(55)

ñ 'Z G ´ Ôï H- 5 K1 )! % p .=1 G R ' / . > h

i©ÉKI&8H- 7

EUC-JP| Z G´ñLÉ 9¹KG+, Ã,5%.ASCI I' É#

&8*88/!%ø415*FJIS2,5%1&,405*FASCI I

(&%9-

EUC-JP+ç&8H,8/!%1&CM'ASCI I!'*JIS

8/! % 1& . '(8K C H Ê ')?É H E 9+ R 7

>hi6-

*p3$ /JIS 2,5% 1&+ ø% >hi6 !# ,. 8

+ ¦ ¸Ã m . Oé 1 & LT : µ +% 9 ( L> Unico de( : 0

IH1&ã7H-Unico deL125G+ÅHti/,UTF-8(

89>hi6©ÉKIH-

*p /> hi6 ._ ï!# , F+,a .ZI ø.. k ?,

6H1 #4K # <+E# &4LF5. <(r7 .ì),4CR5 .<,

4CR LF5.ñ(893êÉKI&8H-

2.2.4 êÏY

µÏY

º,û,*).44H?.5.vh/45(4 "5F«#

&8H-;µF_&<E9-ª0.ø.+7HMd|é+/,X,

æ,M .3ê. J+5+ ß^ H?. 7G, .v GÑi +E#&

;; *ßFIH- . >,.3 $.L 4J.À15(

89-

K0A1'(ïHLï> )45L%9(+/,.X(Red),

æ(Green),M(Blue).¶LII¢(&.,.3þLiK

L6#&RGB/bm]Ed(:5-

r .5(02255. ¢L . 5 n)' ., i ç24/!% ' L.

kl',ILf+24OCF/bm(:5-24/!%E1.L.7

7

ISO-2022-JPTn »Ìþ^T nÑR ¹% sy Ç#ÐÎ µÍ»¶ 0»

· ¦Ï % » ^ã º ¼(1 ã` ·· £ ºÿ U Íß ÿT n º¼)¦» Ìþ ^ Ñ# »

(56)

Hë+/,4#rr g gbb5(r r,gg ,bb/162î'Ã.¶L.)

; /4rgb(r ,g,b)5(r,g,b/02255.¢' Ã. ¶L. )

(0,#FFFFFF(rgb(255,255,255))/,Ã»+ïHJ#

y³'7G,45L.-#000000(rgb(0,0,0))/Ã;#

*8 y ³ '7 G, 4o5 L. -#FF0000 (rgb(255,0,0))/, X!

»,ÇG2*8y³'7G,4#X5L.-#A0A0A0(rgb(160,160,160))

/, Ã ÅR +* GïH J# y³' 7G,ï H>. · L.-

#A0A0C0 (rgb(160,160,192))/, p 7 . · + \ M < # L

.-

p '*7 kl '/,J ¢. Lm &; iK H( '; ;*

LG(,uC.LmH(+*H-ILÂµtq(89-

I+® ,º. ÑA5 KL vi KH ti /,I I. 5K

/f ¬ . . J L H ( '( I * # J .) 4 H .

. 5K L; H( #o+ *H- ILX µtq( :5-; »* )'/

3 K, : K , a .3 ê L v & ; ;* L $ G ( (

P2>dêU2Fdê

« L$4 G vh( &%9 kl.1$/, «u L! `.;

ø+ÎZG,II.;ø.L( (024/!%E1*

4 .$8 À5 !` +TM '' &8H (6 H-. 80. ÀLP

2>d,.E9*Ýó.«LP2>dê(:5(2.6y)-

0 G « .*À /,K 0A1. «òA 3FK +( ån *?

. '7 I0 7&. 5' H( 89À '7H- ; , ?'1A $4

G=E'6GpM!«?0G«'7H-

0 G « . 4 À /, Ä» + 4 8 ((80 . 0 G E G 8 v

h /*8 .',7 ;GÄ »H ( y +*# G> 5y +4

&;9),mRòÍ*(*)'7H-

; ,$1 5 » * G "(8 94À ?7H ,I /12

5 G+Å H (+ «RLa 9( '7H °Êj Hn '7H- 0

(57)

ピクセル画像色のついた点

（ピクセル）の集まり

数式的に表現された図形の集まり

ベクトル画像

2.6: 0G«(5%G«

IF/8I?Web61p'?*'H-

GIF¯? |9 F7H125GÝó'»256;' %

*8 >,35K*)¢.7FI «+¶&8H-

JPEG¯?|24/!%E1L%,û*).$%+¶ $

% kó ( z <i K &É K I H- . $% k ó / A p « R(

: 0I, F 0 ë + Ûu + 0 .« +/ ù F *8 , .M $ %

Ó Lg > H ( ' H- $ % ÓL o À H ( ' , $% Ó L

g H 8 )12 5 G [ *H , ù ë .0 . « ( .

I?»*H-

PNG¯?|24/!%E1L%,Aq«R(F0 (

+ 0. « ( ^ + ù H)L " & 8 H- Ë µ 8 12 5G

Ýó-

?91$ .« Ýó( &,« L; ;*ý kÎµ Ý. ;G(

& % 9? . 7 G,U 2 F d ê( : 0 I H(2.6B)- 5 % G «

'/, 80. Ý/ ¢óµ +. I&8 H >, Ä» &?x *# G

+ 4H E9* (/ *8- ; ,« .J ¿+ ?EH ,5

80. Ý 8Y +`ê I& 8H >,C F80. Ý. +, »

,*)LZXA8ti©8-

:k, û. E9* ½C F6G pM! «/ ?(? (Ý .; G'

/* 8 >, 5% G« +Zá H ./q 8-; ,0« 1% '?

(58)

/0 Gv +'a 9.', 5%G «O . 1%' /¨u É9

('*8-

2.3 $*)&¼.

2.3.1 6hP_m@¿3±æ¤¬

¿3±æ¤¬

K I K I ê ê$ v h GÏ å L Ï &_ & 4E 9(2.7)- K

hL6GvI&8H-IL]þ(:5:

4 ÷ | ß É ÷/ ' 7 G,, Ý, ï H * ) .v h L 6G v I

* ß É÷ ' 7 G,¨ . ] L( 7 &?, $ è * A Ý .6 8 L4 M

F IH ( 8 9 À' 5# & 8H- ; , ð¢ r O +2$ T M'

8 H ( F,á z L * &] a L ~ ' H ( 89 f ? 7

H-

@÷ |ßÉ÷/='7G,g.¶(gAg(;;*N)

À. g. v G Ñ i8). vh L 6G v I H ( ' H- ê .

' , 6 L P 6 H p '" * 0Ò L s & 8 H, ê.

É¨.]L(7&(GK5I&8H(89K'/*8-

÷ | ß É ÷/ ' 7 G,ä 8, 8,Ï 8 * )8 ê . ä

LßMH('H-

/÷|ßÉ÷/Ì'7G,;;*s8Lß(H('H-

( 048 8 ä5 48 8s 85 L ¢ ãµ + ¬ H k l / ÈÔ

&8*8-

¶ ÷ | ßÉ ÷ / Ê×' 7 G, f A å, §< * ) Lß H (

' H-ø 4 * 8 8 . É L * &À é L i= ÐL 4

H(,Öôì¼'*G8vh6dn*(MH-

IF Aß+ vF* 84. F 54ß5 .E9 *?. L¨½ þ(:

5 (? 7H, ú+ .E 9*? .¤ H )9 /; !/#

(59)

外界

感覚器筋肉運動

脳

［情報処理］

［記憶］

［認知

処理］［運動制御］

2.7: ê+EHvhGÏ

ê ß É÷ F6G pM! vh /,»³ ².\ +E#& '+Á Ä

'ßÉ÷F.vh®2IH(yGÏ)-

' /½C Fvh L6G vI®2 H! '*, vhL z0ê/

0ê +K # &¾ Hå A,I F. vhL 7F >&þ W&

*v hL G( å, ;; *û½ +$8 &_ &S L( å,

ê) AOi *)L äK9 å,ö Ì Ï *). ßvL G( å, ñª

. 0ô(ñ M/ u '7 H ( 89 å ¡ ª. 7 Hß É)L G ( å *),

' mR I v hL½ +7F K( +/, .E ]¨D 2 F

Ôë äã L¨#& . ÃI+ 7HÇ t+Á KG, .E] L¨

&½ ¸ + \ H- ( 0 6 / P(¶°)( b( N . Çt . \

+E# & H (' H, ò.. v,;0 ,8 A. ] *)

?7&II.tI+"K# Çt.E]+E#&G(IH-

¿36hP_m@±æ¤¬?

K 0A1 .vh GÏ2 Z?,» ;* Z' /ê +E ç& 8H

(2.8)- * K", : 6 ,1 81 & *) . # ´ : Fi < p ;I

(60)

E# &GÏ I, .ó s$4 3H 5*) .S´ :L¨ & ¯ï

I H-CPUn C+ /v h Lm R H WÅ 2 A, ). E9 +m R La 9

L ¨D H ¨ D2 " K#& 8H- v h. `ê +/CPU+ é [

H¾L8H(CPUnC+/\ã.vh!`ê'H)-

ＣＰＵ

主記憶

［制御］

［演算］

［記憶］

本体外界

入力装置

出力装置

2.8: K0A1+EHvhGÏ

ê(7 K0A1.f/,$4G.5I vhL%8,

2ç+]n¬;# îëLg+úaHE9+FI&8H.',

»ã.vhLð;# Ý'GÏH(Ld0(H('7H-

K0A1 '2 ÜA ÈF L %9 (/n !, . ti/

(0 42Ü 54È F5 L¢ i& .¢ Lç Å &8

Ý '%9 ( (+ *H- F+ .t i42Ü 5L) 9çÅ H

( 898 F+$ 8&2 ç+¬ >& ( 7G, .8F L9; ¬>

H./çv'/*8-

: k,ê .vh GÏ/ + ;#&8 Hä m .¯ö L?( +&

G,ä m) 9. vhÁ Ä2Z +/ 4h. ¶5 z<p ;I&

8 &,I LËº +& õA ßÉ( 8# 2 ÜL ï=v hL9 ;%

HE9+*#&8H-

.ò, 2ç +ð;# 8F Lúa HE 9*t i+/, ÃÐ ¯ö(

7& äm .vh GÏ/ #( 89, ê. vhG Ï2Z .f

( / H ¿' 7H >M Ó" ,4q H54ê 6H5 4I

(61)

K m. K0A1 rÎ. cÐþ '7 Hg¹ +/ ê. fªL ì.

E9+7&8H(g¹+,4¢Ï(5m5,ñL¼,1957):

ê/4;I'7H-

ê/*;?.'7H-

ê/50'7H-

ê/vLû9-

ê/u4*8-

ê/.J;'7H-

ê/üÏµÓ_48-

ê/kLHKF*8-

I Li= (ê /ïÀ !F .E9' 7H, .E 9*f ª7 H

F,ê+/»*}ªA pª"K#&8H(?6H-

:k ', IF. ïÀ Ò; * 8( J'/, 8F 40 J,

Éå J5 (6#& ?,I F/ ê+ Ø " K# f ª'7 H. ',µ

ü '/ jH' *8- 9' /* &,ru '/ K0A1 . åL

Ô & ê.] Ld 9( n +*#& &8 H.', .k OL

øÔ 7 '7H- .E 9+, II d0 (H Ý.v hGÏ LM

w, ê 9; K 0A1L bÑ( &É 8* &C (,

rC8#9"+*#&a!J9-

¿36hP_m@¡À

c+, ê /ßÉ ÷F vhL 6Gp <,' GÏ, E]L ¨ &(

å H (, K 0A1 / vå Fv h L6 G p<,CPU' G Ï

,(åF(åH(LÎM!-'/,êK0A1LÉ#

&8Hyº'/k8#&8H!J9-

S/,K0A1.(å.(å(?+«ò.ï)/ê.ßÉ

÷Lä&+vG,ê~ (/E]+EHvå(?+1

81 &A : 6 ). L ä & K 0A1 + v å I,CPU I L

GÏ ó s; (å IH, (89Ý .5 G+ *H( 89 ('

7H- $;G, K0A1 ( êi K#&1$ .5 GLÝ «

H(2.9)-

. 5 G/4¶ Z*+ ;' :6 95 KL 4] &85 (8

(62)

C 出力入力

入力出力情報処理のサイクル

2.9: ê(K0A1.®þ

, K0A1 ó sL. ï FI Lþ W& Y.¢ 'ç Å*

&<H,(89E9*80.?.'7H(?7H-

(#&É8A8E9+K0A1.($;G1%673.)]Z

I& 8H (/» Z'7 H-. E9 *1£ Mþu §. (L,4

ê (K0A1.®þ5(HCI,Human-Computer Interaction)Mþ

( :M '8H- I +® ,`m9 )h @Q+m<( 89 6/, 4K

0A1 .9 "' ê(. AG( G+ë KH CM5( 89A A7¬ I

0ä'ÉKIH-

2.3.2 `m9)h@Q+m<

`m9)h@Q+m<$Â

ê( K0A1 A G( GH kó( &, }¦+ 8& /,1

81 & FOé .T3 +EH 6Y hGL« "p<, K0A1 F .^

S?Oé'ïIHkó5Ö!# (CUI|Character/CommandUser

Interface,2.10y)-ru'/,:6*).X)hD(h3EM)<'

« ò+. ïI &8H ®m Aúa 7 :K& LoM 'Ôï Hk

ó(GUI|GraphicalUserInterface,2.10B)TÉKI&8H-

. E 9 * Z i /,GUI+ ( * v ( å ó l + I HE 9 + *

G < ( (,GUI. k : K & L 7 c H ( ª [ , H

> &. + ? M G A 8 ( » * = ' 7 H ,CUI/ É K I *

com jp kr

+09'00'

LAN

LAN

ルート（ 根）

com jp kr

企業等

全般 日本 韓国

ad ac co go 政府機関

mext kantei

首相官邸 root,

文部科学省

C C

メール

サーバ メール

サーバ メール

サーバ

メッセージ 保管場所

Ｃ Ｃ

送り手 受け手

SMTP SMTP SMTP

POP IMAP

From: "Jun-chan" <jun@example.net>

遠足の集合時間 Subject:

Date: Sun, 08 Oct 2006 11:19:15 JST To: nao@example.jp, mana@example.jp Received: from mailer1.example.jp ....

Received: from relay1.example.net ....

Cc: "Jun-chan" <jun@example.org>

淳です。

遠足の集合時間、何時だったか忘れてしまった。

教えてくれないかな。よろしく。

淳 jun@example.net

ヘッダ

本文

Ｗｅｂサーバ

Ｗｅｂサーバ

ブラウザ

リンク

（ＵＲＬの 情報が埋め 込まれている）

インターネット

ＵＲＬが 他ページを 指し示す

サーバから 取り寄せて表示

Ｗｅｂページ のデータ

Ｗｅｂサーバ

Ｗｅｂサーバ

ブラウザ インターネット

リンク選択

→取り寄せ

新しいページに 表示が切り替わる

http://www.jaxa.jp/about/index_j.html

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

B J D H E F G I C

K M O S T L P R N Q

U W V

X Y Z

Note...

My name is Jun.

When I was a ...

Note...

My name is Jun.

When I was a ...

Note...

My name is Jun.

When I was a ...

<h1>Note...</h1>

<p>My name is Jun..

<em>When</em>

I was a ...

NOTE...

My name is Jun.

When I was a ...

h1:

p:

em:

<h1>Introduciton</h1>

<p>This exapmle...

....</p>

<h1>The problem</h1>

<p>We have ...

HTML

ルート（根）

全般日本韓国

サーバメール

サーバメール

メッセージ保管場所

ＣＣ

送り手受け手

（ＵＲＬの情報が埋め込まれている）

ＵＲＬが他ページを指し示す

サーバから取り寄せて表示

Ｗｅｂページのデータ

ブラウザインターネット

新しいページに表示が切り替わる

C 出力入力

入力出力情報処理のサイクル