「ほっ」と。キャンペーン

瀬戸市 公衆無線LAN(Wi-Fi)サービス 開始

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

2月3日からスタートした瀬戸市の公衆無線LAN(Wi-Fi)を体験すべく瀬戸蔵に行ってきました。
瀬戸の町は今、
16回 陶のまち瀬戸の お雛めぐり 開催中

瀬戸蔵1階 アトリウムに飾られたピラミッド型巨大ひな壇
「ひなミッド」
画像の拡大表示でお見せしたい写真を撮ってから2階のスペースで接続体験しました。
(クリックしてご覧ください)
d0181824_15443873.jpg
d0181824_15452555.jpg
d0181824_15460928.jpgd0181824_15461566.jpg
ぼんぼりの配列がハート(♡)になっています。

【瀬戸市の公衆無線LAN 接続手順】
Windows 10 のノートパソコンの場合です。
Wi-Fi ネットワーク画面から Seto_City_Free_Wi-Fi を選択して[接続]します。
d0181824_16210315.jpgd0181824_16211218.jpg

インターネットブラウザを起動します。 接続されると次の画面が出てきます。[ご利用はこちらから]をクリックします。
d0181824_16310890.jpg

規約同意画面の規約を確認して、[同意する]ボタンをクリックします。
d0181824_16311658.jpg

利用するにはメールアドレスかSNSアカウントで登録する必要があります。
メールアドレス欄をクリックすると、パソコンに記憶されているメールアドレスが表示されますので、クリックして選択します。
d0181824_16312663.jpg

メールアドレスを入力したら[接続]をクリックします。
d0181824_16313520.jpg

認証用メールが送信された旨の画面が表示されます。
d0181824_16314289.jpg

メールを起動します。登録したメールアドレスに届いたメール本文の[認証用URL]をクリックします。
d0181824_11264805.jpg

これでインターネットへの接続が完了しました。[ホームページはこちら]をクリックします。
d0181824_16315708.jpg

ホームページが表示されました。
d0181824_16320304.jpg

以降はいつもの通り閲覧できます。
d0181824_16322164.jpg

閲覧は1回:30分
1日8回(240分)の閲覧ができます。
手順は簡単です。皆さまもお試しください。

【広報 せと (2月1日)より】
d0181824_09234494.jpg

【リーフレットより】
d0181824_09235403.jpg


More 小次郎じじ様へ

# by PC-otasukeman | 2017-02-09 17:23 | Comments(3)

画像の拡大表示を楽しむ(岩屋堂の野鳥)

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

2月8日 10時~11時 スズメの飛翔 良い写真が撮れいました。
画像をクリックして拡大表示でご覧ください。
d0181824_14201252.jpg
d0181824_14202401.jpg
d0181824_14204127.jpg
d0181824_14211012.jpg
d0181824_14213967.jpg


# by PC-otasukeman | 2017-02-08 14:32 | Comments(5)

画像の拡大表示を楽しむ(その1)

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

 エキサイトブログの「画像の拡大表示」をご存知ですか?
下の画像をクリックしてみてください。迫力あるアオサギが現れます。
小さな画像を大きく魅せる・・・これが「画像の拡大表示」です。
今回は7回シリーズでテクニック等をご紹介しますので、皆さんもお試しください。

d0181824_11025205.jpg
d0181824_14481557.jpgd0181824_11035238.jpgd0181824_14513190.jpg

【拡大表示の画面について】
クリックして現れる画面は次の3タイプが用意されています。
次回説明しますが、設定によって選ぶことが出来るようになっています。

【タイプ1 画像閲覧ページ】
同じウインドウの画像閲覧ページ(↓)が表示されます。
画像の右下隅に拡大鏡が出たときは更に拡大できることを表しています。
d0181824_16010775.jpg
拡大鏡をクリックすると拡大画像(↓)が表示されます。
d0181824_16011681.jpg
元の画面に戻るときは[←(戻る)]ボタンをクリックします。

