c-MOS NOT ゲート

第14回放送授業
「ソフトウェアのしくみ」
13 Web
13.1 Webの概念とそれを
支える技術
• ファイルリストの公開 Archie
• ファイルの公開 Gopher
• ファイル内容の表示
World Wide Web
• SGML→EPUB や iBook、TeX
• HTML
• ハイパーテキスト: リンク
<html>
<head>
<meta http-equiv=“Content-Type”
content=“text/html”; charset=“Shift_JIS”/>
<title>test</title>
</head>
<body>
<a href=“http://www.test”>テスト</a>
</body>
</html>
•
•
•
•
•
<h1>章</h1>, …, <h6>小々節</h6>
横線<hr/>
<p>段落</p>, 改行<br/>
<pre>そのまま</pre>
<i>イタ</i>, <b>ボールド</b>,
<sub>下付き</sub>
• 箇条書き<ul><li>項</li>…</ul>
順番付き<ol><li>項</li>…</ol>
• リンク<a href=“リンク先”>説明</a>
• <img src=“リンク”/>
13.2 検索エンジン
•
•
•
•
•
•
•
トップページ、ホームページ
組織内リンク先集
分野別リンク先集
検索ロボット、検索エンジン
URLの並べ方
自動(参照数順)
メガデータ
13.3 Webアプリケーション
• プログラムによってHTML言語と
同じ文字列を吐き出す
• 静的ではなく動的なページが可
• Webページからプログラムへ値を
送るには、form というタグを使用
• <form action=“URL” method=post>
<input name=“answer” type=text />
</form>
13.4 XML
• 自由なタグを使った形式
• 例えばWebで見ようとすると、
タグの翻訳のような作業が必要
• Webで見せるにはXMLファイル以外に
XSLファイルが必要
• データベースやデザイン付き文書にも
利用される
• <tweets>
<tweet>
<id>0000</id>
<time>210101</time>
<text>これはツイート文です</text>
</tweet>
<tweet>
<id>0001</id>
<time>210102</time>
<text>ツイート文2です</text>
</tweet>
</tweets>