サムネイム


クリックすると大きい画像で見られます。

サイズが大きくても容量を抑えた画像が作れるようになったら、画面いっぱいの(人はそれぞれ画面の大きさが違いますからほどほどに)大きい画像で見せたい画像を使ってみよう。
景色や細かい字?こんなときに便利かも。

HPのデザインが崩れないようにサムネイムのサイズを決めてクリックで大きい画面に。

HP自体の容量も抑えられて速度の遅い人も読み込みやすい。
興味がある画像をクリックして大きく見れる。


普通のエディタで説明します。高機能は使っていないので^^


image1.jpg

まず赤のリンクをクリックしてURLをいれずにOKします。

続いて青のフォトをクリックして画像を登録します。

これがこの画面。

ここからちょこっとタグを変更します。

image.space.rakuten.co.jp/lg01/89/0000453089/07/img02b4e899zik4zj.jpegをコピーしてa href="http://のあとに貼り付けます。

次にwidth="800" height="600" この画像の幅と高さですこの比率は4:3。これを変えないようにwidth="200" height="150"と書き変えます。これが表示される画像の大きさです。

alt="P1030126g-.jpg" この部分は削除します。

<img src="http://image.space.rakuten.co.jp/lg01/89/0000453089/07/img02b4e899zik4zj.jpeg" width="200" height="150" border="0">この部分を切り取って
<a href="http://image.space.rakuten.co.jp/lg01/89/0000453089/07/img02b4e899zik4zj.jpeg">ここに貼り付け</a>

※「<」と「>」は表示の都合で全角表示していますがエディターの中では半角です。

基本的には

image2.jpg

でサムネイムの完成です。

新しい画面で開くタグや文字の回りこみなどは・・・次回^^


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: