キレイなタイトルバーを作るためには、キレイな画像をまず見つける必要があります。 たとえば、下記の画像配布サイトで、ホームページのテーマにあったキレイな画像を見つけるようにしましょう。

ホームページのテーマに合ったキレイな画像を見つけたら、その画像を、タイトルバーの大きさに加工する必要があります。

なお、画像の大きさを変えたり、カットするには、画像編集ソフトの「JTrim」を使います。 「JTrim」の使い方は、Jtrim を使った画像の加工方法 のページをご覧ください。

キレイな画像を見つけて、その画像をタイトルバーの大きさにカットしたら、あとは、その画像に文字を入れるだけです。

たとえば、下記のタイトルバーを参考にしてください。








タイトルバーに入れる文字のポイントは、まず左側に、そのホームページのタイトル（そのサイトが何のサイトなのかが明確に分かる文面）を入れるようにします。

そして、タイトルバーの右側に、ワンポイント画像、もしくは電話番号を掲載するのが良いですね。


画像に文字を入れる方法は、「JTrim」でも文字を入れることはできるのですが、キレイに文字を入れるには、画像編集ソフトの「Gimp」がおすすめです。

「Gimp」であれば、画像にキレイに文字を入れることができますし、文字の周りを白くぼかすこともできるので、見やすいタイトルバーの画像を作ることができます。


ホームページというのは、タイトルバーの品質が良ければ、ホームページ全体の品質も良く見えるものですし、逆に、タイトルバーの品質が悪ければ、ホームページのコンテンツを見る前に、すぐに別のサイトに移動してしまうこともあるくらいです。

それだけ、ホームページのタイトルバーは重要になるので、タイトルバーは特にこだわって、作成するようにしましょうね。

もし、画像の加工があまり得意でない場合は、「ココナラ」を使うのも、１つの方法です。 中には、1,000円くらいで画像を作ってくれるサービスもありますよ。




高品質な画像編集ソフトを購入して、使い方を覚えるよりも、高品質な画像編集ソフトをすでに持っていて、その使い方を知っている人に作業をお願いしたほうが、良いものができあがることが多いです。

ホームページにおいて、タイトルバーの画像は重要なので、タイトルバーの画像だけは、画像の加工や編集が得意な人に依頼をして、作ってもらうことも、１つの方法だと思いますよ。

もし、やり方が分からなかったり、うまく行かなかった場合は、下記ページからお問い合わせください。

「こういうことを実現したい！」や「こんなことで困っている…」などを含めて、当サイトの運営者が、直接サポートさせていただきますね。

• 画像編集用ソフト： Jtrimのインストール方法
• Jtrim を使った画像作成と文字の入力方法
• Jtrim を使った画像の加工方法
• Jtrim を使った画像の色の変更方法
• HTMLタグの書き方｜<img>
• ホームページのリンクと画像を表示させる方法
• 画像をクリックしたら、大きな画像が表示される方法
• 画像をクリックしたら、拡大画像がポップアップで表示される方法
• 画像にマウスを合わせると、別の画像に切り替わる方法
• 画像にマウスを合わせると、画像が少しズームアップされる方法
• 画像にマウスを合わせると、画像にコメントが表示される方法
• ページが開いたときに、画像やテキストが動いて表示される方法
• 画像やテキストが弾むように動くアニメーションを表示する方法
• 画像が自動的に切り替わる「アニメーション画像」を作る方法
• 自動的に「ふわっ」と切り替わる画像を作る方法
• 画像が自動的に切り替わる「スライドショー」を表示する方法