ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ieのﾎｰﾑﾍﾟｰｼﾞに設定するﾎﾞﾀﾝ ie_hp_add.htm
IE の (1)”ﾃﾞﾌｫﾙﾄのﾎｰﾑﾍﾟｰｼﾞ”〔起動時に表示されるWebﾍﾟｰｼﾞ〕に、設定できるﾎﾞﾀﾝを作成するｻﾝﾌﾟﾙﾍﾟｰｼﾞです。 ほかに、 (2)”お気に入りに追加するﾎﾞﾀﾝ”と、 (3)”お気に入りに表示されるｱｲｺﾝを指定する”方法、 (4)”指定のﾍﾟｰｼﾞにｼﾞｬﾝﾌﾟできるﾎｯﾄｷｰ”、IEやNetscapeNavigatorのﾃﾞﾌｫﾙﾄの (5)”ﾎｰﾑﾍﾟｰｼにｼﾞｬﾝﾌﾟできるﾎﾞﾀﾝ”、なども。
| ◆ (1) IE の”ﾃﾞﾌｫﾙﾄのﾎｰﾑﾍﾟｰｼﾞ”〔起動時に表示されるWebﾍﾟｰｼﾞ〕に、設定できるﾎﾞﾀﾝを作成する方法。 IE 5.x〜 対応。 ﾃﾞﾓは、下のﾎﾞﾀﾝをｸﾘｯｸします。 |
< ご使用方法 >
・ ﾛｰｶﾙ（=PC）への保存は、ie_hp_add.htm を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。 ※: 保存を、【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、で行ったために変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。
・ このDHTMLの実装方法は、ie_hp_add.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。
･ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。 下記の（例） (*1) と、(*2)、(*3) を参考に太字部分の編集を任意に行います。 ※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は、ie、Safariやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。 Web Development、Web開発、MSDN IE8 > HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、IE7、IE6、XML、DHTML、ColorTable、HTMLの色指定、HTMLﾘﾌｧﾚﾝｽ。
(*1) ： ie_hp_add.htm （例） 挿入先の <body> 〜 </body>の、〜部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集Iし使用。 |
| 文字色 背景色の指定
URL ﾏｳｽｵﾝ時のﾒｯｾｰｼﾞ ﾎﾞﾀﾝの表示文字 |
<p><font face="ＭＳ Ｐゴシック" size="2"><span style="COLOR: #FFFAE3; BACKGROUND-COLOR: #8300C5"><a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('index2.html');" title="ここのｸﾘｯｸ → はい でﾞ"> …… をﾎｰﾑﾍﾟｰｼﾞに設定 </a></span></font></p> |
| ◆ (2) IE の”お気に入りに追加するﾎﾞﾀﾝ”〔ﾃﾞｰﾀｰが予め入力された、操作ﾒﾆｭｰが開く〕を作成する方法。 IE 4.01〜 対応。 |
・ このDHTMLの実装方法は、 ie_hp_add.htm をWordPad やｼﾝﾌﾟﾙﾃｷｽﾄ などのﾃｷｽﾄｴﾃﾞｨﾀｰで開き、(*2)部分をｺﾋﾟｰします。 任意のHTMLﾌｧｲﾙ hogehoge.html（制作者が名付けた挿入先ﾌｧｲﾙ）に、ﾃｷｽﾄｴﾃﾞｨﾀｰあるいは、HTML挿入ﾒﾆｭｰを使って、 <body> 〜 </body>の、”〜”部分に、(*2)部分をﾍﾟｰｽﾄします。
･ 編集方法 ： 下記の（例）(*2) の太字部分をご自分のﾃﾞｰﾀに変更します。 説明のための太字、彩色自体に依存なし。
・ ”お気に入り”や、”ﾀｲﾄﾙﾊﾞｰ”に表示される、ｻｲﾄ名（≠ﾌｧｲﾙ名）の記述（例）： <title>サンプルページ ieのhpに設定するボタン、…</title> > 実例の説明行へ
・ ”お気に入りに追加するﾎﾞﾀﾝ”は、ｱｯﾌﾟﾛｰﾄﾞ後に、作動 します。 ※: ﾛｰｶﾙ（PC内ﾌｧｲﾙのｵｰﾌﾟﾝ）で非表示。
(*2) ： ie_hp_add.htm （例） 挿入先の <body> 〜 </body>の、〜部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*2) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集Iし使用。 |
| ﾌｫﾝﾄ ｻｲｽﾞ 文字色 背景色
ﾎﾞﾀﾝの表示文字
|
<p><!--webbot bot="HTMLMarkup" startspan --><FONT face="MSP Gothic" size=3><SPAN style="COLOR: #FFFAE3; BACKGROUND-COLOR: #8300C5"> <SCRIPT> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { document.write("<SPAN STYLE='cursor:hand;'onclick='window.external.AddFavorite(location.href, document.title);'>お気に入りに追加します</SPAN></U>"); } //--> </SCRIPT> </SPAN></FONT><!--webbot bot="HTMLMarkup" endspan --></p> |
(*2') ： ie_hp_add.htm 凹むﾎﾞﾀﾝﾀｲﾌﾟ（例） 挿入先の <body> 〜 </body>の、〜部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*2') をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集Iし使用。 |
|
吹き出し ﾎﾞﾀﾝ文字 ﾎﾞﾀﾝ背景色 文字色 枠線色（本例：省略）
|
<SCRIPT LANGUAGE="JavaScript"> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { document.write("<INPUT TYPE='button' title='=(^。^)= ありがとう祢〜*。'
VALUE='お気に入りに追加' style='background-color:#87003D;
color:#FBEEFA; border-color:#B6003D'
onClick='window.external.AddFavorite(location.href, document.title);'>"); } //--> </SCRIPT> |
※： ﾎﾞﾀﾝの任意位置への配置は、表（ﾃｰﾌﾞﾙ）のｾﾙに嵌めると簡単。
※： 上記↑の、HTMLをIE表示から直接ｺﾋﾟｰするときは、一旦Wordpadに貼り付け後、挿入先のHTMLにﾍﾟｰｽﾄします。
| ◆ (3) IE の”お気に入り”や、”IEのｱﾄﾞﾚｽ”に表示されるｱｲｺﾝを指定する方法。 IE 5.x〜 対応。 |
・ このHTMLの実装方法は、 ie_hp_add.htm を WordPad やｼﾝﾌﾟﾙﾃｷｽﾄ などのﾃｷｽﾄｴﾃﾞｨﾀｰで開き、(*3)部分をｺﾋﾟｰします。 任意のHTMLﾌｧｲﾙ hogehoge.html（制作者が名付けた挿入先ﾌｧｲﾙ）に、ﾃｷｽﾄｴﾃﾞｨﾀｰあるいは、HTML挿入ﾒﾆｭｰを使って、 <head> 〜 </head>の、”〜”部分に、(*3)部分をﾍﾟｰｽﾄします。 ｱｲｺﾝﾌｧｲﾙ名は、 favicon.ico、faviconxx.ico など任意であり、階層/ﾌﾟﾛﾊﾞｲﾀﾞｰ毎に別のものを指定できる。 ｱｲｺﾝﾌｧｲﾙのｻｲｽﾞに制限あり。
･ 編集方法 ： 下記の（例）(*3) の太字部分をご自分のﾃﾞｰﾀに変更します。
(*3) ： ie_hp_add.htm （例） 挿入先の <head> 〜 </head>の、〜部分にﾍﾟｰｽﾄします。 IE 5xの場合。
| HTMLの編集方法 | (*3) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集Iし使用。 |
| ｱｲｺﾝのURL・ﾌｧｲﾙ名
|
<head> <link REL="SHORTCUT ICON" href="http://www.……/xxxx.ico"> </head> |
･ : favicon.icoﾌｧｲﾙの作成 ・ (0) 32x32pxか、16x16pxの元になる画像ﾌｧｲﾙを準備。 (1) Dynamic Drive- FavIcon Generatorで、 Image to create icon from: [ ] 予めPCに準備した対象画像を指定 (2) Optinalで、[v] …32x32など指定 (3) [Create Icon] をｸﾘｯｸします。 下に表示されます。 (4) （Download Favicon）をｸﾘｯｸします。 (5) （保存）をｸﾘｯｸします。 (6) ↓Downloads ﾎﾙﾀﾞｰ（C:\Users\okato\Downloads） に保存された favicon.ico のﾌｧｲﾙ名を任意に変更（複数作成時）、（保存）をｸﾘｯｸします。 (7) IEなどで表示を確認。 ※: ｱｲｺﾝ関連ｿﾌﾄ、”ｱｲｺﾝ”で検索、ｱｲｺﾝｵﾝﾗｲﾝｿﾌﾄ、ICONぱくら、favicon.ico の使い方、Win95管理ｱｲｺﾝ、お気に入りｱｲｺﾝで検索 1
･ 作動試験は、実装したｻｲﾄを再読込などで表示し、”お気に入り”に追加後、IEを一旦閉じ、再び開き”お気に入り”ｱｲｺﾝからｱｸｾｽします。 ※：旧お気に入りの削除、IE の再起動、 【IE】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - <ｲﾝﾀｰﾈｯﾄ一時ﾌｧｲﾙ>- [ﾌｧｲﾙの削除]などでのｷｬｯｼｭｸﾘｱなども、ｹｰｽﾊﾞｲｹｰｽで行う。 iｻｰﾊﾞｰにｱｯﾌﾟﾛｰﾄﾞが必要です。〔ﾛｰｶﾙ=PCでは、不作動〕。
| ◆ (4) ﾎｰﾑﾍﾟｰｼﾞなどの特定のﾍﾟｰｼﾞに還るﾎｯﾄｷｰを作成する方法。 IE 4.x〜、NetscapeNavigator 4.x〜 対応。 |
ﾃﾞﾓを行うには、Ｑ ｷｰを押さえてみてください。 太陽風ДζΨΠ∀ｻｲﾄﾏｯﾌﾟへｼﾞｬﾝﾌﾟします。
・ このDHTMLの実装方法は、 ie_hp_add.htm を WordPad やｼﾝﾌﾟﾙﾃｷｽﾄ などのﾃｷｽﾄｴﾃﾞｨﾀｰで開き、(*4)部分をｺﾋﾟｰします。 任意のHTMLﾌｧｲﾙ hogehoge.html（制作者が名付けた挿入先ﾌｧｲﾙ）に、ﾃｷｽﾄｴﾃﾞｨﾀｰあるいは、HTML挿入ﾒﾆｭｰを使って、 <head> 〜 </head> の、”〜”部分に、(*4) 部分をﾍﾟｰｽﾄします。
･ 編集方法 ： 下記の（例）(*4) の太字部分をご自分のﾃﾞｰﾀに変更します。 説明のための太字、彩色自体に依存なし。
･ ﾎｯﾄｷｰ〔Ｑ 〕と、ＡＳＣＩＩｺｰﾄﾞ10進〔81〕の対照表は、(*4a) を参照します。
(*4) ： ie_hp_add.htm （例） 挿入先の <head> 〜 </head>の、〜部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集Iし使用。 |
(*4a) ： ﾎｯﾄｷｰ〔 Ｑ 〕と、ＡＳＣＩＩｺｰﾄﾞ10進〔 81〕の対照表
| ﾎｯﾄｷｰ | ＡＳＣＩＩｺｰﾄﾞ10進 | |
|
ｽﾍﾟｰｽ |
32 |
|
|
! |
33 |
|
|
" |
34 |
|
|
# |
35 |
|
|
$ |
36 |
|
|
% |
37 |
|
|
& |
38 |
|
|
' |
39 |
|
|
( |
40 |
|
|
) |
41 |
|
|
* |
42 |
|
|
+ |
43 |
|
|
, |
44 |
|
|
- |
45 |
|
|
. |
46 |
|
|
/ |
47 |
|
|
0 |
48 |
|
|
1 |
49 |
|
|
2 |
50 |
|
|
3 |
51 |
|
|
4 |
52 |
|
|
5 |
53 |
|
|
6 |
54 |
|
|
7 |
55 |
|
|
8 |
56 |
|
|
9 |
57 |
|
|
: |
58 |
|
|
; |
59 |
|
|
< |
60 |
|
|
= |
61 |
|
|
> |
62 |
|
|
? |
63 |
|
|
@ |
64 |
|
|
A |
65 |
|
|
B |
66 |
|
|
C |
67 |
|
|
D |
68 |
|
|
E |
69 |
|
|
F |
70 |
|
|
G |
71 |
|
|
H |
72 |
|
|
I |
73 |
|
|
J |
74 |
|
|
K |
75 |
|
|
L |
76 |
|
|
M |
77 |
|
|
N |
78 |
|
|
O |
79 |
|
|
P |
80 |
|
|
Q |
81 |
|
|
R |
82 |
|
|
S |
83 |
|
|
T |
84 |
|
|
U |
85 |
|
|
V |
86 |
|
|
W |
87 |
|
|
X |
88 |
|
|
Y |
89 |
|
|
Z |
90 |
|
|
[ |
91 |
|
|
\ |
92 |
|
|
] |
93 |
|
|
＾ |
94 |
|
|
_ |
95 |
|
| ` |
96 |
|
|
a |
97 |
|
|
b |
98 |
|
|
c |
99 |
|
|
d |
100 |
|
|
e |
101 |
|
|
f |
102 |
|
|
g |
103 |
|
|
h |
104 |
|
|
i |
105 |
|
|
j |
106 |
|
|
k |
107 |
|
|
l |
108 |
|
|
m |
109 |
|
|
n |
110 |
|
|
o |
111 |
|
|
p |
112 |
|
|
q |
113 |
|
|
r |
114 |
|
|
s |
115 |
|
|
t |
116 |
|
|
u |
117 |
|
|
v |
118 |
|
|
w |
119 |
|
|
x |
120 |
|
|
y |
121 |
|
|
z |
122 |
|
|
{ |
123 |
|
|
| |
124 |
|
|
} |
125 |
|
|
~ |
126 |
| ◆ (5) ｺﾞｰﾎｰﾑ ： IEや、Netscape のﾃﾞﾌｫﾙﾄの”ﾎｰﾑﾍﾟｰｼにｼﾞｬﾝﾌﾟできるﾎﾞﾀﾝ”、ｰの作成方法/ｻﾝﾌﾟﾙを掲載しています。 all 対応。 |
参照： ｺﾞｰﾎｰﾑ
< 補足 > 適時参照あれ！。