ホームページ制作、千太の絵空事

テキストリンクのURLが知りたい！

テキストリンクのURLが知りたい！

ウェブサイトで文字テキストで、リンクをしている場合、
その、リンク先のURLをクリックして移動する前に知りたいと思いませんか？
そんな場合は、IEブラウザの場合などはステータスバーを見てみましょう。

え！

出てない？

• [ステータスバーで見る]
  
  • [ステータスバーの表示]
    
• [右クリックで見る]
  
  

[本文]

ステータスバーで見る

リンク先のURLを見たい場合は、
リンクテキスト（下線がついている場合があります）の上に
マウスで、動くやじるし形のアイコンを
そっと移動させると、
手のアイコンになり、
ブラウザの下部のステータスバーにリンクのURLが表示されています。

え！ステータスバーが出てない？

ステータスバーの表示

メニューバー[表示]をクリック
[ステータスバー]をクリック

これで、ステータスバーが出ると思います。

え！変な文字が出ている

右クリックで見る

ステータスバーでてるのですがー、変な文字や、なにやら☆とかがー

それは、通常ジャバスクリプトなどで簡単に出せますのでー。

では、リンク先のURLは？

それは、リンクの上で右クリック！。

• リンクの上で右クリック
  
  • コンテキストメニューが表示されます。※↓擬似的に表現しています。（実際の表示とは違います）
    
    
    開く
    新しいウインドウを開く
    対象をファイルに保存
    対象を印刷
    ───────────
    切り取り
    コピー
    ・・・・・
    ・・・・・
    ───────────
    ・・・・・
    ───────────
    プロパティ
    
• 下の方の「プロパティ」をクリック
  
  • プロパティのダイアログが表示されます
    
    
    プロトルコ　・・・・・・・・
    種類　　　　・・・・・・・・
    アドレス　　・・・・・・・・
    (URL)
    
    
    

下の方にあるアドレス（URL）の横に表示されているのが、
リンク先のURLになります。

---

ここでは、リンクをクリックしてのトラブル防止としても役立ちますよね！。

知識をいい方向に使って、楽しく、閲覧しましょう！。

---

• イメージでのリンク先のURLが知りたい！
  

「ペイントでOK！」名前アイコンの作り方６

「ペイントでOK！」名前アイコンの作り方６

前回、キャンバスを塗り潰す事はできましたかー。
今回はその色を元に、立体的なアイコンに見えるように
ペイントの「直線」を使って描いてみます！。

• 立体的なアイコン作り
  
  

立体的なアイコン作り

では、立体的になるように、光彩部分と影をつくります。

【ポイント】グリッドを表示させて作業をやりやすくする

*虫めがねを選択（クリック）
*6xをクリックします
次に、
メニュー＞表示＞拡大＞グリッドを表示をクリックします

グリッドが表示されます。

これを目安にします。

• 「直線」を選択
  
