• Tidak ada hasil yang ditemukan

Web ページの仕組み - 宇宙理学専攻

N/A
N/A
Protected

Academic year: 2024

Membagikan "Web ページの仕組み - 宇宙理学専攻"

Copied!
44
0
0

Teks penuh

(1)

???怨?薑?膃?11 ?? (2013/07/12)

WWW ???腟???/sup> ??羌潔??紊у?紊у???/small> ??絖??√?絎???絖????/small> 篆?? 1 綛?羝∴昇 ?ヤ?

(2)

????? WWW ?????

??WWW ???腟???/h3>

??WWW ?泣?若??

????篏?罔????ゃ????/h3>

???障????

??????????/h3>

??篁???

(3)

WWW ?????

??h3>World Wide Web ( 筝???筝???????c????????沓 )

??/small> ?ゃ?潟?帥?若???????ф?羣????????????????????ャ?<?潟???? ?鴻????鐚?

??/small> 罨у???絖??悟??腥倶?罕? (CERN) ??Tim Berners-Lee 羂???? 罅?

??/small> ??腥倶??????????画Η?激?鴻?????????? (1989 綛?/small> )

??/small> ??ゃ???若?????鴻??綵√??ц?菴違??????????(HTML) ??篏? ??

??/small> WWW ?х????????????茵???W3C ?????c???羣???

http://ja.wikipedia.org/wiki/%E3%83%86%E3%82%A3%E3

%83%A0%E3%83%BB%E3%83%90%E3%83%BC%E3%83

%8A%E3%83%BC%E3%82%BA%EF%BC%9D%E3%83%AA

%E3%83%BC

(4)

W3C

??World Wide Web Consortium

??

WWW ?х????????????茵????羣????????蚊?????? ????┃腴????????d?鐚?/h3>

??h3>HTML ?х???????????帥?違???羣???????/h3>

??

Tim Berners-Lee 羂???窮?

??

?d?????????/h3>

??/small> ?????処┃???????????????????????

??/small> ???鴻??罘???

??/small> ?≪?<????? MIT/CSAIL

??/small> ?ユ??( ?≪?吾??) 鐚??倶??臂?‐紊у?

??/small> ???若??????鐚? INRIA ??ERCIMhttp://ja.wikipedia.org/wiki/%E3%83%86%E3%82%A3%E3

%83%A0%E3%83%BB%E3%83%90%E3%83%BC%E3%83

%8A%E3%83%BC%E3%82%BA%EF%BC%9D%E3%83%AA

%E3%83%BC

(5)

????? WWW ?????

??WWW ???腟???/h3>

??WWW ?泣?若??

????篏?罔????ゃ????/h3>

???障????

??????????/h3>

??篁???

(6)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ??????篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏睡??/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

(7)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ?????? 篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏???/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

(8)

??ゃ???若?????鴻??

??/small> 荐?膊?罘????????????吾?激?鴻????????わ?

??/small> Hyper-Text = ?????鴻????莇??????????鴻??

??/small> ???吾??算????贋?????篁??????吾???臀?????(URL) ??????莨? ??( ??ゃ???若???潟?? ??????????潟??) 鐚?茲??違?????吾???娯? ???∫?d?????篁?腟??帥??????

??/small> 絨??????画Η?純???????с??( ????????) ???????????吾??茵?ず ??鐚????潟?????????c??????????吾??茵?ず???????????с????鐚?

(9)

筝?????????Web ???若??/h3>

(10)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ??????篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏睡??/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

(11)

HTML ?? XHTML

??h3>HTML (HyperText Markup Language)

??/small> WWW 筝??у?????????????吾???羣??????後?鐚?

??/small> 篁??????吾???????潟???≫???絎?臂????????????с????鐚?/small>

??/small> ??絽?< ?帥??> ?????????菴違????鐚?

??h3>XHTML (EXtensible HyperText Markup Language)

??/small> HTML ???≦宍?с?????? XML ??羈??у??絎?臂?????????

??/small> XML ?????若?句???????帥?違??絎?臂??с????

??/small> HTML ???膓?荀??

(12)

HTML ??< ?帥??>

??

< ?帥??> ?????

??/small> HTML ???吾?х??????????膃??