【タイプ2 ポップアップ 】
別ウインドウ(↓)のポップアップ画面が表示されます。
ウインドウが小さい時は[最大化]ボタンをクリックすると、
d0181824_16015023.jpg
最大化し、拡大画像が表示されます。
d0181824_16015969.jpg
画面内をクリックすれば元の画面に戻ります。戻りは簡単です。

【タイプ3 ポップアップ (右クリック禁止)】
額縁に入ったポップアップ画像が表示されます。
私のブログはこのタイプです。
d0181824_16021316.jpg
画面内をクリックすれば元の画面へ戻ります。

【皆様はどのタイプですか?】
エキサイトブログ100サイトを調べてみました。
【タイプ1 画像閲覧ページ】 80サイト
【タイプ2 ポップアップ】 17サイト
【タイプ3 ポップアップ(右クリック禁止)】 3サイト
皆さまのブログはどのタイプでしたでしょうか?
設定の手順は次回説明します。

【重要】
ご自分のブログを確認してください。
拡大表示画面にしても画像の大きさが変わらない方が多いと思います。
画像を拡大するにはいくつかのテクニックが必要です。
次回以降、ご紹介していきますので、是非ご覧ください。

(その2)へつづく

# by PC-otasukeman | 2017-02-02 16:00 | Comments(4)

画像の拡大表示を楽しむ(その2)

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

【拡大表示の画面を設定する】

【ご注意】以降の説明はエキサイトブログの新管理画面を使います。

次の手順で拡大表示画面を設定します。
【タイプ1 画像閲覧ページ】と【タイプ2 ポップアップ 】
マイブログにログインして[設定]をクリックします。
d0181824_16502549.jpg

設定画面が開いたら[基本設定]タブを開きます。
d0181824_16504217.jpg

下へ スクロールすると「画像の拡大表示」の項目があります。
[画像閲覧ページ]を選択すると「タイプ1 画像閲覧ページ」に設定され、
[ポップアップ]を選択すると「タイプ2 ポップアップ 」に設定されます。
d0181824_16531642.jpg

【タイプ3 ポップアップ(右クリック禁止)】
複雑なな操作ですが、挑戦してみてください。
上記の設定で「ポップアップ」が選択されていることを確認します。
[ メニュー設定]タブを開きます。
d0181824_17193458.jpg

下の方へスクロールすると「ブログパーツ」の項目がありますので[ブログパーツ管理はこちら]をクリックします。
d0181824_17194521.jpg

ブログパーツ追加の画面が出ます。[対応ブログパーツ一覧]をクリックします。
d0181824_17402759.jpg

ブログパーツ一覧が表示されます。
スクロールし[右クリック禁止ブログパーツ]をクリックします。
d0181824_17510855.jpg


ブログパーツに関するページが表示されます。
d0181824_17461352.jpg

スクロールすると、ブログパーツソースが出てきますので、正しいソースをドラッグして選択し、右クリックでコピーします。
d0181824_17534795.jpg

再度ブログパーツ追加の画面を出します。ソースコード欄に先ほどコピーしたソースコードを右クリックで貼り付けて、[登録]をクリックします。
d0181824_17582713.jpg

設定画面を出し、[メニューの並べ替え]タブを開きます。
d0181824_17592019.jpg

スクロールして[ブログパーツ]にチェックを入れて[適用]をクリックして終了します。
d0181824_17593713.jpg

ブログを開いて確認します。「タイプ3 ポップアップ(右クリック禁止)」が表示されたらOKです。
:「ブログパーツ」のチェックを外せば元に戻すことができます。

【注記】
「タイプ3 ポップアップ(右クリック禁止)」にするとブログの画像を右クリックしても操作メニューが表示されなくなります。
「名前を付けて画像を保存」することが出来なくなりますので注意してください。
またブログ本体のメニュー欄に注意メッセージが表示されます。文言はブログパーツのソースコードの文言です。
d0181824_16593338.jpg


次回は拡大表示のテクニックに移ります。
画像加工ソフト「PhotoScape」を使いますので、ご準備ください。
PhotoScapeのダウンロードはこちら(フリーソフト(Photoscape)ダウンロード) を参照してください。


# by PC-otasukeman | 2017-02-02 15:00 | Comments(0)

画像の拡大表示を楽しむ(その3)

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

【拡大表示の画像サイズを決める】
下の画像は拡大表示をしたときの私のパソコン画面(横1366ピクセル X 縦768ピクセル)です。
黄色の枠内がブログの表示エリア(横1356ピクセル X 縦654ピクセル)、
赤色の枠内が拡大画像(横900ピクセル X 縦600ピクセル)です。
d0181824_11391292.jpg

【 重要①!】
拡大画像のサイズはアップロードした画像サイズと同じです。
小さな画像をアップロードすれば拡大画像も小さくなります。
ブログの表示エリアより大きい画像をアップロードすれば、はみ出た部分は見えなくなります。
私はアップロードする写真は縦サイズを600ピクセルが推奨値です。
上の花火の写真は横900ピクセルX縦600ピクセルに加工してアップロードしたものです。
できる限り大きな画像にしたいのですが、パソコンの画面サイズを考慮して少し余裕を持たせました。

【重要②!】
エキサイトブログでは画像のファイルサイズが500KBを超えると縮小されてアップロードされてしまいます。
下の画像がその例です。クリックしてみてください。大きな画像になりません。
横900ピクセル×縦600ピクセルの画像は500KBを超えていて縮小されてアップロードされたためです。
d0181824_09015350.jpg

JPEG画像は画質を調整してファイルサイズを小さくすることができます。
下の画像は調整してからアップロードしたものです。クリックしてみてください。大きな画像になります。
d0181824_09181673.jpg

【重要③!】
アップロードした画像はエキサイトのサーバーに保存されます。
画像はダウンロードで入手できますので、大きな画像をアップロードしておくと良いでしょう。
ただし、無料コースは1GBの容量制限がありますので注意してください。

【画像加工手順】
画像加工ソフト「PhotoScape」を使ってアップロードする写真を加工してみましょう。
PhotoScapeを起動します。
[画像編集]をクリックします。
d0181824_10095743.jpg

画像編集画面が開きます。加工する写真が保存されているフォルダーをクリックすると、下に写真が表示されます。
加工する写真を探してクリックします。
d0181824_10100813.jpg

写真の画像が表示されます。
画像サイズ、ファイルサイズが表示されています。デジカメの原版の画像サイズとファイルサイズは大きいですね。
d0181824_10211026.jpg

画像サイズを縦600ピクセルになるよう加工します。
[リサイズ]ボタンの▼をクリックするとリストが出て来ますので、[高さの調整]をクリックします。
d0181824_10102395.jpg

高さ(ピクセル)欄に[600]と入力して[OK]をクリックします。
d0181824_16574670.jpg

横900ピクセルX縦600ピクセルの画像が出来ました。OKであれば[保存]をクリックします。
:ファイルサイズ欄はまだ元のままです。
d0181824_16595179.jpg

保存の画面が出ましたら、[JPEG品質]にチェックを入れてファイルサイズを確認します。
500KB以下であれば[名前を付けて保存]します。500KBを超えている場合は、レバーを左にドラッグして画像品質を調整します。
d0181824_17012131.jpg

500KB以下になったら[名前を付けて保存]をクリックします。
d0181824_17031794.jpg

保存先、ファイル名を決めて[保存]をクリックします。
d0181824_17054605.jpg

画像サイズ、ファイルサイズを確認して終了します。
d0181824_17071627.jpg


