無料でホームページ作成に取り組みたい人の為のホームページ作成サイトです!

タイトルに画像バナーを入れましょう!

SEO(検索エンジン最適化)上、あまりお薦めいたしませんが、どうしてもと言う方に。。

(画像ソフト)
Adobe Photoshop Elements(30日間体験版)
http://www.adobe.com/jp/products/tryadobe/#photoshopcs

Adobe Photoshop は高額のソフトですから30日間の体験版を使用し、
期間内にできるだけたくさんの画像を加工して保存しておきましょう!

 

フリー画像保存方法

画像はそれぞれご用意ください。
※フリー素材で検索するとたくさんあります。

たとえば下記のフリー画像サイトで好みの画像を見つけます。
http://www.linkstyle.co.jp/index.html

ダウンロードします。
9.jpg

 

規約を良く読んでダウンロード
10.jpg

 

開くをクリック
11.jpg

 

画像ファイルの上で右クリックPhotoshop Elementsを選ぶ (下記はPhotoshop になっていますがCSを選んでください。)
 12.jpg

 

Adobe Photoshop Elements 日本語版操作方法
下記の画像はPhotoshop Elements 4.0です。(最新版(5.0)とは多少アイコン等が違いますが使い方は同じです。)

左の切り抜きツールを選んで
(幅)(高さ)をテンプレートに合わせたピクセルに入力してから、画像の上でドラッグします。
 14.jpg

 

切り抜きをする前は、好きな位置に変更できますので自由に切り取る場所を選んでください。
切り抜きは○をクリック。
 15.jpg

 

ファイルから Web用に保存 をクリック
16.jpg

 

赤枠部分をJPEG,高画質に合わせてください。 OKをクリック。
17.jpg

 

マイドキュメントにimg フォルダーを作ってtopimg.jpg と保存します。
HTMLコースでは、マイドキュメントの「myshop」フォルダーの中にimg フォルダーを作ってtopimg.jpg と保存します。
21.jpg

 

ホームページをビルダー及びDreamweaverで開いて、タイトル部分に挿入します。


“超初心者” 無料ホームページ作成講座