2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

(1)

1

http://tempnate.com/

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

の使い方マニュアル

(2)

2

(3)

3

(4)

4

(5)

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

Crescent Eve

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

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

レスポンシブテンプレートは

UTF-8という文字コードで作成しています。

そのため、

Crescent EveやTeraPadでのホームページファイルの編集を

ご案内させていただいております。

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

Crescent Eve - 窓の杜ライブラリ

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

(6)

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

ちなみに、下記はホームページのタイトルです。

＊検索エンジンに表示される大切な箇所です。

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

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

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

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

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

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

＊

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

などで表示されます

。

(7)

7 ホームページの本文の

見出しタイトルです

ページ下にホームページの

タイトルを記載してください。

本文には文章を

記載してください。

<a href=”

#

”>ブログ</a>　という所の

#

に

URLアドレスを入力してください。

（

#は仮で記載しているただの記号です）

ブログをされている場合、

(8)

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

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

この様な手順を繰り返していただいて、

ホームページの表示を確認しながら、

本文などの内容を編集してください。

(9)

9 次に、ホームページに画像を掲載する方法です。

まずはホームページに掲載したい写真ファイルを用意しましょう。

Imgというフォルダには

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

こちらに新しくホームページに掲載する

写真を入れてください。

Imgフォルダを開くと、中にある

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

こちらの中に掲載したい写真ファイル

を入れておいてください。

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

手順ですが、テンプレートフォルダをクリックして、「

img」を開きます。

写真が用意できましたら、テンプレートフォルダの中にある

「

img」フォルダの中に入れておいてください。

Crescent Eveを立ち上げて、

先ほどの写真ファイルの場所から

画像を呼び出してホームページに

表示してみましょう。

(10)

10 Crescent Eve

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

②画像の挿入をクリック

テンプレートフォルダの中にある

Imgフォルダをクリックしてください。

先ほど用意しておいた写真ファイルを

選択してください。

するとホームページに写真が

表示されます。

(11)

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

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

＊トップページと同じ内容の箇所は、トップページの内容を

コピーしながら作成すると早く作成できます。

ホームページの一番下（フッター）のタイトルなど

(12)

12

(13)

13

(14)

14

(15)

15

(16)

16

(17)

17

(18)

18

(19)

19

(20)

20

(21)

21

(22)

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

使用しましょう。

(23)

23

(24)

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

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

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

横幅

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

(25)

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

(26)

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

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

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

head_img.png

(27)

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

1

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

の使い方マニュアル

2

3

4

5

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

Crescent Eve

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

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

レスポンシブテンプレートは

UTF-8という文字コードで作成しています。

そのため、

Crescent EveやTeraPadでのホームページファイルの編集を

ご案内させていただいております。

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

Crescent Eve - 窓の杜ライブラリ

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

6

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

ちなみに、下記はホームページのタイトルです。

＊検索エンジンに表示される大切な箇所です。

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

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

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

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

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

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

＊

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

などで表示されます

。

7

ホームページの本文の

見出しタイトルです

ページ下にホームページの

タイトルを記載してください。

本文には文章を

記載してください。

<a href=”

#

”>ブログ</a> という所の

#

に

URLアドレスを入力してください。

（

#は仮で記載しているただの記号です）

ブログをされている場合、

8

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

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

この様な手順を繰り返していただいて、

ホームページの表示を確認しながら、

本文などの内容を編集してください。

9

次に、ホームページに画像を掲載する方法です。

まずはホームページに掲載したい写真ファイルを用意しましょう。

Imgというフォルダには

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

こちらに新しくホームページに掲載する

写真を入れてください。

Imgフォルダを開くと、中にある

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

こちらの中に掲載したい写真ファイル

を入れておいてください。

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

手順ですが、テンプレートフォルダをクリックして、「

img」を開きます。

写真が用意できましたら、テンプレートフォルダの中にある

「

img」フォルダの中に入れておいてください。

Crescent Eveを立ち上げて、

先ほどの写真ファイルの場所から

画像を呼び出してホームページに

表示してみましょう。

10

Crescent Eve

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

”>ブログ</a>　という所の

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