【画像ファイルの確認】
画像を保存したフォルダーを開きます。
[表示]タブを開いてレイアウトを[詳細]にします。
サイズ欄の数値(KB)がファイルサイズです。
一番先頭の「0-0花火・原画」以外はすべて横900ピクセルX縦600ピクセルにリサイズしたものです。
サイズが500KBを超える画像が4点ありますが、絵柄によってサイズが違うことをお知らせするため、あえて画質の調整をしなかったものです。アップロードするときは再度加工します。
d0181824_12155485.jpg


【用語説明】
【画像サイズ】
 デジタル画像は縦横に並べられた色の付いた点で表現されます。その一点一点を「ピクセル(画素)」と呼んでいます。
そして、縦横に並べられた点の数で画像サイズを表します。
【デジタルカメラで撮った写真:横3456ピクセル×縦2304ピクセル】
【複合機のスキャナー画像:横3502ピクセル×2492ピクセル】
【家庭用ノートパソコンの画面:横1366ピクセル×縦768ピクセル】

【ファイルサイズ】
画像の大きさを表すもう一つの値がファイルサイズです。
単位はKB(キロバイト)であり、サイズの大・小は画像の保存や処理に影響します。
画像ファイルは圧縮という技術が使われており、絵柄や画質によってサイズが違ってきます。

次回は画像の配置と表示サイズについて説明します。


# by PC-otasukeman | 2017-02-02 14:00 | Comments(0)

画像の拡大表示を楽しむ(その4)

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

【記事に画像を挿入する】
【ご注意】エキサイトブログの新管理画面で説明します。

[投稿]をクリックし「記事を書く」画面を出します。
タイトルを入力し[HTML編集](または普通編集)タブを開きます。
d0181824_16553963.jpg

まず最初に記事に挿入する画像をアップロード(エキサイトのサーバーに保存すること)します。
タスクバーの[エクスプローラー]をクリックし、画像を保存したフォルダを開きます。
ウインドウを左半分に配置し、[表示]タブを開き[大アイコン]にすると見やすいでしょう。
挿入する画像をドラッグして所定のエリアで離すとアップロードが始まります。
d0181824_16243257.jpg

【重要④!】
ファイルサイズが500KBを超えると既定値(後述)のサイズに縮小されてからアップロードされます。
画像にマウスポインタを合わせると画像サイズとファイルサイズを確認できます。
アップロードが終わると右サイドのアップロード欄に画像が表示されます。

挿入する位置へカーソルを立ててアップロード欄の画像をクリックします。
d0181824_16174094.jpg

「HTML編集」では画像タグと呼ばれる文字列が挿入され、
d0181824_16255567.jpg

[普通編集]では画像そのものが挿入されます。
d0181824_11454122.jpg

[プレビュー]をクリックしてみましょう。
下のような画像が表示され、クリックすると拡大画像が表示されます。
d0181824_16233500.jpg

【重要⑤!】
画像の表示には2つの決まり事があります。
アップロードした画像のサイズが既定値(後述)より大きいときは既定値のサイズで表示されます。
私のブログの既定値は520ピクセルです。
クリックで表示される拡大画像はアップロードした画像のサイズ(横900ピクセル)になります。

【既定値とは】
本文に表示できる画像サイズは設定によって制限されています。この値を既定値と呼びます。
通常はブログの本文の幅より少し小さい値に設定されています。
既定値の確認方法は次回説明します。

大きな画像さえアップロードしておけば画像の拡大表示を楽しむことが出来るようになります。
しかし、画像の大きさを変えたり、配置を変えたりするにはHTML編集でなければできません。
どなたにも出来る方法をご紹介しますので、是非次のステップに進んでください。


# by PC-otasukeman | 2017-02-02 13:00 | Comments(0)

画像の拡大表示を楽しむ(その5)

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

前回まではHTMLを知らなくても出来たことです。
ここからは「HTML編集」で画像のサイズや配置を変えて楽しいブログ創りをしてみたい思います。
「HTML編集」の経験がない方も是非挑戦してください。

