瀬戸のイベントと風景【目次】

【瀬戸周辺のイベント】
豊田市藤岡のふじの回廊(その2)[ 2012-05-11 15:30 ]
豊田市藤岡のふじの回廊[ 2012-05-08 13:29 ]
瀬戸のお雛めぐり(最終回)[ 2012-03-03 13:37 ]
瀬戸のお雛めぐり(4)
瀬戸のお雛めぐり(3)[ 2012-02-18 11:18 ]
瀬戸のお雛めぐり(2)[ 2012-02-15 16:21 ]
第11回 瀬戸のお雛めぐり[ 2012-02-04 11:00 ]
2012成人式[ 2012-01-15 22:41 ]
瀬戸市消防出初式[ 2012-01-08 21:53 ]
初ゑびす[ 2012-01-05 15:57 ]
陶のあかり路(みち)作品コンテスト・大賞決定[ 2011-12-25 22:40 ]
陶のあかり路(みち)作品集(最終回)[ 2011-12-19 13:00 ]
陶のあかり路(みち)作品集4[ 2011-12-18 15:00 ]
陶のあかり路(みち)作品集3[ 2011-12-17 12:00 ]
陶のあかり路(みち)作品2[ 2011-12-16 12:25 ]
陶のあかり路(みち)作品1[ 2011-12-15 23:33 ]
陶のあかり路(みち)点灯[ 2011-12-11 10:21 ]
第5回 陶のあかり路(みち)[ 2011-12-09 13:13 ]
12日の散歩[ 2011-11-12 12:24 ]
11月の観光イベント[ 2011-11-03 08:00 ]
岩屋堂散歩道・こども魚すくい大会[ 2011-08-10 20:01 ]
品野祇園祭[ 2011-07-17 11:50 ]
岩屋堂のホタル[ 2011-07-01 16:20 ]

【岩屋堂散歩道】
岩屋堂散歩道の花(その2)[ 2012-07-01 ]
岩屋堂散歩道の花(その1)[ 2012-06-30 12:00 ]
カキツバタ? アヤメ? ハナショウブ?[ 2012-06-20 14:00 ]
アジサイ 定点観察[ 2012-06-19 15:00 ]
みどりの日[ 2012-04-29 21:30 ]
岩屋堂散歩道ークリーン作戦ー[ 2012-03-10 14:48 ]
岩屋堂散歩道ー紅葉その3[ 2011-12-05 17:00 ]
岩屋堂散歩道ー紅葉その2[ 2011-11-28 15:36 ]
岩屋堂散歩道ー紅葉[ 2011-11-20 17:04 ]
岩屋堂散歩道・秋分の日[ 2011-09-23 14:00 ]
岩屋堂散歩道ー鳥原川の川面の不思議[ 2011-09-12 03:00 ]
岩屋堂散歩道のアジサイ[ 2011-06-30 11:17 ]
岩屋堂国定公園散歩道 [2010-11-03 23:41]

【窯町東山散歩道】
窯町東山散歩道(2)[ 2012-03-31 12:21 ]
窯町東山散歩道[ 2011-10-22 13:41 ]
アジサイ撮影 [2011-06-24 10:02 ]
紫陽花・アジサイ・あじさい [2011-06-23 14:55]
春爛漫・桜満開 [2011-04-10 17:20]

【その他】
今日は父の日[ 2012-06-17 17:18 ]
特攻花[ 2012-05-29 15:00 ]
日食めがね[ 2012-05-19 19:59 ]
今日は母の日[ 2012-05-13 13:39 ]
こどもの日[ 2012-05-05 12:00 ]
誕生日プレゼントから学ぶ[ 2012-04-19 11:43 ]
お花見[ 2012-04-09 07:49 ]
Happy Birthday ![ 2012-03-06 12:00 ]
バレンタインデー[ 2012-02-14 14:00 ]
緊張のSNS講座[ 2012-02-11 20:45 ]
悪戦苦闘[ 2012-02-09 15:00 ]
ミルク姫とどうだんつつじ[ 2011-12-06 17:40 ]

