愛犬コーギーテラの事・イラスト等書いてます
 
2011/07/06 14:41:23|PC講座
PC講座のためのサンプルブログ
ウェルシュ・コーギー・ペンブロークのテラです。



画像1



横から見て、ご覧の通りの短足犬です。
コーギーですから。



テラはオヤツが大好きです。



画像2



オヤツがあれば、よく言う事を聞きます。



画像3



今日も美味しくいただきました。







2011/07/06 1:10:40|テラ
ボールで遊ぶ
テラがリンゴ型のボールで遊んでいます。



去年、このボールで、この場所で、ボール遊びをしていた時に、後ろ足の十字靭帯を断裂してしまったので、それ以来ボール遊びを禁止して養生して来ました。

あれ以来、散歩バックに入れっぱなしだったのですねー。リンゴ型のボール。

テラが散歩バックをごそごそして、自分でひっぱり出してきました。

ボールを見れば「投げろー!」「投げてー!」と催促の攻撃をして来るのが通常でした。
去年までは。

久々にボールを発見して、その「投げろ―!」攻撃をしてくるのかと思ったら…
少し私の顔をうかがうように見はしたものの、ガブガブとボールに食らいついて1匹で遊びだしたのでした。



画像4



なめてみたり…



画像5



持ち上げてみたり…



画像6



久々のその感触に酔いしれているようでもあり…



画像7



ボールという物は、たとえ飛ばなくても楽しめる物だと発見したのかい?

何が楽しいのか理解しがたいが、テラが怪我無く楽しめる方法が発見出来て、私は嬉しいよ。

まあ、長続きはしないだろうけどね。
こんな、おしとやかな遊び方。

やっぱりボールという物は飛んで行って、それを拾って持って帰るところに醍醐味があるんだろうからね。







2011/07/05 23:43:49|PC講座
画像を貼る方法7
easy my webのブログの文章中に画像を貼る方法の解説、続きです。



前回の『画像を貼る方法6』で、ブログ中に画像を表示させるタグは

画像1

これが最低限必要な形と解説しました。

このタグの★を消してその位置に画像のアドレスを入れ、▲を消してその位置に適当な文字を入れて投稿すると、ブログに表示される画像の大きさは、(1)で準備した画像の大きさそのままで表示されます。

つまり画像を準備する段階で、ブログに表示される大きさに加工してあれば、このタグを使用して投稿することが出来ます。



では、準備した画像がブログに表示される大きさに加工していない場合はどうするか?

この場合は、画像の大きさを指定するタグを使います。

画像2

この■を消してその位置にブログに表示したい画像幅をピクセル数で入力します。

画像の大きさの目安として、例えば『あまいろ便り』の画像は、長辺320ピクセル×短辺240ピクセルで表示しています。

そこで、
横位置の画像を表示したい時は、width=320
縦位置の画像を表示したい時は、width=240
と入力しています。

この数字を参考にして、画像をもう少し大きく表示したい場合は大きな数字を、小さく表示したい場合は小さな数字を入れて加減してみてください。

ただし、テンプレートによりデザインが決まっているので、画像幅に入力できる数字には限界があります。

現在『あまいろ便り』で使用しているテンプレートでは、本文と画像が入るスペースの幅は580ピクセルなので、そこに表示させる画像の大きさはそれより小さい数字を入力します。
どうも、536ピクセルが限界のようです。

もし、
幅いっぱいに画像を表示させたい場合は、width=100%
と入力することも出来ます。

画像の幅を決めれば、画像の高さは自動的に決まります。

準備した画像が、細長い画像でも、正方形な画像でも画像の横幅の大きさを指定すれば、画像の縦横比率はそのままに、縮小あるいは拡大されて表示されます。



参考に画像の高さを指定する方法も解説しておきます。

画像3

この●を消してその位置にブログに表示したい画像高さをピクセル数で入力します。

画像の高さを指定しても、画像幅は自動的に決まります。

画像の縦横の比率を計算するなどして、幅も高さも分かっている時は両方共入力することも出来ます。

画像4

この様になります。

画像の幅と高さ、両方指定した方のがブログの表示が安定する様なのですが、未確認です。

ご自分の都合の良い方法を使用してください。



次回は、具体的にどの様に投稿するか、その一例を書きたいと思います。

その解説、途中まで書いたのですが…
解説って難しいですね…
てこずっています。お待ちください。



『画像を貼る方法』の各記事へのリンクです。↓

画像を貼る方法1

画像を貼る方法2

画像を貼る方法3

画像を貼る方法4

画像を貼る方法5

画像を貼る方法6

画像を貼る方法7

画像を貼る方法8

画像を貼る方法 あとがき







2011/07/02 23:39:27|テラ
じゃぶじゃぶ池

6月30日のことです。

大きな雷が鳴って、ドバーッ!!と大量の雨が降った日でした。

