<   2014年 02月 ( 16 )   > この月の画像一覧

互換表示について勉強しましょう

ブログを楽しんでおられる方 必読です!!

ページへページへページへページへページへページへ

 ブロ友さんからブログの画像や文字の位置ずれを指摘されたことはありませんか?
また、文字の字体が変わってしまったり、広くしたコメント枠が突然狭くなったことはありませんか?
Internet Explorerがバージョン11にアップされるようになってから、増えたトラブル相談です。
「互換表示」を知っていると理解出来ますので、互換表示について勉強してみましょう。

【互換表示とは】
Internet Explorer はIE6、IE7、IE8、IE9、IE10、IE11とバージョンがアップされてきました。
機能が上がり、処理も変わってきますので、ホームページの見え方も変わってくるのは止むを得ないことです。
しかし、新しいバージョンになって、古いバージョンで作られたホームページが見えないのでは困ります。
そこで、考えられたのが「互換表示」という機能です。
新しいバージョンでも「互換表示」に切り替えれば古いバージョンの画面で見ることが出来るのです。
この機能はIE8から付いています。
事例で説明しましょう。

【事例1】
Aさんのブログのコメント欄部分です。
文字の太さ、コメント欄の広さに注目してください。
Internet Explorerの最新バージョン11で見た画面
d0181824_16281382.jpg

「互換表示」に切り変えて見た画面
d0181824_16312079.jpg

互換表示にするとコメント枠が広くなり、文字が細くなっています。
Aさんはコメント枠が広い方で閲覧して欲しかったのでしょう、ブログの冒頭に「互換表示でご覧ください」と案内文がありました。

【事例2】
相談室の「互換表示のテスト投稿1」です。
この記事はInternet Explorer バージョン10で投稿したものです。
画像の見え方に注目してください。
Internet Explorerバージョン10で見た画面
d0181824_1738345.jpg

互換表示に切り変えて見た画面
d0181824_1740084.jpg

互換表示にすると1枚目と2枚目の一部しか見えません。
互換表示で確認せず投稿し、入力ミスに気が付かなかった事例です。
IE6やIE7の古いバージョンで見ている方は2枚目と3枚目の写真は見えないと思います。

【事例3】
相談室の「互換表示のテスト投稿2」です。
この記事はInternet Explorer バージョン10で互換表示に切り替えて投稿したものです。
画像の配置に注目してください。
Internet Explorerバージョン10の互換表示のまま見た画面
d0181824_17422656.jpg

互換表示を解除して見た画面
d0181824_1746630.jpg

互換表示を解除すると画像の配置がずれて見えます。
互換表示を解除せず投稿し、入力ミスに気が付かなかった事例です。
IE8~IE11のバージョンで見ている方は画像の配置がずれていると思います。

【まとめ】
互換表示はバージョン7の処理で表示することが分かりました。

あなたの作ったブログは、
色々なパソコン、色々なブラウザ、色々なバージョン、色々な設定で見られています。
折角の写真が消えてしまっては困ります。
入力に不具合いが無ければ写真がずれたり消えることはありません。
記事を投稿するときは互換表示を切り替えて確認することが大切です。
相談室の「互換表示のテスト投稿3」は入力ミスを修正して投稿した記事です。
次のページをクリックして開き、ご自分のパソコンでどのように見えるか確認してください。
「互換表示のテスト投稿1」
「互換表示のテスト投稿2」
「互換表示のテスト投稿3」

「互換表示設定の手順」についてこちらをご覧ください。

by PC-otasukeman | 2014-02-27 16:03 | Comments(12)

互換表示のテスト投稿1

このページは互換表示の説明用です。
「互換表示について勉強しましょう」のページを先にお読みください。


ページへページへページへページへページへページへ

閉会式で繋がった五輪の輪
上の1枚が開会式、下の2枚が閉会式です。
d0181824_1463036.jpgd0181824_1465825.jpgd0181824_147231.jpg

by PC-otasukeman | 2014-02-27 16:02 | Comments(0)

互換表示のテスト投稿2

このページは互換表示の説明用です。
「互換表示について勉強しましょう」のページを先にお読みください。


ページへページへページへページへページへページへ

フィギュアスケート 男子シングル 表彰式
  【表彰台】         【記録】         【国旗掲揚】
d0181824_17562955.jpgd0181824_17555331.jpgd0181824_1757920.jpg

by PC-otasukeman | 2014-02-27 16:01 | Comments(0)

互換表示のテスト投稿3

このページは互換表示の説明用です。
「互換表示について勉強しましょう」のページを先にお読みください。


ページへページへページへページへページへページへ

入力ミスを修正して投稿したものです。
互換表示を切り替えても表示が崩れることはありません。

閉会式で繋がった五輪の輪
上の1枚が開会式、下の2枚が閉会式です。
d0181824_1463036.jpg
d0181824_1465825.jpg
d0181824_147231.jpg


フィギュアスケート 男子シングル 表彰式
  【表彰台】         【記録】         【国旗掲揚】
d0181824_17562955.jpgd0181824_17555331.jpgd0181824_1757920.jpg

by PC-otasukeman | 2014-02-27 16:00 | Comments(0)

互換表示の切り替え手順

ページへページへページへページへページへページへ

【IE8~IE10】
メニューバーの[ツール]をクリックし、[互換表示]をクリックします。
互換表示が無効のサイトもありますのでご注意ください。
d0181824_188294.jpg

互換表示に切り替わります。
アドレスバーの右横にある「互換表示」ボタン(緑枠)の色が変わります。
d0181824_18104077.jpg

互換表示をオフにするには、[ツール]を開きチェックの入った[互換表示]をクリックすれば元に戻ります。
なお、アドレスバーの右横の「互換表示」ボタンをクリックすればオン・オフを切り替えることができますので、ボタンが見えるときはこちらをクリックした方が便利です。

【IE11】
メニューバーの[ツール]をクリックし、[互換表示設定]をクリックします。
d0181824_182625.jpg

設定画面が出ます。
サイトを確認し、[追加]ボタンをクリックします。
d0181824_18261646.jpg

追加されたサイトを確認して[閉じる]ボタンをクリックします。
d0181824_1829752.jpg

互換表示に切り替わります。
d0181824_18295411.jpg

互換表示をオフにする時は設定画面を出し、サイトを選択して[削除]ボタンをクリックします。
削除されたのを確認して[閉じる]ボタンをクリックすれば元に戻ります。
d0181824_1836515.jpg

IE11ではアドレスバー横の「互換表示」ボタンがありません。
ワンクリックで切り替えができず、不便になりました。
互換表示の使う頻度が少なくなったからなのでしょうか。

by PC-otasukeman | 2014-02-27 15:02 | Comments(0)

IE10からIE11にバージョンアップする手順

手動でIE10からIE11にバージョンアップするには次の手順を参考にしてください。
こちらにも詳しく説明を追加しました。ご覧ください。

【IE10からIE11へバージョンアップする手順】
(画像をクリックすると拡大表示します)
(Windows 7 の例です)


インターネットを開いてください。
メニューバーの[ヘルプ]-[バージョン情報]をクリックしてIE10になっていることを確認します。
「・・・自動的にインストールする」のチェックが外れていることを確認し、インターネットを閉じます。
d0181824_19334729.jpg

[スタート]-[すべてのプログラム]-[Windows Update]をクリックします。
d0181824_10524585.jpg

更新プログラムが表示されます。
[X個のオプションの更新プログラムが利用可能です]をクリックします。
d0181824_10541984.jpg

利用できるオプションプログラムが表示されます。
ここに表示されているプログラムはチェックを入れないとインストールされません。
[Internet Explorer 11]にチェックを入れ、[OK]をクリックします。
d0181824_1104910.jpg

[更新プログラムをインストールする]をクリックします。
d0181824_1161144.jpg

