110 likes | 225 Views
情報塾( 2003.3.15 ). インターネットのホームページの HTMLファイル というのはどんなふうに書 けばよくて、どんなことができるのだろう。. HTMLファイル(おさらい). インターネットで使われるインターネットファイル。テキストファイルでもある。 HTML ファイルには決まり事がある。 決まり事は < > の中に書く。. <HTML> < HEAD> </HEAD> <BODY> </BODY> < / HTML>. <HTML> </HTML>. <HEAD> </HEAD>. <BODY> </BODY>. まず作ってみよう。.
E N D
情報塾(2003.3.15) インターネットのホームページの HTMLファイルというのはどんなふうに書 けばよくて、どんなことができるのだろう。
HTMLファイル(おさらい) • インターネットで使われるインターネットファイル。テキストファイルでもある。 • HTMLファイルには決まり事がある。 • 決まり事は< >の中に書く。 <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> <HTML> </HTML> <HEAD> </HEAD> <BODY> </BODY>
まず作ってみよう。 <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> これは、 ****が初めて作ったページです。 </BODY> </HTML> HEAD(ヘッド):頭 TITLE(タイトル):題 BODY(ボディ):体 souichirou.htm masahiro.htm kou.htm <>で囲まれた部分はコンピュータが解釈して表示されず BODYの中のそれ以外が表示される。
文字の大きさと色を変えてみよう。 <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <font size= ■ color=" ■ ■ ■ "> これは、 ****が初めて作ったページです。 </font> </BODY> </HTML> Size(サイズ) Color(カラー) font(フォント) Size(サイズ)=4,5,6 Color(色)=red(赤)、green(緑)、blue(青) souichirou.htm masahiro.htm kou.htm
ハイパーリンク <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <font size= 4 color=" red "> これは、 沖総一朗が初めて作ったページです。 </font> <a href=“masahiro.htm”>これは、 広瀬将大が初めて作ったページです。</a> </BODY> </HTML> <a href=“ファイル名”>*******</a>
壁紙をつけてみよう <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <BODYBACKGROUND="BG_27.GIF"> <font size= ■ color=" ■ ■ ■ "> これは、 ****が初めて作ったページです。 </font> </BODY> </HTML> この画像ファイルを取ってくる。
絵をつけてみよう <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <BODY BACKGROUND="BG_27.GIF"> <font size= ■ color=" ■ ■ ■ "> これは、 ****が初めて作ったページです。 </font> <BR> <HR> <IMG SRC=“welcome06.gif”ALIGN=“right”> </BODY> </HTML> この画像ファイルも取ってくる。
音もつけてみよう <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <BODY BACKGROUND="BG_27.GIF"> <BGSOUND SRC=“******”> <font size= ■ color=" ■ ■ ■ "> これは、 ****が初めて作ったページです。 </font> <BR> <HR> <IMG SRC=“welcome06.gif”ALIGN=“right”> </BODY> </HTML> この音声ファイルも取ってくる。
ネット上にファイルを置く FTPソフトでHTMLファイルをネットに置く Yahoo/@nifty “アップロード”と言う。 電話線・ADSL ネットワーク souichirou.htm masahiro.htm kou.htm その他の画像ファイル D:\homepage souichirou.htm masahiro.htm kou.htm その他の画像ファイル http://homepage3.nifty.com/oki/kou.htm これをURLと言い、世界中から見れる。
ハイパーリンク2 <HTML> <HEAD> <TITLE>はじめてのHP</TITLE> </HEAD> <BODY> <BODY BACKGROUND="BG_27.GIF"> <font size= ■ color=" ■ ■ ■ "> これは、 ****が初めて作ったページです。 </font> <BR> <a href=“http://www.azabu-jh.ed.jp/”>これは、 僕の中学校です。</a> <HR> <IMG SRC=“welcome06.gif”ALIGN=“right”> </BODY> </HTML> URLをホームページにリンクすれば世界中にとべる。 HTML言語を勉強しました。
What’s next • プログラムファイルやデータファイルはどのような形でPCの中に入っているのだろう? • ビット・バイト・2進数・16進数・アスキーコード • HTMLファイルというのはどんなふうに書けばよくて、どんなことができるのだろう。 • HTML文法・ハイパーリンク • プログラム(ソフト)というのはどう書けばいいのだろう。 • WORDやEXCELやパワーポイントでどんな事ができるのだろう。 • PCの中はどうなっているのだろう。 • CPU/メモリ/チップセット/インターフェイス • CPUとメモリがどんなふうに動くのだろう。 • 電子回路・アドレスバス・データバス・メモリ構造