• ツールの下に表示されている線の太さの上から二番目を選択
  (これは自分なりでいいですが、イメージを縮小した場合に困りますので2px以上になるように描きますので、２番目より下がいいでしょう。）
  グリッド1マスが1pxです。
  
  
• 下部パレットの要らない色の上で左クリック。
  
• 背景色が左下に追加されているのでクリック
  
• [色の作成]をクリック
  
• 一番右側の矢印を上方にスライドさせて明るめの色を選択し、
  
• [OK]
  
  

これが光彩部分になります。
キャンバスの左上部と
左側をドラックして描きます。
（グリッド1マスが1px：線の太さ2px以上）

• 下部パレットの要らない色の上で左クリック。
  
• 背景色が左下に追加されているのでクリック
  
• [色の作成]をクリック
  
• 一番右側の矢印を下方にスライドさせて暗めの色を選択し、
  
• [OK]
  
  
  

これが影の部分になります。
キャンバスの右下部と
右側をドラックして描きます。
（グリッド1マスが1px：線の太さ2px以上）

虫眼鏡で１ｘを選択してみてください。
どうです。

左上部から光が差しこんでいるように見え立体的になったでしょう。

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方５ ：前景色を設定し､キャンバスを塗り潰す
  
• [立体的なアイコン作り(ポイント、有り！)]
  
  

【予定】（あくまで予定です。変更ありですよ、笑）

• 背景に好きな絵を入れてみよう(ポイント、有り！)
  
• イラストの描き方など
  

文字を入れてみよう！(ポイント、有り！)

---

Copyright (C) 2005 ホームページ制作 千太の絵空事. All Rights Reserved

心､豊かに､名前アイコン！。

心､豊かに､名前アイコン！。

名前アイコン作成の勧め

せっかくの自分の素敵なブログ、
コメント､入れたり､入れられたり。

人と人とのつながりの暖かさが素敵ですねー。

そんな「こころ」を大切にしたいあなた、

前から「疑問に思っているあなた」
こころを束縛せず、

いっそ、
自分の力で自ら作ってみましょう。

創造するって、とても難しいですが、
やってみるとそれはとても楽しくて素敵ですよ！。

努力して勝ち得た事はあなた自身の宝になります。
それをぜひ体験してみてください！。

応援しますよ！。

【現時点での記事】（後から､加筆､修正あり）

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方５：前景色を設定し､キャンバスを塗り潰す
  
• 「ペイントでOK！」名前アイコンの作り方６：立体的なアイコン作り(ポイント、有り！)
  

【予定】（あくまで予定です。変更ありですよ、笑）

• 背景に好きな絵を入れてみよう(ポイント、有り！)
  
  • イラストの描き方など
    
• 文字を入れてみよう！(ポイント、有り！)
  

---

「ペイントでOK！」名前アイコンの作り方５

「ペイントでOK！」名前アイコンの作り方５

前回、背景色の設定はできましたかー。
今回はその色と同じ色で、キャンバスを塗りつぶしてみます。
このような､作業の場合は前景色を設定して、するんですよー。

• 前景色を設定し､キャンバスを塗り潰す
  
  

前景色を設定し､キャンバスを塗り潰す

では、この背景色に使ったパレットを利用して、
前景色を設定し、
キャンバスを塗りつぶし、アイコンの背景にしてみましょう。

• 左側のツールより、塗りつぶしを選択（左クリック）
  
• 背景色のパレットの上で左クリック
  
  

左側の白黒の部分の黒に背景色が入ると思います。

• 白いキャンパスの上で左クリック。
  
  

これで、白から、背景色で設定されている色と同じ色で塗りつぶされたキャンパスになります。
（この部分が名前アイコンの背景になりますよ！。）

【ポイント】背景色に設定した色＝名前アイコンの背景の色

後で、わかりますが、この背景色で設定した色と、
キャンバスの色（名前アイコンの背景の色）が
同じ色というのが､大切なのですよー

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• [前景色を設定し､キャンバスを塗り潰す]
  

【予定】（あくまで予定です。変更ありですよ、笑）

• 立体的なアイコン作り(ポイント、有り！)
  
• 背景に好きな絵を入れてみよう(ポイント、有り！)
  
  • イラストの描き方など
    
• 文字を入れてみよう！(ポイント、有り！)
  
  

---

Copyright (C) 2005 ホームページ制作 千太の絵空事. All Rights Reserved.

「ペイントでOK！」名前アイコンの作り方４

「ペイントでOK！」名前アイコンの作り方４

前回、キャンバスのサイズ設定はできましたかー。
今回はそのキャンバスの背景色の設定をしてみます。
初期設定では白になってますねー。

※初期設定：ペイントを起動した際になってます
※アイコンの背景を白にしたい場合はこのままでいいのですよ

• 背景色の設定
  
  

背景色の設定

次に、背景色を決めときます。

ペイント下部のパレットで、背景色を探してください。

• 右クリックします。
  

左側の白黒の部分の白に背景色が入ると思います。

※ペイント下部のパレットに色がない場合
【ポイント】使わない色を変更する

名前アイコンで「使わない色」の上で右をダブルクリック
色の編集ダイアログが出ます。そこで似た色を見つけ。
左クリックで選択。
[色の作成]で好きな色を選択してください。

使わない色で選択した部分にあなたの必要とする色が入り。
左側の白黒の部分の白に背景色が入ると思います。

※↑これ慣れてないと､使う色を変更してしまったりして､汗､状態になったりします！（笑）

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント、有り！)）
  
• 背景色の設定(ポイント有り！)
  

【予定】（あくまで予定です。変更ありですよ、笑）

• [前景色を設定し､キャンバスを塗り潰す]
  
• 立体的なアイコン作り(ポイント、有り！)
  
• 背景に好きな絵を入れてみよう(ポイント、有り！)
  
  • イラストの描き方など
    
• 文字を入れてみよう！(ポイント、有り！)
  

---

Copyright (C) 2005 ホームページ制作 千太の絵空事. All Rights Reserved.