コンピュータ基礎実習上級
#2 WWW page を作る
コンピュータ基礎実習上級
#2 WWW page を作る
一般教育研究センター 安田豊
WWW page とは WWW page とは
• Internet Explorer や Netscape Communicato r で表示されるもの
•
これらのソフトウェアを WWW ブラウザと呼ぶ• WWW ブラウジングの登場人物は？
•
WWW ページを構成する材料•
それらをディスプレイに表示する WWW ブラウザ•
それを見るユーザ• World Wide Web が full spec.
•
略して WWW 、 Web などという• コンピュータガイド ( インターネット編 ) pp.2
13- WWW って何？を参照
WWW ブラウジングの構造 WWW ブラウジングの構造
ブラウザ
WWW
HTML
ファイル利用者
音
音 音、絵、動画等
WWW で情報発信 WWW で情報発信
• WWW サーバの介在
• ネットワークを通して利用者に WWW ページ を見せることができる
• WWW サーバと WWW ブラウザの組み合わせ
• 遠くのユーザもブラウジングできる
•
インターネットの全ユーザに見せることができ るWWW ブラウジングの構造 (2) WWW ブラウジングの構造 (2)
ブラウザWWW
HTML ファイル 利用者
音
音、絵、動画等 音
サーバWWW
インターネット
WWW ページを作る WWW ページを作る
• 原稿 (HTML ファイル ) を作成する
• エディタの使い方を覚えましょう
• HTML の書法を覚えましょう
• ( 必要なら ) 音や画像データを用意する
• 写真はスキャナを使ってデータにできます
• デジタルカメラがあるともっと簡単です
• 写メールでもうまく使えば効果的です
HTML ファイルの中身 HTML ファイルの中身
• FromTeacher フォルダの Sample1.html ファイ ルの中身を見る
• それを WWW ブラウザで表示させる
• <TITLE></TITLE> などのタグと呼ばれる指示 に注目
• 各タグの機能はどんなものか
•
（ほぼ）定型のタグもある（次頁参照）HTML 書法 HTML 書法
•
<xxx> 〜 </xxx> で囲む•
<HTML> にはじまり </HTML> で終る• 「これは HTML だ」の意
•
中身は大きく分けて <HEAD>~</HEAD> と <BODY>~</BOD Y> からなる•
典型的なヘッダは例えば<HEAD>
<TITLE>Sample Title</TITLE>
</HEAD>
•
もっとも簡単なボディは例えば<BODY>
本文ナニガシナニガシ・・・
</BODY>
HTML サンプル HTML サンプル
<HTML>
<HEAD>
<TITLE>Sample 1</TITLE>
</HEAD>
<BODY>
Sample 1
です。TITLE
部分と、本文にどういう文字が表示されるか良く見てくださいね。
