塾講de主婦の雑記帳

仕事の上でのよもやま話、日常生活の出来事、趣味の屋上ガーデニングや
たくさんいるペットの話など…思いつくまま

HTMLエディターで画像を拡大させる方法

2005-06-18 | colinの画像表示メモ
初心者、シルバー世代の方向けの詳細な使い方です。
もともとはシルバー世代の自分の母のために作ったものです。

HTMLエディターで画像を拡大させる方法

 [画像挿入]ボタン(人型)を使って、小さい画像のURLを入れ、次に大きい画像のURLを入れてリンクさせることによって拡大させます。Windows XP SP2 IE6とMe SP1 IE6では、この方法でできました。

 ブログの編集・作成画面→ 新規投稿画面→HTMLエディター とクリックで画面を移動していく。

①下の方の[画像を選択/解除]ボタンをクリックして、
 現在使用できる画像の一覧のウィンドウを開く。
 6枚しか表示されないので、[次の6件を表示]を使って画像を探す。

②使いたい画像(サムネイル、証明写真大)の上で右クリックしてメニューを出し、
 クリックで1番下の[プロパティ]を選択し、[プロパティ]のウィンドウを開く。
 アドレス(URL) http://・・・のところにポインタ(矢印)をもっていき、
 カーソル(縦棒)に変わったところで右クリックしてメニューを出し、
 クリックで1番下の[すべて選択]を選択。
 色が反転した上にポインタをもっていき、右クリックしてメニューを出し、
 クリックで[コピー]を選択。
 [OK]か[×]で[プロパティ]のウィンドウを閉じる。
 現在使用できる画像の一覧のウィンドウは、
 右上の右から3つ目の[最小化]ボタンをクリックして最小化しておく。(閉じてはいけない。)
 新規投稿画面が出てくる。

③[画像挿入]ボタン(人型)をクリック。
 右上に[ユーザープロンプト]のウィンドウが出たら、
 BackSpaceキーで、すでに入っている文字を消す。
 右クリックでメニューを出し、クリックで[貼り付け]を選択する。
 [OK]をクリックする。([ユーザープロンプト]のウィンドウはまだ出たままになっている。)

④タスクバーで、現在使用できる画像の一覧のウィンドウを開く。
 タスクバーとは画面右下の[スタート]から右1行のこと。
 1番上になっているウィンドウの色が濃く表示されているので、薄い色の[編集‐gooブログ…]とか[http://blog.goo.…]というのをクリックすればよい。

⑤使いたい画像の上でクリックし画像だけのウィンドウを出す。
 アドレスのhttp//の上で右クリックしてメニューを出し、
 クリックで[コピー]を選択。
 画像だけのウィンドウは閉じる。
 現在使用できる画像の一覧のウィンドウは、
 右上の右から3つ目の[最小化]ボタンをクリックして最小化しておく。(閉じてはいけない。) 新規投稿画面が出てくる。

⑥右上に[ユーザープロンプト]のウィンドウが出たままになっているので、
 BackSpaceキーで、すでに入っている文字を消す。
 右クリックでメニューを出し、クリックで[貼り付け]を選択する。
 [OK]をクリックする。
 [ユーザープロンプト]のウィンドウが消え、
 新規投稿画面の本文の左端に紫の枠が付いた画像が入っていたら成功。

⑦新規投稿画面本文の画像より下の何もないところで空クリック。
 小さい四角が消え画像の右にカーソルが出てくるので、
 続いて画像を入れるときには1~2個スペースを空ける。

⑧タスクバーで、現在使用できる画像の一覧のウィンドウを開く。
 ②から⑦を繰り返すと2枚3枚4枚と画像を入れられる。
 ③の[画像挿入]ボタン(人型)をクリックする前に、
 本文に表示された画像の右横にカーソルがあるかどうか確認すること。
 (もし違うところに画像が入ってしまっても大丈夫。
 周りの四角を空クリックで消してからドラッグすれば移動させることができる。)

⑨最後の画像を入れ、新規投稿画面本文の右下の何もないところで空クリック。
 小さい四角が消え画像の右にカーソルが出てくるので[中央寄せ]ボタンをクリック。
 画像の右下で空クリックして、画像の右にカーソルが出ているのを確認してから
 普通にEnterキーを押すと、画像中央の下にカーソルが出てくる。
 [左寄せ]ボタンをクリック。画像の右下で空クリック。
 カーソルが左端に来る。
 (カーソルが見当たらなくても画像の右下で空クリックすれば出てくる。)
 空クリックは必ず画像より下ですること。
 文章を書く。(文章の途中で改行したいときは、Shiftキーを押しながらEnterキーを押す。)

 この作業を繰り返すと、何段でも画像が入れられる。
 2段め以降の[画像挿入]ボタンをクリックする前に、
 次の画像を入れたい行の左端に、普通にEnterキーを押してカーソルを移動しておくこと。

②の操作が1番難しいと思われます。アドレスをドラッグしてコピーすればよいのですが、マウスに不慣れだったり、マウスを使用していない場合は上記の方法が確実ではないでしょうか。
この内容のお試し版はこちら。画像表示の以前の記事はこちら。



最新の画像もっと見る

6 コメント

コメント日が  古い順  |   新しい順
早速印刷して (省さん)
2005-06-18 12:27:34
こんにちは。 お忙しいのに有り難うございました。早速印刷して挑戦します。上手く出来ましたらご報告申し上げます。
返信する
はい (colin)
2005-06-19 03:18:41
省さん

うまくいくといいですね、うまくいってほしいです。
返信する
リンク (てらまち)
2005-06-21 05:24:50
 colinさん、おはようございます。



 今日の私の投稿は、こちらの「使い方説明」にリンクさせていただきます(笑)
返信する
こんばんは (colin)
2005-06-22 00:22:45
てらまちさん

いつもご丁寧にありがとうございます。

ここにいらした方が、コメントを残してくださると嬉しいんですけれどね。「ここが分かりにくい。」とか。

それにしてもちっともこちらは雨が降らず蒸し暑くって参ってます。明日は涼しくなるというので期待しているのですが。



今、投稿したら「アクセス集中」でだめでした。コピーしておいたので再度トライ
返信する
やってみます (むく)
2005-08-04 06:06:58
はじめまして。

ブログに写真掲載する方法に、今もってなれなくて困ってます。早速コピーしてやってみます。感謝。TBもさせていただきます。

返信する
はじめまして、ようこそ (colin)
2005-08-07 02:25:17
むくさん

てらまちさんのところからいらしてくださったのでしょうか。お役に立てれば嬉しいのですが、うまくいくといいですね。

また遊びにいらしてください。













返信する