インストールが終了したら[今すぐ再起動]をクリックします。
d0181824_119523.jpg

シャットダウンして再度立ち上がったら、インターネットを開いてください。
メニューバーの[ヘルプ]-[バージョン情報]をクリックしてIE11になっていることを確認してください。
この時、「・・・自動的にインストールする」のチェックを外しておくと、知らない間に次のバージョンにアップすることはありません。
d0181824_11515636.jpg


IE10に戻すには「IE11からIE10へ戻す手順」を参考にしてください。


by PC-otasukeman | 2014-02-25 10:35 | Comments(5)

IE11からIE10へ戻す手順

ページへページへページへページへページへページへ

知らない間にIE10(Internet Explorer 10)からIE11にバージョンアップされていた方が多いようです。
d0181824_11515636.jpg
私もそうでした。
新しいバージョンは少し様子を見てから使うようにしていますので、直ぐにIE10に戻しました。

【IE11からIE10へ戻す手順】
(画像をクリックすると拡大表示します)
(Windows 7 の例です)
コントロールパネルを開きます。
[スタート]ボタンをクリックし、スタートメニューの[コントロールパネル]をクリックします。
d0181824_18571263.jpg

コントロールパネルが出ます。表示方法を[大きいアイコン]にします。
アイコン[プログラムと機能]をクリックします。
d0181824_1944074.jpg

プログラムリストが表示されます。
バージョンアップされたIE11はここにはありません。
左にある[インストールされた更新プログラムを表示]をクリックします。
d0181824_1971491.jpg

更新プログラムの一覧が表示されます。
この中から[Internet Explorer 11]を探しクリックします。
メニューに[アンインストール]ボタンが表示されますので、ここをクリックします。
d0181824_1991938.jpg

確認メッセージが出ますので[はい]をクリックします。
d0181824_1914142.jpg

アンインストールが実行されます。
d0181824_19164420.jpg

終わったら[今すぐ再起動する]をクリックします。
d0181824_19172832.jpg

シャットダウンして再度立ち上がったら、インターネットを開いてください。
メニューバーの[ヘルプ]-[バージョン情報]をクリックしてIE10になっていることを確認してください。
この時、「・・・自動的にインストールする」のチェックを外すことを忘れないでください。
d0181824_19334729.jpg


【ご注意】
アンインストールに30分近くかかったという方もおります。
パソコンの状態により違いますので、時間の余裕のある時に実行してください。

IE8に戻った方がおりましたが、IE11の前に使っていたバージョンに戻りますので、承知してください。


IE10からIE11へのバージョンアップはWindows Update 機能を使います。
手順については「IE10からIE11にバージョンアップする手順」をご覧ください。

お尋ねします。
IE6もしくはIE7をお使いの方はコメントでお知らせください。

by PC-otasukeman | 2014-02-24 08:25 | Comments(7)

Internet Explorer をお使いの方へ

ページへページへページへページへページへページへ

Internet Explorer (IEと呼びます)をお使いの方へ
IE10からIE11へ自動的にバージョンアップされて困惑したとの相談がありました。
ブロ友さんのパソコンは2月16日にバージョンアップされていました。
皆さんはどうでしょうか。
次の手順でIEのバージョンを確認してください。

インターネットを開きます。メニューバーにある[ヘルプ(H)]をクリックします。リストが出て来ますので一番下の[バージョン情報]をクリックします。
d0181824_1892329.jpg

バージョン情報が表示されます。
私のパソコンは「Internet Explorer 10」(IE10)です。
私は「新しいバージョンを自動的にインストールする」のチェックを外しているので、知らない間にIE11になることはありません。
しかし、多くの方はIE11になっているのではないでしょうか。
d0181824_1826121.jpg


IE10に戻すには「IE11からIE10へ戻す手順」をご覧ください。
また、
IE10からIE11へのバージョンアップするには「IE10からIE11にバージョンアップする手順」をご覧ください。

by PC-otasukeman | 2014-02-21 18:32 | Comments(8)

紙類収集日

