TeraPad ホームページ編集ソフト の操作マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
3 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
ホームページ編集で人気のフリーソフト 次に シンプルなテキストエディターのTeraPadもご紹介いたします TeraPad 無料のテキストエディターです レスポンシブテンプレートはUTF-8という文字コードで作成しています そのため TeraPadでのホームページファイルの編集をご案内させて いただいております TeraPadのダウンロードはコチラ TeraPad - 窓の杜ライブラリ http://www.forest.impress.co.jp/library/software/terapad/ 窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです 5 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
ホームページ編集の流れ TeraPadを活用したホームページ編集の手順です １. 無料のテキストエディターであるTeraPadを立ち上げてください ２. 次に 上メニューの ファイル 開く をクリックしてください デスクトップなどにダウｊンロードしたテンプレート名を選択して index.htmlファイルを開いてください htmlファイルが表示されない場合は すべてを表示 などで表示されます TeraPadのダウンロードはコチラ TeraPad - 窓の杜ライブラリ http://www.forest.impress.co.jp/library/software/terapad/ 窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです 6 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
7 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
8 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
9 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
10 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
11 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
IE10でオフライン時で index html がきれいに表示されない場合の対策 別のブラウザで表示を確認してみてください 別のブラウザではキレイに表示されます Firefox または Google Chrome などのブラウザを 無料でダウンロードしてみてください Firefox 無料ブラウザ http://www.mozilla.jp/firefox/ Google Chrome 無料ブラウザ http://www.google.co.jp/intl/ja/chrome/browser/ ぜひ一度試してみてください よろしくお願いいたします 12 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
IE10でオフライン時で index html がきれいに表示されない場合の対策 13 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
14 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
15 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
トップ画像や背景画像の変更について 16 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
17 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
レスポンシブテンプレートでは 横幅900pxか 640pxが多いです 18 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
19 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
20 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
21 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
4. それでは デジカメなどで撮影した写真をホームページのメイン画像に 使用しましょう そのままではなく 切り抜いて使用する手順を紹介いたします 22 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
すると選択した範囲で画像が切り抜かれます 23 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
5. 次に 画像の横幅をホームページ掲載サイズに整えます サイズ変更 をクリックしてください レスポンシブテンプレートでは 横幅900px か 640pxが多いです 24 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
それでは 画像を保存しましょう 下記をクリックしてください その際は PNG形式の画像で保存してください 25 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
次にダイアログが表示されますので 画像ファイル名を入力して保存をクリックしてください メイン画像の場合はhead_imgと入力して保存してください head_img.png 26 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
早速 作成した新しいメイン画像に上書きしましょう テンプレートフォルダをクリックして img をクリックしてください Imgというフォルダに 画像ファイルが入っています Imgフォルダの中にある ファイルが表示されます こちらの中に新しいメイン画像を 上書き保存してください この様なダイアログが 表示されます クリックをして上書き保存 を完了してください 27 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
28 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
29 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
サーバーにファイルをアップロードする方法 30 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
31 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
32 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
33 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
34 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
35 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
36 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
37 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
解説HTMLタグの説明 38 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
39 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
40 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
41 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
42 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
43 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
44 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
45 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
46 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
47 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
48 COPYRIGHT TempNate. ALL RIGHTS RESERVED.