おやじ

おやじ

2015年12月09日

エディター(TeraPad)のインストールと設定

エディターってなに?

エディターとは文字を入力するツールです。Windowosにおまけでついているメモ帳もエディターです。ホームページはHTML言語などで書かれていますので、エディターを使ってプログラミングする必要があります。

TeraPadは日本製で、文字が大きく、シンプルで動作が軽く、ホームページを作るのに適したエディターのひとつです。

TeraPadのダウンロード

「窓の杜」からダウンロードできます。
http://www.forest.impress.co.jp/library/software/terapad/

① 「窓の杜からダウンロード」をクリック

TeraPad_01_01

① 「保存」をクリック

TeraPad_02_01

① 「フォルダーを開く」をクリック

TeraPad_03_01

 

TeraPadのインストール

① ダウンロードフォルダー内の「tpad109.exe」をダブルクリック

2015年12月時点でのファイル名は「tpad109.exe」ですが、今後のバージョンアップによってファイル名が変わることがあります。

TeraPad_04_01

① 「次へ」をクリック

TeraPad_05_01

① 「次へ」をクリック

TeraPad_06_01

① インストール先は表示されているままにします。

② 「次へ」をクリック

TeraPad_07_01

① 「ディスクトップ上にショートカットを作成する」にチェックを入れる

② 「次へ」をクリック

TeraPad_08_01

インストール中ウィンド表示

TeraPad_09_01

インストールが完了すると説明資料が表示されますので一読してください。

TeraPad_10_01

これでTeraPadのインストールは完了しました。このままお使いになってもなにも問題ありませんが、今回はHTML入力支援ツールを追加してみましょう。

 

HTML入力支援ツール(HTML Helper with TeraPad)の追加

「HTML Helper with TeraPad」は簡単ですが、自分なりに作りこめるので便利なツールだと思います。

VECTORからダウンロードできます。
http://www.vector.co.jp/soft/win95/writing/se346600.html

① 「ダウンロードはこちら」をクリック

TeraPad_11_01

① 「ダウンロードページへ」をクリック

TeraPad_12_01

① 「今すぐダウンロード」をクリック

TeraPad_13_01

① 「保存」をクリック

TeraPad_14_01

① 「フォルダーを開く」をクリック

TeraPad_15_01

① ダウンロードした「htmltera1121.zip」をお好みのフォルダーにコピー

TeraPad_16_01

① コピーした「htmltera1121.zip」を右クリック

② 「すべて展開」をクリック

TeraPad_17_01

① 展開先はそのまま

② 「展開」をクリック

TeraPad_18_01

① 「htmltera1121」フォルダーが作成されます。

TeraPad_19_01

① TeraPadを立ち上げる

② ツール→「ツール設定」をクリック

TeraPad_20_01

① 「追加」をクリック

TeraPad_21_01

① お好きな名前を入力

② をクリックして、ダウンロード後に展開したフォルダー「htmltera1121」内の「HTMLTera1121」内にある「HTMLHelper.exe」を選択

③ 「OK」をクリック

TeraPad_22_01

① 「OK」をクリック

TeraPad_23_01

これでHTML入力支援ツールの追加は完了です。

 

HTML入力支援ツールの使い方

使用例

ツールの「HTML入力支援」をクリックすると「T」マークが表示されます。

① 「T」をクリック

② 「基本タグ」カーソルを合わせる

③  「<html></html>」をクリック

④ <html></html>が入力される

TeraPad_24_01

 

HTML入力支援ツールの編集

HTML Helper with TeraPadは追加しただけではたいして役に立ちませんが、自分なりに簡単に編集できるので便利です。

① 工具のマークをクリック

TeraPad_25_01

① 「OK」をクリック

TeraPad_26_01

「Tag.ini」ファイルが開くので①部分を追加してみました。

TeraPad_27_01

① TeraPadを一度終了して再度立ち上げます。

② ツールの「HTML入力支援」をクリック

③ 「T」をクリック

④先ほど追加した「文字入力」が表示されます。

TeraPad_28_01

これでツールの準備は完了です。

 

コメントを残す