2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

(1)

1

http://tempnate.com/

TeraPad（ホームページ編集ソフト）

の操作マニュアル

(2)

(3)

3

(4)

(5)

5 http://www.forest.impress.co.jp/library/software/terapad/

TeraPad

【ホームページ編集で人気のフリーソフト】

無料のテキストエディターです。

レスポンシブテンプレートはUTF-8という文字コードで作成しています。

そのため、

TeraPadでのホームページファイルの編集をご案内させて

いただいております。

TeraPadのダウンロードはコチラ

TeraPad - 窓の杜ライブラリ

窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。

次に、シンプルなテキストエディターの

TeraPadもご紹介いたします。

(6)

http://www.forest.impress.co.jp/library/software/terapad/

【ホームページ編集の流れ】

１ . 無料のテキストエディターであるTeraPadを立ち上げてください。

TeraPadのダウンロードはコチラ

TeraPad - 窓の杜ライブラリ

２ . 次に、上メニューの「ファイル」→「開く」をクリックしてください。

デスクトップなどにダウｊンロードしたテンプレート名を選択して、

index.htmlファイルを開いてください。

＊

htmlファイルが表示されない場合は「すべてを表示」

などで表示されます

。

TeraPadを活用したホームページ編集の手順です。

(7)

7

(8)

(9)

9

(10)

(11)

11

(12)

【

IE10でオフライン時で（index html）がきれいに表示されない場合の対策】

■ 別のブラウザで表示を確認してみてください ■ 別のブラウザではキレイに表示されます。「Firefox」または「Google Chrome」などのブラウザを無料でダウンロードしてみてください。 Firefox 無料ブラウザ http://www.mozilla.jp/firefox/ Google Chrome 無料ブラウザ http://www.google.co.jp/intl/ja/chrome/browser/ ぜひ一度試してみてください。よろしくお願いいたします。

(13)

13 【

IE10で

オフライン

時で（

index html）がきれいに表示されない場合の対策】

(14)

(15)

15

(16)

(17)

17

(18)

(19)

19

(20)

(21)

21

(22)

4. それでは、デジカメなどで撮影した写真をホームページのメイン画像に

使用しましょう。

(23)

23

(24)

5. 次に、画像の横幅をホームページ掲載サイズに整えます。

「サイズ変更」をクリックしてください。

＊レスポンシブテンプレートでは、

横幅

900px か、640pxが多いです。

(25)

25 それでは、画像を保存しましょう。下記をクリックしてください。

(26)

次にダイアログが表示されますので、

画像ファイル名を入力して保存をクリックしてください。

メイン画像の場合は　head_img　と入力して保存してください。

(27)

27 ●早速、作成した新しいメイン画像に上書きしましょう。

テンプレートフォルダをクリックして、「

img」をクリックしてください。

Imgというフォルダに

画像ファイルが入っています。

Imgフォルダの中にある

ファイルが表示されます。

こちらの中に新しいメイン画像を

上書き保存してください。

この様なダイアログが

表示されます。

クリックをして上書き保存

を完了してください。

(28)

(29)

29

(30)

(31)

31

(32)

(33)

33

(34)

(35)

35

(36)

(37)

37

(38)

(39)

39

(40)

(41)

41

(42)

(43)

43

(44)

(45)

45

(46)

(47)

47

(48)

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

1

TeraPad（ホームページ編集ソフト）

の操作マニュアル

3

5

http://www.forest.impress.co.jp/library/software/terapad/

TeraPad

【ホームページ編集で人気のフリーソフト】

無料のテキストエディターです。

レスポンシブテンプレートはUTF-8という文字コードで作成しています。

そのため、

TeraPadでのホームページファイルの編集をご案内させて

いただいております。

TeraPadのダウンロードはコチラ

TeraPad - 窓の杜ライブラリ

窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。

次に、シンプルなテキストエディターの

TeraPadもご紹介いたします。

http://www.forest.impress.co.jp/library/software/terapad/

【ホームページ編集の流れ】

１

. 無料のテキストエディターであるTeraPadを立ち上げてください。

TeraPadのダウンロードはコチラ

TeraPad - 窓の杜ライブラリ

２

. 次に、上メニューの「ファイル」→「開く」をクリックしてください。

デスクトップなどにダウｊンロードしたテンプレート名を選択して、

index.htmlファイルを開いてください。

＊

htmlファイルが表示されない場合は「すべてを表示」

などで表示されます

。

TeraPadを活用したホームページ編集の手順です。

7

9

11

【

IE10でオフライン時で（index html）がきれいに表示されない場合の対策 】

13

【

IE10で

オフライン

時で（

index html）がきれいに表示されない場合の対策 】

15

17

19

21

4. それでは、デジカメなどで撮影した写真をホームページのメイン画像に

使用しましょう。

23

5. 次に、画像の横幅をホームページ掲載サイズに整えます。

「サイズ変更」をクリックしてください。

＊レスポンシブテンプレートでは、

横幅

900px か、640pxが多いです。

25

それでは、画像を保存しましょう。下記をクリックしてください。

次にダイアログが表示されますので、

画像ファイル名を入力して保存をクリックしてください。

メイン画像の場合は head_img と入力して保存してください。

27

●早速、作成した新しいメイン画像に上書きしましょう。

テンプレートフォルダをクリックして、「

img」をクリックしてください。

Imgというフォルダに

画像ファイルが入っています。

Imgフォルダの中にある

ファイルが表示されます。

こちらの中に新しいメイン画像を

上書き保存してください。

この様なダイアログが

表示されます。

クリックをして上書き保存

を完了してください。

29

31

33

35

IE10でオフライン時で（index html）がきれいに表示されない場合の対策】

index html）がきれいに表示されない場合の対策】

メイン画像の場合は　head_img　と入力して保存してください。