毎日、1000件以上のアクセス、4000件以上の閲覧がある情報発信ブログ。花や有機農業・野菜作り、市民運動、行政訴訟など
てらまち・ねっと



 ブログでいろいろと工夫して細工をしている人がいます。
 私はあまり凝ることが出来ませんが・・・

 ともかく、ブログで写真をアップする方法は知っておきたい。
 しかも、簡単にやりたい。
 そのコツは、日本語ソフトの「辞書登録」機能をフルに使って、
 いろいろな 「インターネットのことば=タグ=を登録し、数文字の入力で呼び出す」こと。

 昨日は、知人に電話でその説明をしました。

 分かりやすく説明したつもりですが・・・

 なお、私が何回か参考にしたページ 
   ⇒  初心者さん大歓迎! 簡単タグ集です / 夢里村

 色を確認したいときはカラーチャート
   ⇒  gooブログの カラーチャート

人気ブログランキング→→←←ワン・クリック10点
ここのところ5位、6位あたり

ブログで写真を簡単に拡大させる私の方法
 説明の前に、 インターネットの世界では < > などの記号は半角、とされています。
 が、ここでは、<> は全角で表示していますので、ご注意ください。
 理由は、正式に半角で書き込むと、リンクや表示機能が有効になって、説明の実例が表示されないからです。
 
(1) 写真を加工してアップする理由
 サイズの大きい写真をたくさん掲載すると、アクセスしたり、ページを開くのに時間がかかるようになり、だんだん不具合になっていきます。仮に自分はスピードが遅くなくても、インターネットの通信環境の早くない人(地域や契約による、あるいはパソコンの能力の低い人)は、時間がかかる、時には開くことができない、という事態も。

 つまり、一単位となるページはあまり重くしたくない、ということになります。
 そこで、一単位のページには、小さい写真を何枚ものせて、写真をクリックしたら拡大表示させるよう、大きなサイズの写真にリンクをつくることが必要になります。

(2) 楽をする準備の説明
 HTMLの言葉で <a herf・・> とか <img src・・> とかを覚えたり、書き込むのは大変。ブログ編集画面の URL や IMG の機能を使ってもいいけど、結構、大変。私は、今回、写真をブログに載せることを知って、簡単な方法を考えました。

 お使いの日本語ソフトには、辞書登録の機能があるはずですので、まず、これを使うことが前提。

 例えば、ワードなら、編集の「日本語入力辞書への単語登録」を開いて、「語句」には覚えさせたいことば、「読み」には自分の覚えをいれます。
 実は、この機能の便利帖は、最後の(17)でふれますが、いろんなことに応用できます。
 簡単操作の基本はここにあります。

(3) オリジナル写真A(拡大して見る写真)の用意
 写真のソフトなどで、サイズを確認する(「写真を開く」などの画面で矢印をおいてちょっとすると表示される。右クリックしてプロパティで開いても良い)。
 gooブログでは、1MB以下と制限されているので、注意。
 
(4)縮小写真B(ブログの通常の画面上で表示させる写真)
 写真の上にカーソル(矢印)を置いて右クリック、
 一番下の「プロパティ」をクリック、
 表示されているURLの「アドレス」だけをコピー。

(5)拡大の基本設定の登録
 URL や IMG の機能を発揮させる設定は、次です。

 <a href=””><img src=””border=0></a>

 そこで、私は、拡大写真という意味の自分の覚えとして「かくしや」という読みで 「<a href=””><img src=””></a>」という記号群を単語登録します。
 (このままコピーとってもだめですよ。ここでは、<>は全角にしているから。<と>の記号だけは、半角で書き直してから、コピーして単語登録してください。)

(6) オリジナル写真Aを送る
ブログの編集画面で、表示させたいオリジナル写真Aを送信します。

このgooブログの例です。
・画像ファイルの参照でオリジナル写真Aを特定します
・ アップロード欄の「オリジナル写真」をチェックします
・ 画像タイトルは、適当に着けます。
・ 表示されている写真をクリックします。

(7) オリジナル写真AのURLのコピーと貼り付け
 画像フォルダの中の表示したい写真そのものをクリックして、写真とともに表示された画面の上のアドレス欄のURLを右クリックでコピーします。

<a href=””><img src=””></a>を単語登録から呼び出します(私なら、先の「かくしや」と入力すると出るということ)。

 今コピーしたオリジナル写真のURLを次の位置に貼り付けます。
<a href=” オリジナル写真AのURL”><img src=””border=0></a>
 これで、拡大したいオリジナル写真の設定は済み。

(8) 縮小写真Bを送る
ブログの編集画面で、表示させた縮小写真Bを送信します。

gooブログの例です。
・画像ファイルの参照で縮小写真を特定します
・ アップロード欄の「画像・標準」をチェックします
・ 表示されている写真をクリックします。

(9) 縮小写真BのURLのコピーと貼り付け
 画像フォルダの中の表示したい写真そのものをクリックして、写真とともに表示されたアドレス欄のURLを右クリックでコピーします。
