簡単HP編集ソフトを初心者でも使える説明と方法

パソコン初心者でも簡単に使えるサロンHP作成ソフトをインスールできましたので、
いよいよソフトの編集説明に入ります。
ココを覚えちゃえば、好きなようにさわれるようになりますので、まずは順番通りに♪

初心者でも使える簡単HP編集ソフトの使いた説明と方法

 

初心者でも使える簡単HP編集ソフトの説明と使い方方法

パソコン初心者でもわかるように、無料HP作成ソフトの編集方法(使い方)を説明していきます。

途中わからない部分があっても、飛ばしてもいいので、1つずつ進んでください。

今は必要ないなぁ・・・と思うようなことでも、画面に沿って1つずつやっていくことで、感覚的に使い方がわかるようになるように書いてます。

では、あなたのサロンのHPに変身スタートです。

広告

では先ほどの続きですが、下記の aled○○ をダブルクリックしてフォルダを開きます。

 

HP無料ソフトダブルクリック

 

 

出てきた以下の画面の alphaEDIT.exe (赤枠) をダブルクリックします。

 

HP無料ソフトを起動させた画面

 

 

 

 

 

そうすると下記の画面が出てくるのですが、これが今からあなたのサロン専用HPに編集していく画面になります。

そして、さっきのページでここまできてますので、ここから説明していきます。

今後この画面とソフトの事を aled と読んで行きます。

 

簡単HP編集ソフト立ち上がり画面

 

 

 

 

 

 

 

 

 

aled の上のメニューバー付近を見ると、 ”ファイル” がありますので、クリックしてください。

すると、下記の画面のように、プルダウンがひらかれます。

そして、その中の ””開く(C)”” を選択(クリック)します。

※今からこのソフトで編集するファイル(あなたのHPの元)を開くための作業です。

 

HP編集ソフトでファイルを開く

 

 

 

 

 

 

以下の画面が開かれるとおもいますので、”””hp1””” を選択して開いてください。(下記の画面は””hp1””を開いたところです。)

もし、下記の画面に違うファイルが選択されていて画面が違う場合は、下記の画面の ”””hp1””” と書いてある部分をクリックして、

HPテンプレートでダウンロードしたフォルダを選択して、その中にある ”””hp1””” を選択すると、この画面になります。

 

この画面にできたら、中にある ”””index.html””” をダブルクリックします。

※ちなみに index.html という名前は、サーバーのルール?? で決まってまして、トップページのことです。

 

あなたのサロンHP編集選択

 

 

 

 

 

 

 

 

 

 

すると、下記の画面になります。

今現在は、あなたのサロンのHPのトップ画像(index.html) がHP作成ソフト(編集ソフト)で開かれた状態です。

画像の右側の facebook や ネイルデザイン集 等の画像は、今から編集していきますので、かなり適当に作ってます(-_-;)

 

もちろんこの画像も、完全無料の画像編集ソフトをつかってまして2分ぐらいでさくせいしてます。

このHP編集ソフトの説明が終わってから画像編集ソフトで、もっとちゃんとした画像作成方法をせつめいいたします。

画像や、使う色を変えるだけで、全然違うHPになってきますので、楽しんでつくってくださいね。

また、あなたのサロンに合った、完全オリジナルの画像の作っていきかたをご説明いたしますので、まずは順番に進んでください。

 

HPのトップ画面を編集ソフトで開いた画像

 

 

 

 

 

 

 

 

 

 

 

まずはこれから使っていく aled(HP編集ソフト) の使う部分の基本説明をします。

赤枠の 『WYSIWYG』  『HTMLソース』  『プレビュー』 の3つが大切です。

 

『WYSIWYG』 は、HPの形を見ながら編集する時に使います。編集するときは主にここしか使いません。

『HTMLソース』は、↑のWYSIWYGで変更できない部分を編集する時に使います。

         ※また、いらないタグ等を消したり、HTMLに直接ソースを貼り付けるときに使用します。またダイブあとに説明します。