??/small> ???????吟?? < ?帥??> ??茹i????鐚?腟?????茵?ず????

箴? ) <html> </html>, ?? <head>, </head>,

<body>, </body>, ????

(13)

HTML ???吾??;腓坂?

(14)

HTML ???吾??;腓坂?

(15)

HTML ???吾??;腓坂?

(16)

HTML ???若?吾?с?潟??DOCTYPE 絎h?

<!DOCTYPE html PUBLIC ??-//W3C//DTD HTML 4.01 Transitional//EN ??

http://www.w3.org/TR/html4/loose.dtd??>

DTD(Document type of definition) Strict : ?喝???

Transitional : 腱肢???

Frameset : ?????若??荐????

(17)

<html

lang=??ja??>

~~~~~

---

~~~~~

</html>

HTML ???吾?с???????????荐?

<!DOCTYPE 鐔? > ???ゃ???????????????膣???<html> 鐔? </html> ?? ????臀?????

(18)

<head>

~~~~~

<title>

~~~~~

</title>

</

head>

???吾???帥?ゃ?????????????宴??荐?菴違???? ??

<title> 鐔? </title> ?ф??絎????????????帥?ゃ????札紊??????????吟???阪?????? ????

(19)

<meta http-equiv= ??Content-type?? content=??text/html ; charset=EUC-JP??>

Meta : ???????吾???≪????????( ?<?炊????) ????絎?????鐚?

????????篁?????鐚???腴??????????若???若??????絎??с????鐚?

??絖??潟?若??????絖???荐??激??荐?膊?罘?筝??ф?宴???????????絖???荐??? 鐚??わ??ゃ???蚊??綵??????????堺?????医???????

?ユ???т源??戎???????????絖??潟?若????? Shift-JIS, EUC-JP, UTF-8 箴? ) Shift-JIS : ???怨?膺???/small> [8FEE][95F1][8EC0][8F4B]

EUC-JP : ???怨?膺???/small> [BEF0][CAF3][BCC2][BDAC]

???吾???≪???????宴????????絎?

(20)

<body>

~~~~~

~~~~~

</

body>

???????吟???????;腓冴?????????吾??荐? 菴?

<body style=??margin-top:50px??>

紊??岩???????純???ゃ????絎??????????? ????

(21)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ??????篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏睡??/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

(22)

HTTP ?? HTTPS

??h3>HTTP (HyperText Transfer Protocol)

??/small> HTML ???吾??????????????????????????篆∴?膣?

??/small> Tim Berners-Lee 羂????????┃荐?

??/small> ??絽吾??80 ?????若????篏帥??

??h3>HTTPS (HyperText Transfer Protocol over SSL)

??/small> HTTP ???祉???ャ?????f??純??菴遵?????????????潟??

??/small> SSL/TLS ???????潟????????????泣?若?????荐若?脂??篆≦??

絎鴻?????桁???????????????? ( 絎?膺?膃????????)

??/small> ???眼???鴻????鐚????????障?????蚊?????篋堺???宴?????????? ????????????鐚?

??/small> ??絽吾??443 ?????若????篏帥??鐚?

(23)

HTTP ?? HTTPS

??h3>HTTP (HyperText Transfer Protocol)

http://

www.comsmo.sci.hokudai.ac.

jp/~inex

(24)

HTTP ?? HTTPS

??h3>HTTPS (HyperText Transfer Protocol Security)

https://

jet.ep.sci.hokudai.ac.jp/

report/login

(25)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ??????篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏睡??/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

(26)

URL

??/small> URL(Uniform Resource Locator)

??/small> 莖?羣????宴???贋????筝????ず???後?

??/small> ????篆≧?号???????篏????????絎?????????鐚?/small>

??/small> INEX 2013 ?????????若??

http://www.ep.sci.hokudai.ac.jp/~inex/

index.html

???????潟??/small> ( 膃?/small> 4 ???? ??/small> )

???鴻????/small> + ???<?ゃ??/small> ??/small> ???<?ゃ?喝??

( 膃?/small> 4 ??????/small> )

???<?ゃ????

??篆≧?号? 篏??

(27)

WWW ???劫彰

??h3>??ゃ???若?????鴻??綵√??ф?吾??????????/h3>

