Revised: 19th/Dec./2004, Since: 29th/May/2002
HTML 文書を閲覧／出力するためのソフトウェアをブラウザと呼びます。本文書も HTML 文書であり、ご覧頂くのにお使いのおソフトウェアがブラウザです。代表的なブラウザには次のものがあります：
|
| 図：ブラウザのアイコン |
HTML 文書は単なるテキストファイルです。テキストエディタと呼ばれるソフトウェアで作成／編集できます。OSに標準装備されているテキストエディタには次のものがあります：
| Windows | "メモ帳" (notepad) |
| UNIX/Linux | "vi", "EMACS (Mule)" |
| Macintosh | "TextEdit", "SimpleText" |
また、インターネットで無料／安価に公開されているオンライン・ソフトでも、沢山のテキストエディタが存在します。それらは、OS標準のテキストエディタに比べると非常に高機能です。
 |
| 図：テキスト・エディタのアイコン |
テキストエディタとワープロソフトは異なるものです。MS Word, Lotus WordPro, JustSystem 一太郎などのワープロソフトは、テキストエディタとは異なり、本稿の目的では使えません。
フォルダとファイルを管理するソフトウェアです。無料／安価で公開されているオンラインソフトが沢山あります。
ディレクトリはファイルを階層的に整理するための仕組みです。
フォルダもほぼ同様のものを指す言葉ですです。異なるディレクトリ上のリソースを仮想化して一つのフォルダに見立てる場合があるなど、厳密には異なる意味を持ちますが、概ね同じものだと思って良いでしょう。
HTML ファイルは、画像ファイルや他の HTML ファイルを、フォルダの相対位置を使って参照するので、どのファイルが、どのフォルダに入っているのかを明確に意識しておく必要があります。全てのファイルを同じフォルダに雑然と突っ込むのではなく、意味的にフォルダを階層的に区切って、ファイルを整理しながら作成する必要があります。
Windows では「エクスプローラ」が標準です。スタートメニューを右クリックすると、「エクスプローラ(X)」のメニューがあります。もしくは、スタートメニューから、「ファイル名を指定して実行(R)」を選択し、開いたダイアログに "explorer" を入力して、OKボタンを押下すると起動します。
エクスプローラでは、左側のペインにディレクトリ階層がツリー表示されます。右側のペインには、選択したフォルダの内容が表示されます。
 |
| 図：エクスプローラでフォルダ "HTML_Docs" を開いた画面 |
ディレクトリ階層名をパスと呼びます。上の図だと、ファイル "first.html" の絶対パスは "C:\Documents and Settings\msugai\My Documents\HTML_Docs\first.html" になります。Windowsで階層を表わす区切り文字は、
か
が使われます。どちらも同じ意味です。
Windowsでのパスは、どのドライブの、どのディレクトリ階層か、何という名前かを指し示しています。例えば、"C:\01_website\we\tut\style\core.css"というパスであれば、「Cドライブにある、01_websiteというフォルダの下の、webというフォルダの下の、tutというフォルダの下の、styleというフォルダの下の、core.cssというファイル」のことを指し示しています。
 |
| 図：エクスプローラとパスの関係 |
パソコン内で作成したウェブサイトをサーバへ転送するには、どのファイルをサーバ上のどこへ転送するかを知っている必要があります。また、ウェブサイト内でページや画像をリンクするには、ファイル間の相対的な位置を知っている必要があります。
そのために、ファイル名と存在するディレクトリについて、明示的に知っておく必要があります。
エクスプローラは、インターネットエクスプローラ (MS I.E.) とは別のソフトウェアです。エクスプローラに慣れていない方は、まず、エクスプローラの起動方法を確認してください。次に、ファイルとフォルダの概念、ファイル／ディレクトリのコピー、削除、移動、改名（リネーム）などの基本的な操作方法を習得してください。
FTP クライアントは、サーバ上にファイルを転送するためのソフトウェアです。自分の PC 内のファイルをインターネットで公開するためには、当該のファイルを、インターネット上のサーバと呼ばれるコンピュータの所定のディレクトリへ転送します。このときに使うのが FTP クライアントです。
Windows では、コマンドプロンプトでコマンド "ftp" を実行すると、テキストベースのプロンプトとして起動します。
C:\Documents and Settings\msugai>ftp xxxx.xxxx.com Connected to xxxx.xxxx.com. 220 ProFTPD 1.2.8 Server (ProFTPD Default Installation) [xxx.xxx.xxx.xxx] User (xxxx.xxxx.com:(none)): xxxxxx 331 Password required for xxxxxx. Password: 230 User msugai logged in. ftp>
これを、グラフィカルに、マウスで利用できるようにしたものが、無料／安価なオンラインソフトとして公開されています。
FTP でサーバに接続するためには、「 FTP アドレス、 アカウント名（ログイン名）、パスワード」が必要です。これらはサーバのディスク容量を提供された時点で与えられます。
サーバに FTP で転送するのは、PC 上でファイルを作成し終わってから、公開する時点です。作成する時点では使いません。まずは、自分の PC 上で HTML ファイルや画像ファイルを作成して、一通り完成したら、最後に、FTP でサーバへ転送することで、ウェブサイトとして公開します。