HTMLファイル作成用エディタの設定

「秀丸エディタ」は、 本格的なプログラム開発にまで対応できるように設計された、 Microsoft Windows上で動作するテキストエディタです。

「秀丸エディタ」はシェアウェア^(※)ですが、 作者のご厚意により、 熊本大学の情報教育用PCでの無償使用を特別に認めていただいており、熊本大学にある情報教育用PCではこれを標準エディタとして設定しています。

一般に自宅で使用する場合は、 基本的にシェアウェア料金を送金する必要がありますので注意して下さい。 ただし、学生の場合は、在学中に限り「アカデミックフリー制度(個人)」が適応され、 無料で使える場合が多いようです。この制度の適応を希望する人は、 以下のURIをアクセスして各自申し込んで下さい。
http://hide.maruo.co.jp/support/hmfree1.html
適応が認められたとしても、卒業後に継続して使用するときは、 必ず入金するのを忘れないようにして下さい。

1. まず、 マイドキュメントの下に「kisoB」というフォルダを作り、その下に「week06」というフォルダを作って下さい。 もちろん、すべてフォルダ名は半角英数字でつけて下さい。
2. スタートメニューから「プログラム」→「ドキュメント」→「秀丸」と選び、 秀丸エディタを起動します。

1. 起動すると、下図のように空のウィンドウが開きます。
   左上の「1」は行番号を、「[EOF]」は、 ファイルの終り(End Of File)を示しています。 つまり、1行目の先頭にファイルの終りがあるということですから、 空のデータであるということがわかります。

1. 次に、この空のファイルに、「ex1.html」 (拡張子は、「HTML」を小文字にしたものです)というファイル名をつけて、 先ほど作ったフォルダ「week06」に保存します。

1. すると以下のような警告が出ますが、 空のまま保存しますので「いいえ」を選んで下さい。 これで、実際に保存されます。

1. 秀丸エディタを開いたまま、 デスクトップのマイドキュメントをダブルクリックして、
   「week06」に「ex1.html」が保存されていることを確認してください。

1. 続いて、秀丸エディタの基本設定を行います。 「その他」メニューから「ファイルタイプ別の設定」を選びます。
   
   
   
   
2. 現われたウィンドウで、まず、 最上段が「HTMLファイル」になっていることを確認して下さい。 次に、設定対象から「詳細」を選び、タブの文字数を「2」に設定して下さい。
   
   
   
   
3. 設定対象の「表示とカラー」を選び、下図のように、 「タブ文字」と「全角空白」にチェックを入れ、「半角空白」「ルーラ」 「行番号」のチェックを外します。 このときも、 最上段が「HTMLファイル」になっていることを一応確認して下さい。
   
   
   
   
4. 設定対象の「保存・読込み」を選び、下図のように、UTF-8を選択してください。（本科目では、特に断らない限り、日本語コードはUTF-8を用います。）このときも、最上段が「HTMLファイル」になっていることを一応確認して下さい。設定ができたら、「OK」ボタンをクリックして設定を有効にして下さい。
   
   
   
   
5. すると、秀丸エディタの表示が変わっています。 設定で、「ルーラ」と「行番号」のチェックを外したので、 最上段にあったルーラ(物差し)と、左側にあった行番号が無くなっています。
   (秀丸エディタは、この後も使うので、開いたままにしておいてください。)
   
   
   
   これらの設定により、 HTMLファイルの作成に際して入力のケアレスミスを少くすることができます。 今後、HTMLファイルを秀丸エディタで編集するときは、 現在と同じ環境が利用できます。

その他のエディタ

秀丸エディタ以外にも、多機能なエディタがあるので紹介しておきます。

• TepaEditor
  HTMLを含め、種々のファイルに対する編集モードを用意しているエディタ
• xyzzy version 0.2.2.235
  emacs風のキーバインドをもつエディタ

本科目では秀丸エディタを例にして説明していきますが、皆さんは自分に合ったエディタを利用していただいて結構です。

ワードプロセッサ

また、HTMLファイルはStarSuite等のワードプロセッサでも作成することが出来ます。StarSuiteで作成する方法は以下の通りです。

• 「名前を付けて保存」で、ファイルの種類として「HTMLドキュメント」を選んだ状態で、「××.html」という名前で保存する。
• 「ファイル」-「送る」-「HTML形式ドキュメントの作成」を選ぶ。