# by PC-otasukeman | 2018-04-09 16:43 | Comments(1)

リンクの貼り方(その4)

岩屋堂散歩道のキジ
d0181824_16140477.jpg

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

リンクのデザインはいろいろできます。
一例をご紹介します。
HTMLタグを併記しておきますので、ご参考にしてください。
標準デザイン です。マウスポインタを当てると下線が現れます。
ブロ友パソコン相談室
<a href="https://sukettopc.exblog.jp/" target="_blank">ブロ友パソコン相談室</a>
常に下線を表示
ブロ友パソコン相談室
<a href="https://sukettopc.exblog.jp/" target="_blank"><u>ブロ友パソコン相談室</u></a>
下線を黒
ブロ友パソコン相談室
<u><a href="https://sukettopc.exblog.jp/" target="_blank">ブロ友パソコン相談室</a></u>
太字
ブロ友パソコン相談室
<a href="https://sukettopc.exblog.jp/" target="_blank"><span style="font-size:large;line-height:1.2;">ブロ友パソコン相談室</span></a>
太字で下線付き
ブロ友パソコン相談室
<a href="https://sukettopc.exblog.jp/" target="_blank"><span style="font-size:large;line-height:1.2;"><u>ブロ友パソコン相談室<u></span></a>
赤の太字で黒の下線
ブロ友パソコン相談室
<u><a href="https://sukettopc.exblog.jp/" target="_blank"><span style="color:#ff0000"><span style="font-size:large;line-height:1.2;">ブロ友パソコン相談室</span></span></a></u>
画像にリンクを貼る。
画像タグを選択して[テキストリンク]を実行する。(HTML編集のみ可能)
d0181824_15321612.jpgd0181824_16035876.jpg