??h3>?????ャ?<?潟??荐?菴域?茯???HTML ?? XHTML ??????篏睡??/h3>

??h3>???????潟??( ??篆∴?膣? ) ????? HTTP, HTTPS ??篏睡??/h3>

??h3>?????????????吾?? URL ??????/h3>

??h3>???吾???画Η???????????吟??綽?荀?

緇??祉??換篁?鐚?

(28)

???

??WWW ?????

??WWW ???腟???/h3>

??WWW ?泣?若??

????篏?罔????ゃ????/h3>

???障????

??????????/h3>

??篁???

(29)

WWW ?泣?若??

??/small> ????????( ?????ゃ?≪?潟?? ) ?????????鴻?????????HTML ???吾????( ?泣?若????) ????箴??????純???????с?≪???????? 膊?罘?

??/small> 罕?????Web ?潟?潟???潟?????主?

??/small> HTML ????/small>

??/small> ?糸??small>

??/small> ????/small>

??/small> ??/small>

??/small> ?純???????с?≪???

??/small> Apache

??/small> nginx

??/small> Microsoft IIS

http://japan.internet.com/webtech/20120523/2.html

?????若?純????

(30)

???????? (Web ????????)

??/small> HTML ???吾???画Η???????????純???????с??

??/small> ?泣?若????????????????? HTML ???吾??茹i??????;腓冴????

??/small> 箴? : Chrome, Internet Explorer, Firefox, Safari, Opera

http://gs.statcounter.com/#browser-ww-monthly-201205-201205- map

(31)

????????????( ?????ゃ?≪??/h3>

?? )

WWW ?泣????

Request

Response ???????潟??/h3>

HTTP or HTTPS

http://www.ep.sci.hokudai.ac.jp/~inex/index.html

荀?羆??????? HTML ????/small> (index.html) ???? ??

HTML ???檎?画Η???腟???/h3>

(32)

HTML ???檎?画Η???腟???/h3>

Web ????????( ?????ゃ?≪??/h3>

?? )

WWW ?泣????

Request

Response ???????潟??/h3>

HTTP or HTTPS

http://www.ep.sci.hokudai.ac.jp/~inex/indax.html ??荀?羆?

????鐚????????鴻?????????c???????? ??

鐚?鐚?鐚?

(33)

????鐚????????鴻?????????c????????

??????/h3>

suu ????????/h3>

HTML ???檎?画Η???腟???/h3>

(34)

????? WWW ?????

??WWW ???腟???/h3>

??WWW ?泣?若??

????篏?罔????ゃ????/h3>

???障????

??????????/h3>

??篁???

(35)

??篏?罔????ゃ????/h3>

??/small> ??篏?罔?????篏???????篏?????????????ゆ┤????????/small>

??/small> ??篏????????喝??????????灸?????;?障?????????с???ゃ??????醐?絖??鐚?

?梧??????恰ソ????蚊?????????????????鐚?/small> (??篏?罔??????)

??/small> ??篏?罔????????????????????/small> ( 箴? )

??/small> ????????/small>

??/small> ??腴?鐚??恰ソ鐚?????鐚?腟窮?誌????誌? etc ( ???吾?帥???????????????????? ).

??/small> ????????/small>

??/small> ???沿押 ( ?我?鐚??∞? ) 鐚?絅?膣??醐? etc

??/small> ??篏?罔?????????鐚????宴??戎????????/small>

??/small> ?ユ?????翫??鐚???篏?????篋<????c?????? 50 綛眼???c????篏???/small> ( ???祉??/small> 70 綛?/small> )

??/small> ?????主??? ( ??篏????????沿押????????????????/small> )

(36)

?ゃ?潟?帥?若??????筝?????篏?????/h3>

???????ゃ??????絵??sup>(2013 綛??上??/sup> )

??/small> ?ゃ?潟?帥?若??????筝???????????????莖?羣????鴻??絵??吾?????? ??????鐚?茯違??????篏????с????鐚?

??/small> ???沿押???翫?????????????????;腓冴????????????

??/small> ?堺???????茯違??????篏??????≧???у?????紙?劫??糸????絽????? ???????с??????鐚?

??/small> ?????????若?????若?吾??ソ?????梧?巡査????????綣泣??