【HTML編集とは】
HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略称です。ウェブ上の文書を記述するための言語です。
文章の中に記述することで、さまざまな機能を設定することができます。
「テキストを超える」という意味から"hyper-"(~を超えた) "text"(文書)と名付けられました。
HTML編集はこの言語を使って記事を書くということです。
HTML編集で記事を入力していくと、いろいろな文字列が挿入されます。この文字列をタグと呼んでいます。
今回のテーマでは「画像タグ」「改行タグ①」「改行タグ②」の3つのタグを使います。

【画像タグ】
前回挿入した花火の画像タグで説明します。
:タグはすべて半角文字です。説明のために文字を変更しています。

[#IMAGE|d0181824_16233500.jpg|201701/07/24/|mid|900|600#]

青字の部分:アップロードしたJPEG画像を指定する文字列
緑字の部分:アップロードした日付
mid:画像の配置(中央配置)
(mid:中央配置、left:左寄せ配置、right:右寄せ配置)
900:画像の横サイズ(単位はピクセル)
600:画像の縦サイズ(単位はピクセル)

画像は次の様に表示されます。
画像(↓)は既定値(520ピクセル)に縮小されます。
画像(↓)をクリックすると横900ピクセル×縦600ピクセルの拡大画像が表示されます。
d0181824_16233500.jpg

【改行タグ①】

<br>

改行を意味します。
通常はENTERキーで改行すると挿入されます。

【改行タグ②】

<br clear=all>

画像を左寄せや右寄せで配置し、改行せずに文字を入力していくと画像の横に配置されます。これを文字の回り込みと言いますが、その回り込みを途中で解除するときに使います。
画像を左寄せ配置や右寄せ配置で挿入したときに最後に挿入します。

【タグの追加、削除、書き替え】
タグは追加したり、削除したり、書き替えることが出来ます。
画像タグの赤字の部分を書き替えてみましょう。

【書き替え例1】
横180ピクセル×縦120ピクセルに書き替えてみましょう。

[#IMAGE|d0181824_16233500.jpg|201701/07/24/|mid|180|120#]

実際の画像は下の様に見えます。
クリックして拡大画像も確認してください。
d0181824_16233500.jpg

【書き替え例2】
更に左寄せ配置に書き替えてみましょう。
左寄せ配置、右寄せ配置にしたときは行の最後に改行タグ②を挿入する必要があります。
[#IMAGE|・・・・.jpg|201701/07/24/|left|180|120#]文章<br clear=all>

実際の画像は下の様に見えます。
クリックして拡大画像も確認してください。

d0181824_16233500.jpg文章

【重要⑥!】
サイズを書き替えるとき横縦比が同じくなるようにしなければなりません。
元の画像が横900ピクセルX縦600ピクセルの場合
横180ピクセルのサイズにするには、縦は次の計算で求めます。学校で習った比例計算ですね。
新縦 = 元縦600 ÷ 元横900 X 新横180

【重要⑦!】
左寄せ配置、右寄せ配置にしたときは行の最後に必ず改行タグ②を挿入します。

【書き替え例3】
画像サイズは替えずに左寄せ配置に書き替えてみましょう。
左配置にすると、画像が縮小されて右にスペースができます。
画像タグの後ろに続けて文字を入力して、最後に改行タグ②を挿入します。
【画像タグ】
[#IMAGE|d0181824_16233500.jpg|201701/07/24/|left|900|600#]凄い迫力です。
クリックしてご覧ください。
2016年8月1日撮影
<br clear=all>
実際の記事は下のように見えます。
d0181824_16233500.jpg凄い迫力です。
クリックしてご覧ください。
2016年8月1日撮影


【重要⑧!】
大きな画像を左配置にすると横幅は中央配置より約100ピクセル小さくなります。
文字を入力しないときは中央配置のままにしておくと良いでしょう。

続きます。

# by PC-otasukeman | 2017-02-02 12:00 | Comments(0)