ホームページ作り入門<1>

まずは体験(1999/01/23)
  1. まず下のソース(ホームページ用プログラムの記述)をマウスの左ボタンを 押したまま撫でて(ドラッグという)文字を反転色表示させ(範囲選択という)た上で メニューバーの「編集」「コピー」をクリックしてください。
    メニューバーが表示されてないときは「ツール」「ツールバー」で「メニューバー」にチェックしてください



  2. ディスクトップの「スタート」「すべてのプログラム」「アクセサリー」と進み 「メモ帳」をクリックして「メモ帳」を起動してください。




  3. 「メモ帳」のメニューバーの「編集」「貼り付け」をクリックしてください。




  4. 「メモ帳」のメニューバーの「ファイル」「名前をつけて保存」とすすみ ファイルタイプを「すべてのファイル(*.*)」にし 保存する場所はとりあえず「ディスクトップ」にして ファイル名は「myhp.htm」として「保存」してください。




    (ファイル名はすべて英数字の小文字のを使い、直接入力 (日本語入力をoff)でタイプしてください) (ホームページ用プログラムのファイル名の拡張子は「htm」又は「html」 でないといけない)

  5. 準備完了、右上の[x]で終了すると、ディスクトップ画面に 「myhp.htm」のアイコンが出来ていると思います。 このアイコンをダブルクリックするとホームページが開きます。

  6. 掲示板....という文字をクリックすると インターネットに接続され私の掲示板(ゲストブック)につながることでしょう。 差し支えなければ、ひとこと書き込んでください。 <!-------------ソース(ここから下をコピーする)-------------> <html> <head> <title> 私のホームページ </title> </head> <body bgcolor=#888888> <center> <font size=7 color=#00ff00> 私のホームページ<br> </font> <font size=6 color=#ff0000> 工事中<hr> </font> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック </a> して送ってください。 <br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm "> 掲示板はここをクリックする </a> とつながります。 </center> </body> </html> <!---------------------コピーはここまで------------------> 成功しましたか。

    それでは上のhtmlの解説を少々
  1. HTMLは「ハイパーテキスト=インターネットで伝える文章」に 「マークをつけるプログラム言語」とでも思えば良いでしょう
  2. <命令>文章やマルチメディア</命令> という形式でスタートと終わりに<>で挟んだマーク(タグと言う)をつけます。
    例外を除いて<></>のセットになっていなければなりません。
    上の例ですと
    先頭に<html>最終に</html>となっています。
    この間に書かれていることはhtml言語で解読し再現せよ!という命令です。
    
    <head></head>は「前文」で表示はされません。
    <title></title>は題名、お気に入り登録等の場合に使われます。
                              (前文の中に書くのが通例です)
    <body></body>は本文で、この間に書かれた事が表示されます。
    <center></center>中央揃え
    <font  オプション></font>文字の大きさや色や書体の指定
              color=”#赤緑青 ”      各三原色の濃さを「00」〜「FF」で指
    定
              size=大きさ            「7」〜「1」で数字が大きいほど文字が
    大きい
    <br>は「改行」でこの場合は</>がない
    <hr>も「改行」ですが改行後「罫線」が引かれる、この場合も</>がない
    <a></a>はリンクでこの間に書かれた文字をクリックすると飛んで行く
    飛び先は
    href=”飛び先”
    という書式で書き”飛び先”は
    メールの場合は ”mailto:メールアドレス”
    ホームページの場合は ”http://ホームページアドレス”
    を書く。
    

わからなくなったらまたメール下さい。
----------------------------------------
HomePage QPON (愛知県豊田市)
URL http://www2a.biglobe.ne.jp/~qpon/
Name   Yukio_Miyamoto(宮本幸雄)
E-mail qpon@mxc.mesh.ne.jp
-----------------------------------------
表示見本
私のホームページ
工事中
私への Eメールはここをクリック して送ってください。
QPONの 掲示板はここをクリックする とつながります。

ホームページ作り入門<2>へ