【Kompozer】の使い方をご紹介します。

【Kompozer】の使い方

【Kompozer】とは、
HTML作成ソフトです。

【Kompozer】の使い方を、ご紹介しますね。

インフォプレート4だけでなく、無料のテンプレートにも、お使いすることができます。

 

 

 

 

まず、【Kompozer】をダウンロードするんですが、
日本語も対応しているので、日本語を選んでくださいね。

 

http://kompozer.softonic.jp/

← こちらから、ダウンロードできます。

 

 

 

※画像をクリックすると、サイトへ飛びます♪

 

【Kompozer】を立ち上げるとこんな感じです。

Kompozer

 

意外とシンプルです。

そして、ちょっとワードっぽいでしょう。

基本、下のタブの部分【通常】というタブで、編集作業を行います。

kompozer操作

← ※画面の下の方についています。

 

 

【Kompozer】は、メニュバーの部分で、文字の装飾や記事の保存などが
行うことができます。
メニューを部分を、紹介しておきますね。

Kompozer-menu

★メニューの説明★

上の図で、□で囲んである部分が、基本的に使う機能たちです。

開く ファイルを開きます。
保存 ファイルを保存します。
公開 サーバーにアップロードします。
閲覧 プレビューを見ることができます。
リンク リンクを設定します。
画像 画像の取り込みをします。
テーブル テーブルを作成できます。
2012y06m23d_092416327 文字の色・マーキングを指定できます。
2012y06m23d_092435531 文字の縮小・拡大を指定できます。
2012y06m23d_092441584 文字を太字・アンダーラインを引く指定をします。
2012y06m23d_092451802 文字列を揃えます。
2012y06m23d_092505187 文字列のインデントを揃えます。
2012y06m23d_092500631 リストを作成します。

 

こんな感じですね。

文字装飾は、入力した文字をドラックしたあと、メニューのアイコンをクリック。
お色を変更したり、文字列を揃えたりすることができます。

作業を始める前に、下準備を行っておいてくださいね。
前の記事で、詳しく書いています。

【【Kompozer】をうまく使うコツ】

今回は、インフォプレート4のテンプレートを使って、説明していきますね。

メニューバーから、【開く】をクリック。

前準備ができている前提なので、そのまま表示されます。

こんな感じ。

kompozer画面

 

背景を設定しているので、美しくなっていますし、
違う印象に見えますよね。

 

サイトタイトルや、メニューバーがいらない場合は、
ここで削除しても大丈夫です。

この時は、【通常】というタブではなく、下のタブから、
【ソース】というタブを選びます。

 

【ソース】タブをクリックすると、
HTMLソースが、がつーんと、表示されます。

 

2012y06m23d_000214508

 

 

 

← こんな感じ。

 

 

 

メニューバーがいらない場合は、
コメントアウト(ソースに対しての、説明書きのようなもの)
から、コメントアウトまで、削除します。

例えば、メニューバーを全部とってしまいます。

コメントアウト

【ソース】タブをクリックして、<!・・・▽メニュー・・・>から、
<!・・・△メニュー・・・>までのソースを削除すると、こうなります。

 

2012y06m23d_000619850
ほらね。
メニューバーが削除されました。

確認するときは、【プレビュー】か【通常】タブをクリックして、
表示を見てみてくださいね。

 

こんな感じで、自分でいらない部分を、
ソースを使って削除させたり、コピーをしたりして、
カスタマイズできます。

最初に出てくる<!– ▽枠 –>という部分は、削除しないでね。

 

この<!– ▽枠 –>というのは、全体のレイアウトを表しています。
なので、この枠の部分の設定を変更すると、
レイアウトが崩れる恐れがあります。

ここだけは、気を付けてください。

 

あとは、メニューで説明したとおり、
文字を装飾したり、図を挿入したりして、
自分の思い通りのページに仕上げてくださいね。

 

  文字装飾や、図形のサイズ変更を何度も行うと、
ソースの中に、変な改行や文字の間の間隔が、微妙にあいてしまったり、ソースが追加される場合があります。

 

でも、ここで慌てず騒がず、ソースを見てみてください。

 

よくわからない場合は、触らないほうがいいですが、
文字の間の空白は、ソースから空白を削除すれば、大丈夫です。

プレビューで確認し、メニューから【閲覧】で、
表示の確認をしてみましょう。

 

崩れがなかったら、大丈夫です。

 

すべて完了したら、再度【閲覧】をクリックすると、
HPが、アップされた状態が表示されます。
それを確認できたら、OKで終了となります。

 

【Kompozer】では、サーバーにデータを、
直接アップロードすることが、できるのですが、
これは、あまり推奨されていません。

 

ですから、ご自分のサーバーへデーターをアップロードするときは、
【FFTP】を使ってアップロードしたほうがいいです。

※FFTPとは、PCとサーバーの間で、データをコピーする役割を果たすソフトのことです。

 

こんな感じで【Kompozer】は、無料のソフトといえども、
いい感じに使えます。

そしてインフォプレート4とも、相性はいい。

 

今回オリジナル特典として、人気アフィリエイターのうみうみさんが
この【Kompozer】の使い方動画を作成してくださいました。

 

このページでも、解説していることを、
動画でも見れる・・・ということを実現しました。

一緒に使うと、さらに【Kompozer】を理解できるし、
うみうみさんのレビュー作成作業を、ちょっとみることができますよ。

 

この特典動画を見ることができるのは、
インフォプレート4をご購入くださった方だけです。

 

インフォプレート4 ご興味がある方は、こちらから!!

btn_rev

 

 

もちろん、今回も私の設置サポート(30日間)つきですので、
安心してくださいね。

 

 

3 Responses to “【Kompozer】の使い方をご紹介します。”

  1. […] 以前、記事にも使い方は、書いています。 こちらからどうぞ ⇒ 【Kompozer の使い方】 […]

  2. お世話になります、ちえぞうさん。
    れんこんです。

    いやーなんて親切な記事を書くんですか?笑
    画像も使って、とてもわかりやすい記事だと思います。
    僕もちえぞうさんのような読者のためになる記事を書くように、頑張りたいです!

    応援クリック‼

    • ちえぞう より:

      れんこんさん。こんにちは。
      いつもありがとうございます。

      親切な記事ですか?^^
      画像を使うのは、やっぱり解りやすいですからね。
      時間はかかるんですが、
      理解しやすい記事を今は、目指しています。

      お役に立てれば、嬉しいです。

      応援ありがとうございます。

コメントを残す

サブコンテンツ

管理人:ちえぞう

chiezou



こんにちは。ちえぞうです。
手作りモノが、大好きで、好きが講じて手芸家になりました。
自分の時間を、もっと大事にするため、アフィリエイトもしています。 夢を叶える為に、日々奮闘中です。

もっと詳しくプロフィール♪

line

お役に立てたら、ぽちっとな ♪



Fc2ランキングへ



お問い合わせ

ペンちゃんをクリック!!

pen

ご質問や、ご相談など、
気軽にメールしてくださいね。

アメブロテンプレート参考本

このページの先頭へ