4.WWWとホームペ−ジ入門

 

  1.WWW:(orld ide eb)

      HTTPでつながったINTERNET上のネットワーク

 

      

 

 

  * 本だと1ページずつめくっていかなければならないが

    コンピュータなら一度で求める情報を出せる。   

 

   HTTP:(yper ext ransmission rotocol)

 

 

WWWを作った人

  1989 Tim Berners Lee 

       CERN(スイス)

 ビューワ(viewer)=(Browser) 1993頃

 Mosaic(ws)

 アンドリーセン(NETSCAPE)(ncsa イリノイ大・スーパーコンピュータセンター)

 

 

   

 

 

 (2)データ

    ・ユニークな名前URLを持つ

       URL:(niform esourse ocator)

    ・html言語で記述

       html:(yper ext arkup anguage)

システム 

 

 

 

 

NetScapeの使い方  NS:NETScape2.0

 

 

 

 

 

3.ホームページの作り方

 

   HTML入門

 (1)手順

    1.WRITEなどで

      HTML(ソース)プログラムを作る。

      ただし、ファイル名:xxx.htmの形。(WINDOWS3.1)

                 a:¥work¥YAKU¥

 

      または

    1.NetScapeの[ファイル][名前をつけて保存

      で見本をもって来てNetScape終了後改めてWRITEで開いて適当に整形。(ディスクに保存)

    2.適当なDIRECTORYに保存

       WWWサーバーでは指定あり

 

 (2)HTMLプログラムの見方   

    1.<TITLE>文字列</TITLE>・・・・見出し、HPの上に表示

    2.<BODY>〜</BODY>・・・・本文

    3.<p>・・・・段落変え

    4.<H1>〜</H1>・・・・大きい字(Hの後ろの数字1,2,・・・,6の順で大きさ調節)

    5.<A HREF=”−”>〜</A>・・・・−へリンク:〜

    6.<HR>・・・・区切り

    7.<〜>は命令<〜>は命令の終わりを示す。

 

  注 ・URL(外)→HTTP://・・・と書く

    ・PC(内) →XXX.HTMなど

 

 (3)HTMLの書き方

     文法(の一部)       注意 S→SVO・・・書き換え規則

   

  (形式)G:

   [プログラム]::=

    <TITLE>文字列</TITLE>

    <BODY>

      [HTML文の列]

    </BODY>

                   又は

  [文字列]::=[文字][文字列]|[文字]

  [文字]::=A|B|・・・|Z|0|1|・・・|9|あ|い|・・・

 

  [HTML文の列]::=[HTML文]|

             [HTML文][HTML文の列]

 

  [HTML文]::=[文字列]|

      <H1>[HTML文の列]</H1>| 

      <H2>[HTML文の列]</H2>|

      <H3>[HTML文の列]</H3>|

      <HR>|<P>|

      <I>[HTML文の列]</HI>|            (意味:イタリック)

      <A HREF=”アドレス”>[文字列]</A>| 

      <PRE>[HTML文の列]</PRE>          (ファイルのまとめ)

 

  参考

 

 

 

HTMLプログラム

       Gの::=を用いて[プログラム]から”導かれる”

       文字(形式)と< , >の列

 

 

演習    ホームページの作成

   問題

    1.HTMLプログラムを作る

       ファイル名

          例  home.htm

              A:¥work¥・・・

 

    2.NetScapeで表示