<a href="https://sukettopc.exblog.jp/" target="_blank">[#IMAGE|d0181824_15321612.jpg|201804/06/24/|left|150|35#]</a><a href="https://milkandpc.exblog.jp/" target="_blank">[#IMAGE|d0181824_16035876.jpg|201804/06/24/|left|150|95#]</a><br clear=all>

# by PC-otasukeman | 2018-04-07 15:16 | Comments(4)

リンクの貼り方(その3)

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

【ご相談内容】
3月20日の記事「リンクの貼り方」を見てリンクは出来たのですが、文字を大きくしたり、色をつけたりするやり方をもう少し詳しく教えてください。

【回答】
通常編集とHTML編集で説明します。
例題:テキストを赤の太字にする。
「リンクの貼り方」「リンクの貼り方」

【通常編集】
テキストを入力します。
d0181824_10550820.jpg

テキストを範囲選択して[リンク]ボタンをクリックします。
d0181824_10551849.jpg

[テキストリンク]タブを開いてURLを入力して[リンク追加]ボタンをクリックします。
d0181824_10563524.jpg

リンクが貼られました。(ご相談者はここまでできたのですね)
d0181824_10571014.jpg

リンクが貼られたテキストを範囲選択して[太字]ボタンをクリックします。
d0181824_10572515.jpg

太字になったら次に[文字色(赤)]ボタンをクリックします。
d0181824_10573868.jpg

範囲選択を解除すれば完了です。
d0181824_10580631.jpg

【HTML編集】
テキストを入力します。
d0181824_11380643.jpg

テキストを範囲選択して[リンク]ボタンをクリックします。
d0181824_11383743.jpg

[テキストリンク]タブを開いてURLを入力して[リンク追加]ボタンをクリックします。
d0181824_10563524.jpg

リンクタグが追加されました。
:範囲選択されたテキストや余分な改行タグが残った場合は削除します。
d0181824_11390776.jpg

テキストを範囲選択して[太字]ボタンをクリックします。
d0181824_11394110.jpg

太字を示すHTMLタグが追加されました。
d0181824_11401099.jpg

同じくテキストを範囲選択して[文字色(赤)]ボタンをクリックします。
d0181824_11404043.jpg

赤文字を示すHTMLタグが追加されました。
d0181824_11411019.jpg

プレビューで確認しますが、[通常編集]に切り替えると確認できます。
注:確認したら「HTML編集」に戻してください。
d0181824_11414099.jpg


# by PC-otasukeman | 2018-04-07 14:47 | Comments(0)

初めてのHTML編集(エキサイトブログ編)

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

【はじめに】
「HTML編集」でブログを書くと意のままの仕上げることが出来ます。
今回は「初めてのお使い」ならぬ「初めてのHTML編集」を体験してみましょう。
専門的な予備知識は一切必要ありません。

【HTML編集とは】
HTMLはウェブページを作成するために開発されたプログラム言語です。
現在、インターネット上で公開されてるウェブページのほとんどはHTMLで作成されています。エキサイトブログもしかりです。
HTML(プログラム言語)で直接記事を書くことをHTML編集と呼びます。

まずは「通常編集」と「HTML編集」の違いを見てみましょう。

【事例】
「初めてのHTML編集」と入力して、「HTML」の文字を極太に仕上げてみましょう。

【通常編集】
[初めてのHTML編集]と入力してから、[HTML]を範囲選択して[F(極太)]ボタンをクリックします。
HTMLの文字が極太に変わった様子を見ながら編集できるので便利ですね。
d0181824_15574017.jpg

【HTML編集】
操作手順は通常編集と同じですが、[F(極太)]ボタンをクリックすると、HTMLの文字の前後に「<」で始まり「>」で終わる文字列が追加されます。
プログラム言語ですから仕上がりは[プレビュー]で確認しなければなりません。
ここで追加された文字列をHTMLタグ(タグ=荷札、付箋)と呼びます。名前だけでも憶えてください。

d0181824_15581195.jpg

【編集に使うボタン】
HTMLタグは直接入力することが出来ますが、クリックするだけで追加できるようボタンが用意されています。
次の12個のボタンを使います。内容を理解してください。
d0181824_15254819.jpg

左のボタンから説明します。
(ボタン名称、HTMLタグ・・・実際の表示)
強調(太字) 
 <b>HTML</b>
・・・HTML
斜体
 <i>HTML</i>
・・・HTML
下線
 <u>HTML</u>
・・・HTML
取り消し線
 <del>HTML</del>
・・・HTML
選択範囲を細文字
 <span style="font-size:xx-small;">HTML</span>
・・・HTML
選択範囲を普通文字
 <span style="font-size:normal;">HTML</span>
・・・HTML
選択範囲を太文字
 <span style="font-size:large;line-height:1.2;">HTML</span>
・・・HTML
選択範囲を極太
 <span style="font-size:xx-large;line-height:1.4;">HTML</span>
・・・HTML
文字色(赤)
 <span style="color:#ff0000">HTML</span>
・・・HTML
絵文字
 [#IMAGE|S101#]
・・・101.png
 絵文字は画像タグであり通常のタグとは異なります。
⑪-1 テキストリンク
 <a href="https://sukettopc.exblog.jp/" target="_blank">HTML</a>
・・・HTML
⑪-2リッチリンク(ノーマルサイズ)
<iframe src="//bp.exblog.jp/richlink/?url=https%3A%2F%2Fsukettopc.exblog.jp%2F" style="border:0; display: inline-block; width: 100%; height: 180px; max-width: 520px; margin: 10px 0;"></iframe>
・・・

引用
 <blockquote>HTML</blockquote>
・・・
HTML

【HTML編集で注意すること】
【 改行(ENTER)キーの設定】
初めてのHTML編集では必ず次の設定を行ってください。
「改行(Enter)」キーを押した所に改行タグ<br>(もしくは<br/></br>)が自動的に追加されます。
[自動改行]ボタンをクリックします。
d0181824_16523815.jpg

自動改行設定画面が出たら、[自動改行する]を選択して[更新]ボタンをクリックします。
d0181824_16530794.jpg


メモ帳編集画面では[改行を<br />に変換する]にチェックを入れます。
d0181824_17023322.jpg


【画像タグ】
画像を挿入すると追加される文字列です。
この形も覚えておいてください。

[#IMAGE|d0181824_17023322.jpg|201804/02/24/|mid|852|532#]

【複数のHTMLタグを使うには】
例えば「HTMLを極太にして色を赤に、さらにそれに下線を引きたい」ときは、
HTMLを範囲選択して[極太]ボタンをクリック。
(追加されたタグを赤で示します)
<span style="font-size:xx-large;line-height:1.4;">HTML</span>
・・・HTML
さらにHTMLを範囲選択して[文字色(赤)]ボタンをクリック。
<span style="font-size:xx-large;line-height:1.4;"><span style="color:#ff0000">HTML</span></span>
・・・HTML
最後にHTMLを範囲選択して[下線]ボタンをクリックすれば出来上がりです。
<span style="font-size:xx-large;line-height:1.4;"><span style="color:#ff0000"><u>HTML</u></span></span>
・・・HTML

通常編集で出来ないこともHTML編集で可能です。
次回はHTML編集の良さをご紹介します。

# by PC-otasukeman | 2018-04-05 16:32 | Comments(1)

岩屋堂の桜

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

満開です!!
今日も一服です。
初めてのHTML編集はもう暫くお待ちください。
d0181824_17134660.jpg
d0181824_17145344.jpg
d0181824_17141773.jpg

老木ばかりですが風情があります。

# by PC-otasukeman | 2018-03-30 17:18 | Comments(2)

カタクリとコブシ in 岩屋堂散歩道

ちょっと一服
次回は「初めてのHTML編集」です。お待ちください。

今年も咲きました。
d0181824_20304985.jpg
d0181824_20311459.jpg
d0181824_20402960.jpg


# by PC-otasukeman | 2018-03-29 20:35 | Comments(0)

メモ帳を活用しましょう(エキサイトブログ編)

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

メモ帳とは
「ブロ友パソコン相談室」の画面(↓)で具体的に説明しましょう。
右メニューの赤線枠内(お知らせ)が「メモ帳」の部分です。
本文と同様に自由に編集して表現できる空間です。
ブログを引っ越したとき、旧ブログ、新ブログへの案内に活用するとよいでしょう。
d0181824_13590326.jpg

【メモ帳を編集してみましょう】
マイブログにログインして[設定]をクリックします。
基本設定画面が出たら[メニュー設定]タブを開きます。
[メモ帳編集]ボタンをクリックします。
d0181824_14195828.jpg

メモ帳画面が出ます。
「メニュータイトル欄」と「記事入力欄」があり、記事入力はプレビューできます。
d0181824_14171009.jpg

癒しのブログ「ミルク姫の部屋」へのリンク記事を追加してみましょう。
d0181824_14510612.jpg

記事の入力と編集が終わったら[適用]ボタンをクリックします。
d0181824_15175036.jpg

確認の画面が出たら[OK]をクリックします。
d0181824_14191354.jpg

メモ帳の変更が保存されたら画面を閉じます。
d0181824_14545029.jpg

基本設定画面に戻り[メニュー並べ替え]タブを開きます。
メモ帳にチェックが入っていることを確認します。(メモ帳の位置はドラッグによって変更できます)
変更したら下にスクロールして[適用]ボタンをクリックします。
d0181824_14105058.jpg

ブログを再表示して確認して終了です。
d0181824_14545737.jpg

【ご注意】
メモ帳の入力は「HTML編集」だけです。
編集用のボタンの使い方は次回説明します。
d0181824_15254819.jpg


# by PC-otasukeman | 2018-03-28 15:34 | Comments(0)