HTMLの基礎中の基礎

ここでは， HTMLと呼ばれるものを身に付ける上で最低限必要となることを 紹介します．
エディタの入手
HTMLと呼ばれるファイルを作成するために， まず，エディタと呼ばれるソフトウェアを入手しましょう． 以下にエディタの一部を紹介します．
  • 秀丸エディタ ：シェアウェア
  • TeraPad ：フリーウェア
  • Meadow：[ツールなど]-[Unix Like]で紹介しています．
  • EmEditor ：シェアウェア
  • メモ帳：Windowsに標準で入っている
  • ワードパッド：Windowsに標準で入っている
ここで注意が必要です．HTMLと呼ばれるファイルの拡張子は， 「.html」です． （拡張子：テキストは，「.txt」，プログラム「.exe」となります．） したがって，メモ帳やワードパッドでは， 簡単にHTMLと呼ばれるファイルを作成できません．
お勧めは，TeraPadです． HTMLを書きやすく，かつ，フリーであることが挙げられます． ちょっと高度なことをしたい人は，Meadowがお勧めです． プログラミングなどを書いたりするときに有益です．
これだけは，覚えておけ！HTMLの基本形
以下に書くことは，HTMLの基本形です． 黄色部分は，自分で好きなように変更してください． 
<html>
<head>
<title>（タイトル）</title>
</head>
<body>
（本文：初めて作るウェブサイト）
</body>
</html>
<***>のことをタグといいます． HTMLでは，文章をタグと呼ばれるものではさんだり， 区切ったりします．
作成したHTMLファイルは，必ず最後を.htmlで保存してください． また，ウェブページのトップ（ホームページ）はindex.htmlという名前で 保存するようにします．
様々なタグ
以下で，数々のタグについて説明をします．
<html>..</html> HTMLの開始と終了を示す． すべての文章は，このタグの中に入っている必要あります．
<head>..</head> ヘッダーの開始と終了を示す． タイトルなどがこの中に入ります．
<title>...</title> タイトルの開始と終了を示す． ここに書かれた文字はブラウザのタイトルバーに表示されます．
<body>...</body> 本文の開始と終了を示す． ここに書かれた文字（タグを除く）が ブラウザに表示されます．
<p>...</p> 段落の開始と終了を示す． <p>で１行改行しますが，１行改行タグではありません．
<br> 改行タグです． これを文末におくと，文末で改行されます．
<nobr>...</nobr> 改行禁止範囲の開始と終了を示します． nobrで囲まれた文字の中での改行を行いたくない場合に使用します．
<hr> 罫線を引きます．
この他にも，フォント，リンク，テーブル，フレーム等があります．
特殊文字
以下に挙げる文字は，特殊な操作が必要な文字です．
表示したい文字対応する文字
<＆lt;
>＆gt;
&＆amp;
作ったファイルをブラウザでチェック
作成したHTMLをダブルクリックしてみましょう！ そうすると，Internet ExplorerやNetscapeで 表示されると思います． うまくいかない人は，Internet ExplorerやNetscapeを 起動して，開くからそのファイルを選べば見られると思います．
作ったウェブを公開する場所を見つける
ウェブを公開する場所がない人は， 以下のURLから登録作業等を行ってウェブサイトを作りましょう． これらのどれが良いかは，一概には言えません． これらで開かれているサイトを見ることにより判断してください．
作ったウェブを公開する
ウェブを公開するためには，プロバイダ等にファイルを送る必要があります． ここでは，ファイルを送る一般的な方法であるFTPを使った方法を紹介します． （場合によっては，FTPでない方法しかないところもあります．）

FTPソフトの入手

FTPを使うためには，FTPソフトを入手する必要があります．

以下では，FFFTPを入手し，インストールした場合について扱います．

FTPソフトを使う

FFFTPを起動します．
まず，メールアドレス入力欄が出てくるので， 自分のメールアドレスを入力して[OK]ボタンを押します．
次に，ホスト一覧が表示されます． そこで，[新規ホスト]ボタンを押し，設定を行います．

ホストの設定名 適当につけましょう！
ホスト名 プロバイダなどから教えてもらえます
ユーザ名 （自分のユーザ名）
パスワード （自分のパスワード：***と表示されます）
ローカル初期フォルダ （HTMLファイルがある場所）
ホストの初期フォルダ 　
以下に，いくつかの例を示します．
  • Cool Online(Tokyo)の場合
    ホストの設定名 Cool(Tokyo)
    ホスト名 tokyo.cool.ne.jp
  • Geocitiesの場合
    ホストの設定名 Geocities
    ホスト名 ftp.geocities.ne.jp
  • Hoopsの場合
    ホストの設定名 Hoops
    ホスト名 user**.hoops.ne.jp
そして，作成したホストを選択し，[接続]ボタンを押します． そうすると，左側には自分のファイルが， 右側にはプロバイダの自分のファイル（あるいは，空）があります． あとは，送りたいファイルを左側から選んで右側にドラッグ＆ドロップする だけです．

公開したウェブを閲覧する．
Internet ExplorerかNetscapeを立ち上げましょう！ そして，アドレス欄に自分のウェブのアドレス（http://...）を 書いてクリックします． そうすると，自分のウェブが閲覧できます．
Copyright (C)1997-2001 h-haruki
Last modified: Sun Sep 09 19:52:03 LMT 2001


counter