tagu

画像を貼りつける

あなたのＨＰにも簡単に出来ますから、真似してかっこよくしましょう。

まず、デジカメで写した画像かスキャナーでコピーした画像かリンクフリーから
ゲットして来た画像が有りますよね。
普通生画像は小さくても100kbとか150kb以上になっているはずです。
それをサイズ縮小して50kb以下に加工します。
重いと貴重な時間と電話料金が掛かり見る人が大変です。
途中で諦めてしまう人もいます。終には誰も見てくれなくなります。
出来るだけ３０ＫＢ以下にした方がお勧めです。
真悟の見本の画像は軽くしてありますが、ＨＰでは用が足りていると思います。
これを一旦保存します。小さい画像を使うのに更にサイズ縮小して４Ｋｂ以下にします。
これなら、１０枚並べても、合計４０Ｋｂ以下ですから、重たくないですね。
これを別名で保存します。

デジカメやスキャナーでＰＣに保管してある画像はそのままではＨＰで公開出来ません。
ＨＰにアップロードして保管しなければなりません。

geocitiesにアップロードする方法は分かると思うけど、
ファイルマネージャーにアクセスして、ＩＤとパスワードを入力して
編集画面に入ります、下の方にアップロードする所が有ります。

見本　7.1kb

画像を貼りつけるソースです。　　<img src="http//画像保管場所 ">

見本と同じ画像を貼りつけるソースです。

見本写真をクリックするとリンク先へ飛び画像が表れる

見本写真

リンクのソース　　<a href="http:// ">写真</a>

見本写真と同じソース　9.1kb

応用編１：小さい画像をクリックすると大きい画像に変える。

見本　小1.7kb　大14.1kb

ソース　　<a href="http://大きい画像 "><img src="http//小さい画像 "></a>

見本と同じソース

応用編２：画像をクリックするとリンク先へジャンプさせる。

もっとカッチョヨクするには

border="0"　枠の太さを指示、0 の所に数字をいれます。
hspace="0"　水平方向のスペースを指示、0 の所に数字をいれます。
vspace="0"　垂直方向のスペースを指示、0 の所に数字をいれます。
align="left""right""center"　画像の位置を指示
alt=画像に文字を表示する

補足：Gaiax系の場合保管可能容量は合計100kbまで、１枚の最大は50kbまでです。
ですからGaiax系の方は20kb以下にされるようお進めです。
これでも他にアイコンやバナーや壁紙の保管があるでしょうから２～３枚しか保管できません。

◆補足◆画像を貼りつける練習として：グルメ会員の画像を貼り付けて下さい。グルメ情報をクリックして入ります。画像貼り付けの詳しい説明が書いてあります。練習台にしてうまく出来たら削除して下さい。

※画像の保管場所の無い方は相談に乗りますので E-mail 下さい。

Mail Please !