『プレビュー』は、あなたが WYSIWYG や HTMLソース で編集したものを、インターネット見たらどうなっているのかを

          簡単に見れるようになってます。(完全ではなくブラウザによって違うのですが、大体あってます。)

 

今後は、 『WYSIWYG』 で編集して、 『プレビュー』 で確認しながらの作業になります。

そして、ページがとりあえず満足できたらサーバーにアップロードして実際にインターネットで確認してから、

また WYSIWYG で編集して・・・・  が基本になってきます。

 

HTMLソースに関しては、後ほど伝えますが、まずは aled を使いこなしてからになります。

 

HP作成ソフト説明

 

 

 

 

 

 

 

 

 

では早速 『WYSIWYG』 の画面で編集してきますので、 『WYSIWYG』  をクリックします。

では今開いている index.html(トップページ) の文章を変更していきます。

まずは、下記の画面のようになるように、編集したい文のところをクリックしてアクティブにします。

アクティブになると、下記の画面のように、 ”黒の斜め線” で編集できる部分の枠が出てきます。

 

それから、変更する文を下記のように黒く反転させてください。

ここでは、文の上をドラック&ドロップして黒く反転させるか、文字の前にカーソルを持ってきて、shift と → でもいいです。

初心者でも使えるように説明 HP編集ソフト

 

 

 

 

 

 

 

 

編集し終わったら、全く関係のない部分をクリックすると、下記のようにアクティブでなくなります。

(今回の画像は何も編集してないので文は同じですが、アクティブをはずすと元にもどります。)

 

HPの中の文字であれば、右のメニューでも、本文でもタイトルでも、同じ方法で全て書き換えれます。

まず初めにすることは、テンプレートのタイトルと文を自分のお店に合わせて全て書き換えることです。

そして、index.html (今開いているもの)の中の分を全部オリジナルにします。

 

自分の思うことを書いていってください。

また、何を書けばいいかわからない方は、当サイトの 

トップページに書くこと 簡略 

のページをみながら書いてもいいと思います。

また画像や、位置等は、後からキレイにしていきます。

 

理由は、アップロードしてからすぐに検索してもらえるわけではなく、

検索されて出てくるようになるまでに時間がかかるので、その間に、HPを綺麗に作っていくほうが合理的で効率がいいからです。

 

また、完璧に作ってからアップロードしていこう!!では遅いです。

 

まずはアップロードしちゃってから、スグにタイトル&本文を書き換えて、

その後、画像や、位置などを自分なりに調節していったほうがいいです。

 

トップページ編集 初心者でも簡単に編集できる方法

 

 

以上で、まずはあなたのサロンのHPのタイトルに変わり、あなたのサロンのページとなりました。

そして内容もあなたのお店の内容にかわってます。

 

まだ今は寂しい状態ですが、画像を入れたり、リンクを入れたりしていくことで、お店のHPになっていきますので、

次に進んでください。

広告

次は、テーブル と言って、綺麗に並べて書いてみたり、メニューや、画像紹介に使える物をご紹介します。表みたいなものです。

広告

HP作成過程

 

1 実際にアナタのサイトを作っていく順番説明

サイトを一通り読み終えたら、それを元にして、イヨイヨ完全無料でのサロンのHPを作成していきます。その手順を順番にかいてます。

2 あなたのHPになるテンプレートダウンロード

まずは、あなたのサロンのHPの元になるテンプレートをダウンロードします。
イロイロ分かるようになってきてから、完全オリジナルに編集していきます。

3 当サイトで使用無料作成ソフト 初心者向き説明 

当サイトで使用する完全無料のソフトの紹介です。このページから一括でダウンロードする事もできます。

4 HP作成後の集客出来るHP作成説明の
PDF・動画説明を見る

HPを作成した後の、テクニックの紹介です。コレをできるようになれば、今の私とまったく同じ知識がついているのと同じになります。SEOやHPの集客を強くするコツです。