(7)で書き込んだ続きに、今コピーした縮小写真BのURLを次の位置に貼り付けます。

<a href=” オリジナル写真AのURL”><img src=” 縮小写真BのURL”border=0></a>
 これで、縮小写真Bの設定は済み。

(10) ひとまず完成
 これで、ページに表示された小さい写真をクリックすると拡大写真=オリジナル写真が表示されます。
 このあたりで、送信して試してください。
 いやなら、後で削除すればいいから。

(11) 写真の枠をどうするか
 写真の外枠を表示する機能は border=0 。
 私は、写真の外枠はいらないので、border=0 を初めから書き込んで辞書登録しています。
 外枠が欲しいときは、
 <img src="http://・・.jpg" border=0> の中の border=0 を消せば、
    ⇒ 標準設定の枠あり写真 になります。
 ⇒ 

(12) 2枚、3枚と横に続けるとき
 基本は続けて記入していくだけ。つまり、
 <大写真1A><小写真1B></a><大写真2A><小写真2B></a></a>



 ただし、これでは、写真がくっついて表示されます。間をあけるには、
<大写真1A><小写真1B></a>  <大写真2A><小写真2B></a>

というように1枚目と2枚目の間にスペースキーで空白を入れる。私は全角2ないし3マスとっています。3枚目も同じようにします。

  

 縦に写真を置くには、「改行」します。

(13) 基本は左側に配置される
 特別に設定しないと、文章でも写真でも、左から配置されます。

(14) 写真を真ん中に持っていく方法
 写真や文字を真ん中に配置したい場合の設定は <center>言葉や写真</center>です。

 私は、「せんたー」との読みで「<center>」と「</center>」 を単語登録しました。
 
 例えば次。
<center>写真の見出しの言葉</center><center>前記(12)の写真設定 = <大写真1A><小写真1B></a><大写真2A><小写真2B></a></center>

 とすると、「写真の見出し」の一行下に写真がきます。

写真の見出しの言葉

  


 改行すれば、空きが一行増えます。
 これは、一文のタイトルや小見出しをつけて、真ん中に配置たいときにも使えますね。
<center>(14) 真ん中に持っていく</center>

(15) 大写真と小写真はなんでもよい
 実は、
<大写真3a><小写真4b></a> の <大写真3a>と<小写真4b>は違う写真でもよいのです。

写真をクリックしてみてください。

 このことは、大写真と小写真をおき間違えると、うっかりして、予定外の組み合わせになってしまうこともあり得る、ということも示しています。

(16) 写真を左におき、あるいは右におき、かつ、文章を写真の横におく方法

左に写真は align=left    右に写真は align=right 、 
 これを書き込みます。

<a href=” オリジナル写真AのURL”><img src=” 縮小写真BのURL”align=left border=0></a>

 左置きも、右置きでも、文章は写真の次に配置。
 この機能を終了させたいところで  
    <br style=clear:both;>  
 と 文章中に書くと 通常の書式に戻ります。


 さらに、2枚の写真を使って、次のようにも出来ます。
 説明はいずれまた。

・・・・・・・・・・・・・・・・・・・・・・・・・
 大木に育った ニシキモクレン と、まだ2メートルちょっとのサラサモクレンの間にあるサラサウツギです。3メートル位あるかな。
 ニシキモクレン側は、そのかげが過ぎたのか、花つきが少し劣ります。このウツギは貴重だとされ、珍重されているそうです。


・・・・・・・・・・・・・・・・・・・・・・・・・

クワの実
 桑の実がびっしりと着きました。幹の直径は20センチ以上になりました。長らく、赤たまごのニワトリの平飼い(土の上ということ)の小屋が横にあったので、大きく大きく育ったのでしょう


・・・・・・・・・・・・・・・・・・・・・・・・

(17) 単語登録のコツ
 私は、1988年ごろに最初のワープロを買い、以後5台ほど使い潰しました。最初に、友人が、単語登録を教えてくれて、しかも当時は、メモリーがわずかだったので、「2文字」で単語登録するのがメモリーを食わないコツ、と教えられました。

 打つキーの数を少なくするのも楽に呼び出すコツ。
 もちろん、自分の覚えやすい「読み」にすること。
 私はいろんな言葉を登録しています。

 例えば、「しゆ」と入力すると、変換キーを押すだけで、「住民監査請求」「住民訴訟」「住基ネット」がでてきます。
 「めーる」と入力すると、「tera@ccy.ne.jp」とか、住所は「きふ」と入力すると「岐阜県山県市西深瀬208」とでるとか・・・・
 
 ブログの作成関係では、
 「せんたー」で 「</center>」「<center>」
 「らいと」で 「align=right」
 「ほーたー」で 「border=0」
 「かくしや」で 「<a href=””><img src=””border=0></a>」など。
 
 これで分かりますか? 

 (この元になっているのは 2005年4月17日のブログ
   ⇒ 2005年4月17日のブログ


コメント ( 0 ) | Trackback ( )