サイトへ画像を貼る方法

画像を貼る方法

画像を張るには<img alt=”” />要素を使います。

<img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”代替テキスト”>

が基本となります。

①画像URL作成

画像URLを作成する方法は 画像をアップロードする必要があります。

Seesaaブログでの画像アップロード方法は

ファイルマネージャー>ファイルを選択(画像を選択します)>アップロード

の手順で画像をアップロードできます。

次に 画像URLの確認方法は

ファイルマネージャ画面から先ほどアップロードした画像を探し

画像をクリックしてください。

新しいタブが開き画面右に写真、その下に

http://*****************.jpg

のようにURLが表示されています。

これが 画像URLです。

② width=”画像の幅” height=”画像の高さを調べる方法

これは アップロードする前の元画像を

右クリック>プロパティ>詳細 の順でクリックしますと

イメージ 大きさ  150x150 のような表示が出てきますので

こちらで確認ください。

③alt=”代替テキスト”>

画像が表示されなかった場合、読み手は何の画像があるのかわからないので

代わりに表示される文字を入れておくとよいでしょう。

画像にリンクをつける方法

次は画像にURLリンクを付けてみましょう

<a href=”ここにURL”><img src=”ここに画像URL” alt=”代替テキスト”></a>

先ほどの応用で簡単に画像リンクが作成できます

 画像の縮小

画像の縮小も簡単にやっちゃいましょう。

http://resizer.myct.jp/

にアクセスし

画像を選択後 サイズを指定し 「縮小」をクリックで簡単に縮小できちゃいます!!

 

動く画像を作成してみよう

さらに応用して 動く画像を作成してみましょう。


このような 点滅したり 動きのある画像を作成します。

これはGIFアニメーション画像と言い複数枚の画像を順半に表示することで

動きのある画像を作成してます。

<a href=”リンク先URL” target=”_blank” title=”リンク先タイトル”><img src=”GIFアニメーション画像” width=”横サイズ” height=”縦サイズ” border=”0″ /></a><br />

のようになります。

では どうやって 複数枚の画像を合体させるかといいますと、

GIFアニメーションを簡単に作成できちゃうサイトをご紹介します。

それは これだ!! 1 2 3

↑をクリック

合体させてたい画像を ファイルを選択 で設置し

点滅間隔

ループ設定

を設定

画像を作成する をポチっと(*^_^*)

ハイ 作成完了!! 簡単でしょ☆彡

次にダウンロードをクリックすると

GIFアニメーション画像の完成です。

これを 先ほどの

画像にリンクをつける方法を応用すれば

OK

おためしあれ☆彡

 

 

             夢実現プロジェクト・メールマガジン講座

AYUMI&HIROの夢実現プロジェクト始動
あなたは現状に満足されてますか?


magajin

本気で稼ぐ気があるのならご参加下さい。
アフィリエイトで稼ぐためのメールマガジン講座

btn043

この記事はお役に立てましたでしょうか? また他の誰かの役に立ちそうだと思っていただけたら、下のボタンから共有をいただけましたら運営者のモチベーション維持にもつながります。

ブログランキング・にほんブログ村へ
にほんブログ村

コメントを残す

サブコンテンツ

このページの先頭へ