TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf ·...

TempNate [テンプネート]

ホームページ・テンプレート設置マニュアル

TempNate テンプネートhttp://tempnate.com/

http://tempnate.com/

STEP1　ホームページ・テンプレートを　　　　ダウンロードしよう！

STEP2　ホームページ制作＆編集方法

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

Crescent Eve

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

無料のテキストエディターです。レスポンシブテンプレートはUTF-8という文字コードで作成しています。そのため、Crescent EveやTeraPadでのホームページファイルの編集をご案内させていただいております。

Crescent Eveのダウンロードはコチラ

Crescent Eve - 窓の杜ライブラリ

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

日本語箇所を修正してください。

ちなみに、下記はホームページのタイトルです。＊検索エンジンに表示される大切な箇所です。

Crescent Eveを立ち上げてください。

会社名、店名など、ホームページのタイトル、名称です。

電話番号を入力してください。

そして上メニューの「ファイル」→「開く」をクリックしてください。デスクトップなどにダウンロードしたテンプレート名を選択して、index.htmlファイルを開いてください。＊htmlファイルが表示されない場合は「すべてを表示」などで表示されます。

ホームページの本文の見出しタイトルです

ページ下にホームページのタイトルを記載してください。

本文には文章を記載してください。

<a href=”#”>ブログ</a>　という所の # に

URLアドレスを入力してください。（#は仮で記載しているただの記号です）

ブログをされている場合、こちらにリンクを掲載してください。

ブラウザを立ち上げて、表示を確認してみましょう。

「ツール」→「ブラウザプレビュー」から、ブラウザを選択してください。

この様な手順を繰り返していただいて、ホームページの表示を確認しながら、本文などの内容を編集してください。

次に、ホームページに画像を掲載する方法です。まずはホームページに掲載したい写真ファイルを用意しましょう。

Imgというフォルダにはすべての画像ファイルが入っています。

こちらに新しくホームページに掲載する写真を入れてください。

Imgフォルダを開くと、中にある画像ファイルが表示されます。

こちらの中に掲載したい写真ファイルを入れておいてください。

Crescent Eveで画像を掲載する方法

手順ですが、テンプレートフォルダをクリックして、「img」を開きます。

写真が用意できましたら、テンプレートフォルダの中にある「img」フォルダの中に入れておいてください。

Crescent Eveを立ち上げて、先ほどの写真ファイルの場所から画像を呼び出してホームページに表示してみましょう。

Crescent Eve

①画像を掲載したい場所をクリック

②画像の挿入をクリック

テンプレートフォルダの中にあるImgフォルダをクリックしてください。

先ほど用意しておいた写真ファイルを選択してください。

するとホームページに写真が表示されます。

この様に、表示を確認しながら、ホームページ内容を編集してください。

トップページが完成しましたら、その他のページも編集してください。

＊トップページと同じ内容の箇所は、トップページの内容をコピーしながら作成すると早く作成できます。ホームページの一番下（フッター）のタイトルなど

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

TeraPad

無料のテキストエディターです。こちらもおすすめです。

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

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

TeraPad - 窓の杜ライブラリ

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

TeraPad

無料のテキストエディターです。レスポンシブテンプレートはUTF-8という文字コードで作成しています。そのため、TeraPadでのホームページファイルの編集をご案内させていただいております。

次に、シンプルなテキストエディターのTeraPadもご紹介いたします。

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

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

２. 次に、上メニューの「ファイル」→「開く」をクリックしてください。デスクトップなどにダウｊンロードしたテンプレート名を選択して、index.htmlファイルを開いてください。＊htmlファイルが表示されない場合は「すべてを表示」などで表示されます。

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

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

■ 別のブラウザで表示を確認してみてください ■

別のブラウザではキレイに表示されます。

「Firefox」または「Google Chrome」などのブラウザを無料でダウンロードしてみてください。

Firefox 無料ブラウザhttp://www.mozilla.jp/firefox/

Google Chrome 無料ブラウザhttp://www.google.co.jp/intl/ja/chrome/browser/

ぜひ一度試してみてください。よろしくお願いいたします。

STEP3　トップ画像や背景画像　　　　の変更について

＊レスポンシブテンプレートでは、横幅900pxか、640pxが多いです。

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

そのままではなく、切り抜いて使用する手順を紹介いたします。

すると選択した範囲で画像が切り抜かれます

5. 次に、画像の横幅をホームページ掲載サイズに整えます。「サイズ変更」をクリックしてください。

＊レスポンシブテンプレートでは、横幅900px か、640pxが多いです。

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