??/small> 篁?篋冴??篏??c???恰ソ?????????????潟???若???с??????????????

??/small> 篁?篋冴??篏??c??????small> ( ???誌??≪????/small> ) ??綣泣??篁?????

??/small> ?????主????????????錫?? ??絵???綽?荀?

??/small> ?????????????????主???????篏??????≧???т戎???????????翫????????

??/small> ?宴??????完綽???絵???綽?荀?鐚?

2012 綛? 10 ??鐔?????篏?罔?????号? ??羈??????潟???若??????篋?臀医??鐚?

2 綛岩札筝????峨醜鐚?????200 筝???篁ヤ???衆??

???????????翫?????????ц??鴻??

??鐚?

(37)

?障????鐚????若???若??

??/small> WWW (World Wide Web)

??/small> ??ゃ???若?????鴻??鐚????潟????純?????c????????吾???娯????≫?

??/small> HTML, XHTML 鐚? < ?帥??/small> > ?????????????吾??????????/small>

??/small> HTTP, HTTPS 鐚???篆∴?膣? ( ???????潟??/small> )

??/small> URL 鐚? WWW 筝??????

??/small> WWW ?泣?若??

??/small> ???????鴻??????? Web ?潟?潟???潟?????????ゃ?≪?潟????検??

??/small> Apache 鐚??激?с??/small> No.1 ???泣?若???純???????с??/small>

??/small> ??篏?罔?

??/small> ????????篏???????????戎???????????????????????┤??/small>

??/small> ?堺??????????????篏????с??鐚???篏?罔?????????

??/small> 篋冴????篏?????┗?????鋎帥?????

(38)

????????/h3>

??/small> IT ???莨??? e-Words

http://e-words.jp/

??/small> Apache HTTP Server

http://httpd.apache.org/

??/small> Wikipedia

http://ja.wikipedia.org/wiki/

??/small> HTML & XHTML 膃?/small> 5 ??

??/small> Chuck Musciano , Bill Kennedy ?????ゃ???若?祉?吾?c???? 2003

??/small> Apache ??潟????????膃????

??/small> Ben Laurie, Peter Laurie ?????ゃ???若?祉?吾?c???? 2003

(39)

篁?????/sup> Web 罎?膣≪???潟?吾??/sup> ??Apache ?????

(40)

Web 罎?膣≪???潟?吾??/h3>

??/small> WWW 筝?????????????宴??罎?膣≪????罘??純???????違???????? ??

??/small> ??????????罎?膣≪???潟?吾??/small>

??/small> ???c??????????罎?膣≪???潟?吾??/small>

??/small> ?<?炊?膣≪???潟?吾??/small>

??/small> ????罎?膣≪???潟?吾??/small>

??/small> 篏帥????

??/small> 罎?膣∝????若?違???????????鴻?????若???若?????ュ???????膣≪????

(41)

Web 罎?膣≪???潟?吾??/h3>

??/small> ??????????罎?膣≪???潟?吾??

??/small> 絨??????≪?????宴?若?激?с?潟?純?????? WWW 筝???綏≦?????????若?吾??賢??/small> ???????宴???????????帥?ゃ??鐚????若?帥???????????純????????????????/small> ????鐚?/small>

??/small> ???c??????????罎?膣≪???潟?吾??

??/small> ?????c?帥?若???若?違????篋冴?????????c??完????????眼???ゃ?冴???? ?????潟?????????障??鐚??膣∽?号????????眼???????????????????? ?≪???号????罎?膣∝??????若???若???????∴昭???号???????鐚?

??/small> ?<?炊?膣≪???潟?吾??

??/small> 茲??違???膣≪???潟?吾?潟??罔????????膣≪?????激?鴻??????????/small>

??/small> ????罎?膣≪???潟?吾??

??/small> ???吾?????障?????????鴻???????絲乗院??????罎?膣≪??????/small>

(42)

YAHOO! ???????????若??/h3>

??/small> ?ゃ???若???????????若?吾???帥??

罎?膣????潟?吾??/h3>

(43)

Apache ?????

??/small> ?ュ?? : Apache HTTP Server

??/small> Apache Software Foundation ??????/small>

