インターネットの仕組みーウェブサーバー担当教官：大月美佳（佐賀大学） 2001年度総合科目前準備   http://www.cse.ec.kyushu-u.ac.jp/~bsmika/ http://web.rc.kyushu-u.ac.jp/~mika/work/internet/ CSEのホームクリック！ CSEにある私のホームネットサーフィンしてる？  もはやインターネット＝WWWな時代  ケータイでもできちゃう   i-mode, ezWeb, etc…. でもWWW(World Wide Web)って何？    世界に張り巡らされた情報の網（クモの巣）網の結び目はWWWサーバ（サイト）ブラウザと呼ばれるクライアントでWWWから情報をゲット！ネットサーフィン！の図 WWWサーバ1 見せてブラウザ表示リンクインターネット見せて自分のコンピュータ（ケータイ） WWWサーバ2 用語が難しいんだよね  URL (Unified Resource Locator)     HTTP (Hypertext Transfer Protocol)   ネットワーク上の資源（ファイル）の場所プロトコルとサーバの住所とファイルの場所 http://www.cse.ec.kyushu-u.ac.jp/~bsmika/ ウェブサーバとブラウザが話す言葉(プロトコル) HTML (Hypertext Markup Language)  ウェブページの書き方のお約束ウェブサーバを動かしてみよう  目のまえのコンピュータでサーバが動く  Apache httpdを入れてみよう    世界で最もたくさん使われているフリー！手順 1. 2. 3. 必要なものをダウンロードしてくるインストールしてみる（今回は展開のみ）起動してみるダウンロード開始「ダウンロード」のファイル apache.lzh をクリック！クリック！ Eドライブに保存ここをつまんで …Eドライブを選ぶクリック！クリック！完了！終わるまで待って …できたかな？ Eドライブに解凍右クリックしたまま右下へ移動「解凍」から「ここに解凍」を選ぶ解凍中できあがりサーバ起動！何か黒いものが！？ E:\apache ダブルクリックほんとに動いているのか？ブラウザで眺めてみよう http://127.0.0.1/ もしくは http://マシンのIPアドレス/ を書き込んでリターン！ IP:133.5.23.xx HTMLファイルを眺めてみる Internet Explorerの場合「表示」→「ソース」 Netscape の場合「表示」→「ページソース」 HTMLファイルの構造  タグ  ブラウザに指示  本文の整形   ファイルの情報   「ここはテーブル」など文字コード、タイトルなど本文  何か適当なテキスト  「テストページでぇ～す」など HTMLファイルを編集してみる HTMLファイルの編集はむずかしい（してもいいけど…） →Netscape Composer を使おう Netscape Communicator の付属品編集開始「htdocs」 ↓ 「index.html」編集モード！ファイルをつまんで落とす自分の情報に書き換えてみよう「ファイル」→「ページを編集」を選ぶ保存そして再表示保存再表示編集モード (Composer) 「ファイル」→「上書き保存」「ファイル」 →「ページをブラウザで表示」お互いに眺めてみる   近くのできた人同士お互いのマシンのIP アドレスを教えあう IP:133.5.23.xx http://相手のマシンのIPアドレス/ を書き込んでリターン！レポート課題  どんなHTMLタグがあるか調べてみよう   代表的なものを10個ほど http://www.google.com/ などで、「HTML タグ一覧」あたりで検索してみる