しかし散歩に行こうと思う頃には、雨は止み、道もほど良く乾いて、何のためらいも無く散歩に出掛けることが出来たのでした。

いつもの『おおね公園』で、軽快にお散歩開始です。



画像1



いつの間にか、背中に“葉っぱ”なんか乗せて快調にお散歩です。



震災後、なかなか復旧しなかった『じゃぶじゃぶ池』ですが、立入禁止のロープは外れて、水が溜まっていました。



画像2



これって…さっきの大雨の水が溜まったのかな?
それとも、意図して溜めたのかな?

そんな事を思いながら、お散歩、お散歩。
ぐるーっと公園を1周して…



画像3



『じゃぶじゃぶ池』に戻ってみると…



画像4



…!!
子供達が『じゃぶじゃぶ池』で遊んでいました。

これって、さっきの大雨の雨水なら、ちょっと大きな水たまりだよね。

大はしゃぎで楽しそうだからいいけどさ。

傘を持っているから、あの大雨には濡れなかったんだろうな。
でもその後、水たまりで遊んで、ビッチョビチョ。

ふつー、怒られるよね。
家に帰ったら母ちゃんに。
「あんた!何やってんの!!」
とかさ…

そんな楽しそうな少年たちを眺めながら、散歩を続け、公園の出口あたりで一休み。



画像5



そしたらね、私の背後の方から、グジュ!グジュ!という音が近づいてきて…

その音の主はテラの後ろを通り抜けて行ったのでした。

音の主は、先ほどの水たまりで遊んでいた少年。
靴に溜まった水と、足の裏で、歩くたびに奏でる音でした。



画像6



ところでその『じゃぶじゃぶ池』ですが、7月1日に無事、海開きならぬ“池開き”したようです。



画像7
2011年7月1日



これで、震災による『おおね公園』の復旧、すべて完了だね。きっと。







2011/07/01 23:49:35|PC講座
画像を貼る方法6
easy my webのブログの文章中に画像を貼る方法の解説、続きです。



(1) 画像を準備する。
(2) 先に画像のみを投稿して、未投稿の状態にする。
(3) 未投稿にした画像のアドレスを取得する。
(4) 画像とは別に改めて本編を投稿する。
(5) 本編作成の際、本文中の画像を表示させたい部分に“画像貼り付けタグ”を使用し、貼っていく。



さて、いよいよ『(5) 本編作成の際、本文中の画像を表示させたい部分に“画像貼り付けタグ”を使用し、貼っていく。』です。

“画像貼り付けタグ”というものが“未知のもの”という方が多いと思います。
しかし、“タグ”というものが使えるようになると楽しいと思います。



今回より解説の際、『TAG index』というサイトより引用させていただいたところがあります。

このサイトはWeb制作について解説しているサイトです。

引用部分には『TAG index』へのリンクをしています。

引用したものであることを明確にするため、その都度、リンクを貼っていますが、すべて同じページへのリンクです。
御承知ください。



(5)本編作成の際、本文中の画像を表示させたい部分に“画像貼り付けタグ”を使用し、貼っていく。

“タグ”というものは、ホームページやブログを作る際に必要な符合です。
“HTMLタグ”と呼ばれています。

easy my webではこの“HTMLタグ”を個々が使わなくてもブログが自動的に作れるようになっているのです。
でも、出来上がったブログはちゃんと“HTMLタグ”を使ったものが出来上がっているのです。

では画像を表示させるタグ、“画像貼り付けタグ”です。

画像1

実際は★を消してここに画像のアドレスが入ります。

これが一番簡単な形です。
必要に応じてここに色々な情報が付け加わります。

これだけでも画像は表示されますが、『TAG index』を読むと、
“img要素にはalt属性が必須となります。”
と書いてあるので、

画像2

これが最低限の形になります。

実際は▲を消して画像の代わりになる文字(テキスト)を入れます。
▲に入れた文字(テキスト)は、



○画像を表示しないブラウザの場合、画像の代わりにこのテキストが表示されます。
○音声ブラウザの場合、画像の代わりにこのテキストが読まれます。
○画像の読み込みが完了するまでの間、その部分にこのテキストが表示されます。
○検索エンジンによっては、このテキストが検索対象に含まれる場合があるようです。
○一部のブラウザでは、マウスでポイントした時にこのテキストが数秒間表示されます。

以上、『TAG index』より引用。



上の事を参考にして▲に適当な文字(テキスト)をいれてください。
画像1などでもいいですし、空欄のままでも大丈夫です。



長くなりましたので、次回に続きます。



『画像を貼る方法』の各記事へのリンクです。↓

画像を貼る方法1

画像を貼る方法2

画像を貼る方法3

画像を貼る方法4

画像を貼る方法5

画像を貼る方法6

画像を貼る方法7

画像を貼る方法8

画像を貼る方法 あとがき