??/small> NCSA ?????冴???? NCSA HTTPd ????桁????篆????????????/small> ?????? (a pach) ????????鐚? 1 ?ゃ??????????純???????с??

??/small> Apache ??/small> UNIX 膤祉??/small> OS ?? Windows ??????違??/small> OS ??? 綽?

??/small> ?上???????≪?????? Apache ????箴??????医?????純???喝??? ?????????????

??/small> Yahoo! ??/small> 1996 綛眼????????/small>

http://httpd.apache.org/

ASF ??????篋? Brian

Behlendorf

http://en.wikipedia.org/wiki/Brian_Behlendorf

(44)

Apache ??篏???羈?????????????鐚?

??/small> ?≧??

??/small> ?>?荐若?紫?≦?綽?

??/small> Linux ????罕????????潟???c?≪?????c???<?潟?????潟??/small>

??/small> Apache ?潟???ャ??????/small>

??/small> 菴???????膈????綽?????????????

??/small> 蕭???篆♂?惹??/small>

??/small> 蕭???絎?絎??с??蚕綽?????篏?

??/small> 莟?絲??????/small>

??/small> Microsoft IIS ???????莢?????鴻????鐚?罘??純???絲??с????

??/small> 紊?綵?????篏??医?

??/small> 罕?????/small> OS ??????????篏?????

Referensi

Garis besar

Dokumen terkait

Q1 取得できる学位や免許状を教えてください。 A 前期課程では、所定の単位を修め修士論文に合格すると修士号が授与されます。 後期課程では、所定の単位を修め博士論文に合格すると博士号が授与されます。 教員免許状においては中学校・高等学校の専修免許状が取得できます。 Q2 普段、大学院生の居場所はどこですか? A

2 方法: 18―25歳の青年198名(男性98名,女性100名;平均年齢20.04歳,SD=1.60)を対象に,研 究Ⅰで作成された3つの対人ストレス場面映像と以下の項目からなる自記式質問紙で調査を 行った。①フェイスシート:年齢,性別,所属(学生,社会人,その他),②ユーモア親和性: 対人ストレスユーモア対処尺度(Humor Coping with

We report climatological behaviors of the atmospheric water vapor over 13 years period 1996-2008 using daily precipitable water vapor PWV data in the F3 solution at ~1000 receivers of

特殊相対性理論 ローレンツ変換 アインシュタイン 時間間隔の伸び 時計の遅れ 空間間隔の収縮 物差しの縮み 量子場の理論・反粒子 くりこみ・くりこみ群方程式... 運動する時計の遅れ 時間間隔の伸張 光の往復回数で時間を計る。 宇宙線としてのミュー粒子:静止系で寿命(平均)10-6 秒

クォーク バリオン 陽子,中性子など 陽子や中性子,その仲間(バリオン)はクォーク3つで構成されている 中間子 メソン は,クォーク・反クォークの束縛状態 前ページの対称性は,u,d,s を取り替える変換に対する対称性 クォークモデル ゲルマン 1964 年 Nobel Prize 1969 実験的検証 フリードマン,ケンドール,テイラー 1972 年

5 ファイルの転送 upload Koder Koder では upload は簡単で, 画面最上部の左端のiPad アイコンをクリックして, iPad 内の ファイル, フォルダの一覧を表示させ, 上で作ったWWWフォルダを長押しし, 出てきたメニューで 「Upload to FTP」を選ぶだけです... Filezilla Filezilla

光は粒子 光子 である 19〜20 世紀に光電効果の発見,研究 金属表面に短い波長の光(電磁波)をあてると,電子が飛び出すことがある。 光電効果の研究でわかったこと 1 ある波長より長い波長の光の場合,どんなに光を強くしても電子は飛び出さない。 2 それよりも短い波長の場合,飛び出す電子のエネルギーは光の強さによらない。 3

選考に関する覚書 1受賞者数の目安受賞者の数に特に制限は設けられていないが、質を揃えるために、学 生の発表10件に対して1件程度を目安とする。 2受賞者数の公表理事会での承認後、領域のウェブページで受賞者を発表する。その際、 審査員名も掲示する。 3表彰式表彰式は、次の回の物理学会における領域懇談会でおこなう。その際に、審査 員も発表し、労をねぎらう。