その際は、PNG形式の画像で保存してください。

次にダイアログが表示されますので、画像ファイル名を入力して保存をクリックしてください。

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

head_img.png

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

テンプレートフォルダをクリックして、「img」をクリックしてください。

Imgというフォルダに画像ファイルが入っています。

Imgフォルダの中にあるファイルが表示されます。

こちらの中に新しいメイン画像を上書き保存してください。

この様なダイアログが表示されます。

クリックをして上書き保存を完了してください。

STEP4　失敗しないレンタルサーバー　　　　の選び方

http://www.ninja.co.jp/hp/忍者ホームページ

無料のホームページ・サーバーです。サブドメインの種類も豊富。アクセス解析ツールなども人気。

http://www.webcrow.jp/ウェブクロウ

独自ドメインが利用できて、商用利用も可能。広告が表示されないのがうれしいですね。

STEP5　サーバーにファイルを　　　　アップロードする方法

解説　HTMLタグの説明　　　　

TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf ·...

Documents

いつ来てもいいキャンプJR付 - npo-hachi.org · Title: いつ来てもいいキャンプJR付 Created Date: 6/5/2020 2:53:30 PM

証券コード 6659 MGL Vol - Media Linksjp.medialinks.com/wp-content/uploads/sites/2/2017/03/...2016/12/16 · 証券コード 6659 MGL 通信Vol.21 本年度上半期は、海外向け映像伝送装置を中心

2LDK+WIC ニックハイム赤羽号室適合リノベーション住宅 R1 … · 2021. 2. 26. · QRコードが読み取れない方はコチラから弊社ホームページまたはレインズ掲載され

VR ONE Plus ヘッドセット使用説明書 - ZEISS...2017/05/05 · れたすべてのアプリは、ZEISS VR ONE向けに自動的に最適化されています。このQRコードをスキャンして視覚体験を最

Dual system OR L冷温庫保冷 · 2020. 6. 2. · AC電源コード：約1.5m／DC電源コード：約1.8m 外装：PP、ABS 断熱材：PU 本体、AC電源コード、DC電源コード、

サプライチェーンにおけるデータの導入オランダでのThema … pdfs/Supply chain...Bol.com: 2019年8月～10月コードが書籍にすることは？Themaは、その本が何についての本な

PRESS RELEASE 報道関係者各位株式会社レインズ ......温野菜は今年で20周年。そんな中、今までに無い新しい夏鍋をつくりたいという想いから、アイデンティ

1.8 1,066 +2.0 5,995 › investors › library › terumoletter › ...第104期株主通信 2018年4月1日～2019年3月31日 BUSINESS REPORT 証券コード：4543 テルモ株式会社（証券コード：

コード英語 › nus_2 › webapp › data_file › ...2 コミュニケーションIIIA 高橋有加 B041 Writing Essays (Macmillan Writing Series) Macmillan aa12 1 2 コミュニケーションIB

素粒子物理学へのいざない - Tokyo Metropolitan …musashi.phys.se.tmu.ac.jp/~yasuda/ou2009-2.pdf1 首都大学オープンユニバーシティ第二回素粒子物理学へのいざない

あんしん設定 - NTT Docomo...PINロック解除コード PINロック解除コードは、PIN1コード、PIN2コードがロックされた状態を解除するための8桁の番号

1 Vertiefungsstoff zum Thema Code und Codierung Themen Codierung von Zeichen in gebräuchlichen n-Bit-Codes –ASCII, Unicode, UTF Begriffe: Byte, KByte,

UTF-8'Es-es'Lc Doc Ist PDF DDS Racks

Anlage: Technische Spezifikationen der Deutschen ......2019/11/01 · der Anlage 3 des DFÜ-Abkommens verwendet, die den Zeichensatz UTF-8 zulässt (enthält auch Umlaute und „ß“)

Bitte SmartIPTV app Herunterladen. Für LG TV-ANDROID ... · Playlist-Upload auf Smart IPTV Bitte verwenden Sie die UTF-8- Codierung (NO BOM) beim Bearbeiten und Speichern Ihrer Wiedergabeliste

証券コード 9432 - NTT · 「ケータイパック」「ウルトラパック」・「ウルトラシェアパック」選べる. 2つのコースの新設「ずっとドコモ割」拡充

· Web view7. April 2015. Die UTF-8-Kodierung beim Einspielen wird nun überprüft, ob nötig. Dadurch keine Fehler beim Import mehr. Empfehlung: Bei Importfehlern Schnittstellendatei