ページへページへページへページへページへページへ

今日は紙類収集日
新聞、段ボールを束ねて収集場へ
お助けマンの担当業務です。
収集場で目にしたものは!?
d0181824_18234345.jpg

「Windows XP 完全制覇」なる分厚い本、
パソコン通の愛読書です。
4月9日のサポート終了を待たずにお払い箱になったのでしょう。
「永い間ご苦労様でした」と思わずにはいられませんでした。

私のXPパソコンはまだまだ健在です。
サポート終了後も見守りたいと思い、参考資料は当分の間、保存したいと思っています。

by PC-otasukeman | 2014-02-17 16:00 | Comments(13)

画像を加工する

ページへページへページへページへページへページへ

下の画像はテレビの画面を一眼レフカメラで撮影したJPEG画像です。
d0181824_15322646.jpg

テレビの画面の横縦比は16:9、一眼レフカメラは3:2 ですから、上下に余分なものが写っています。
また、写したくないものも写っています。
画像加工ソフト「PhotoScape」で綺麗な写真に仕上げてみましょう。

JPEG画像を保存しているフォルダーを開きます。

加工する画像を右クリックし、出てきたメニューの[プログラムから開く]をポイントすると、プログラムリスとが出て来ますので、[PhotoScape]をクリックします。
(PhotoScapeをインストールしていない方はを「画像編集ソフト「PhotoScape3.6.X」のダウンロード」を参照してインストールしてください)
d0181824_15514594.jpg

PhotoScapeが起動して、加工対象のJPEG画像が表示されます。
最初に周囲の不要な部分を切り取りましょう。[トリミング]タブをクリックします。
d0181824_15572178.jpg

トリミング画面に変わります。「自由トリミング」になっていますのでここをクリックします。
横縦比のリストが出てきますので、ここではテレビ画面と同じ横縦比で切り取ることにしましょう。
[16:9]をクリックします。
d0181824_1642652.jpg

マウスポインターを左上から右下にドラッグして切り取り部分を決めて、[トリミング]ボタンをクリックします。
d0181824_1611488.jpg

周囲が切り取られ、16:9の画像が完成します。
次に絵葉書らしい綺麗な画像に加工しましょう。[ツール]タブをクリックします。
d0181824_16153977.jpg

ツール画面になります。
赤線で囲った部分が目ざわりです。これらを消してみましょう。
周りの色で塗りつぶす「コピースタンプ」というツールを使います。
[コピースタンプ]ボタンをクリックしてから、スタンプの大きさを選びます。
ここでは「中」をクリックしましょう。
d0181824_16191310.jpg

マウスポインタ(スタンプ)を塗りつぶす色に合わせ(赤丸)、クリックします。
次に消したい部分(緑丸)にスタンプを移します。
d0181824_16312798.jpg

クリックするとその部分が塗りつぶされて白い点が消えてしまいます。
右クリックするとマウスポインタが元に戻ります。
d0181824_1632123.jpg

同じようにして白い点を消していきます。
d0181824_16321631.jpg

スタンプの大きさは3種類選べますので、状況に応じて選んで⑥~⑧の手順で加工しましょう。
右上にある文字も消すことが出来ます。
d0181824_16323164.jpg

これで完成です。綺麗な画像になりました。
d0181824_16324974.jpg

この画像を保存しますが、ブログに掲載するため画像の大きさを小さくしましょう。
[ホーム]タブに戻り、リサイズボタンの横にある[▼]をクリックし、横幅800ピクセルをクリックします。
d0181824_16331047.jpg

800×450ピクセルの画像になりました。保存ボタンをクリックして名前を付けて保存すれば完成です。
d0181824_1633302.jpg

下の画像は保存した画像を画像アップロードしたものです。
d0181824_16334615.jpg

トリミング機能、コピースタンプ機能は有用な機能です。
皆さんもお試しください。

パソコンライフ、PHOTOライフは楽しいですね。

by PC-otasukeman | 2014-02-14 18:00 | Comments(5)