ﾎｰﾑへ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ﾏﾙﾁ検索 5 search_engine5.htm
Google検索（表示件数、検索箇所、更新日、検索ﾄﾞﾒｲﾝを指定。）+ Goo検索（概要文、日本語のみ、対象ﾄﾞﾒｲﾝ、辞書。）ﾊﾞｰ。 HTML。
背景画像、幅、選択ｱｲﾃﾑなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。 all 対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。
ﾃﾞﾓは、”混沌”、”やま”などをﾀｲﾌﾟｲﾝ、◎和英、〔Search〕ﾎﾞﾀﾝなどで。
< ご使用方法 >
・ ﾛｰｶﾙ（=PC）への保存は、search_engine5.htm を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。 ｱｲｺﾝは、右ｸﾘｯｸ、【名前を付けて画像を保存】で｡ ※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。
・ このDHTMLの実装方法は、search_engine5.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、<head> 〜 </head> の任意の行間に (*1)を、さらに
<body> 〜 </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。
･ 編集方法は、hogehoge.html を WordPadや SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいはﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。 下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。 ｱｲｺﾝ画像などの変更は準備した画像ﾌｧｲﾙ名を、hogehoge.html などの該当部分に記述。 ﾊﾟﾗﾒｰﾀｰの変更は該当部分で。 ※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 6.x〜 などで開いて。 更新の確認は、ie、Netscapeやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。 Netscapeは、Ctrl+Ｒｷｰで。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像なども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。 Web& Internet Samples、Web Development、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。
(*1)
： search_engine5.htm （例） 挿入先の <head> 〜 </head> の、〜 部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可）
ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type 〜
</style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景
body 文字色 背景色 下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）
|
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<link REL="SHORTCUT ICON" href="favicon.ico">
<style type="text/css"><!--
.xxx0
{ background: #F9F8F9 url('wttec.gif');
}
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9
url('wttec.gif'); text-decoration:none;
}
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4;
text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2;
text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
</style>
<base target="_blank">
<title>サンプルページ マルチ検索 5</title>
|
(*2)
： search_engine5.htm （例） 挿入先の <body> 〜
</body> の、〜
部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
※：<body> 部の編集 背景 ﾘﾝｸ 表示済みﾘﾝｸﾝｸ ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）
日本Google 左寄せ 幅
背景画像 ｱｲｺﾝ
ｱｲｺﾝ
ｱｲｺﾝ
Goo 左寄せ 幅
背景画像
ｱｲｺﾝ
ｱｲｺﾝ
ｱｲｺﾝ
ｱｲｺﾝ |
<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">
<!-- ★ ----- ﾏﾙﾁ検索 5 ------ ↓ この間をコピー＆ペーストします。 ------------ -->
<!-- ・ ---------- 日本Google ---------- -->
<table border="1" cellpadding="2" cellspacing="0" style="margin-left:-9px;
border-collapse: collapse" width="1900px" bordercolorlight="#F4F3F9"
bordercolordark="#ECEBF1" bgcolor="#FAFAFA" height="33" >
<tr><td background="46bar_gr3.jpg" width="83"><a
href="http://www.google.co.jp/"><img SRC="pwrgoglwht.gif" BORDER="0"
ALT="超高速ｻｰﾁｴﾝｼﾞﾝ - 日本Googleで検索します。" ALIGN="middle" width="82"
height="30"></a></td>
<td background="46bar_gr3.jpg" width="1817"><!-- SiteSearch Google --><form
method=GET action="http://www.google.co.jp/search">
<div align="left">
<input type=text name=q size=31 maxlength=255 value="" style="color:#260009;
background-color:#F6F4FC;">
<input TYPE="image" value="Web Search" name="btnG" src="X3.gif"
width="58" height="23" title="日本Googleで、指定ｻｲﾄ内を検索するだよ。 =(゜。.゜)= 〜*"
align="absmiddle">
<select name=num style="color:#FAF6FB; background-color:#4E5155;">
<option value="10">10 件ずつ
<option value="20">20 件ずつ
<option value="30">30 件ずつ
<option value="50">50 件ずつ
<option value="100" selected>100 件ずつ</select>
<font color="#210046">検索箇所 : <select name=as_occt style="color:#F4F2FC;
background-color:#625D5A;">
<option value="any" selected>ﾍﾟｰｼﾞ全体
<option value="title">ﾍﾟｰｼﾞのﾀｲﾄﾙのみ
<option value="body">ﾍﾟｰｼﾞの本文のみ
<option value="url">ﾍﾟｰｼﾞのURLのみ
<option value="links">ﾍﾟｰｼﾞへのﾘﾝｸ内</select>
更新日 : <select name=as_qdr style="color:#FBF2FC; background-color:#565359;">
<option value="all">指定なし
<option value="m3"><b>3</b><b>ヶ月</b>以内
<option value="m6"><b>6</b><b>ヶ月</b>以内
<option value="y">一年以内</select>
検索ﾄﾞﾒｲﾝ :
<select name=sitesearch style="color:#FBF2FC; background-color:#565359;">
<option value="www02.so-net.ne.jp">So-net
<option value="www.pat.hi-ho.ne.jp">pat.hi-ho
<option value="www001.upp.so-net.ne.jp">U-Page
<option value="" selected>WWW</select> <a
href="http://www.google.co.jp/intl/ja/options/"><img src="10vl_r.gif"
width="10" height="10" BORDER="0" alt="もっと日本Google
-ｵﾌﾟｼｮﾝｻｰﾋﾞｽ・ﾂｰﾙいろいろ、☆･:*:･°'★,｡･:*:♪･°'☆…*。"></a></tr>
</div></form><!-- SiteSearch Google --></td></tr></table>
<!-- ・ ---------- 日本Google ---------- -->
<!-- ・ ---------- Goo ---------- -->
<table border="1" cellpadding="3" cellspacing="0" style="margin-left:-9px;
border-collapse: collapse" width="1900" bordercolorlight="#F4F3F9"
bordercolordark="#ECEBF1" bgcolor="#FAFAFA" id="table9" height="31">
<tr><td background="46bar_gr3.jpg" width="50">
<a href="http://www.goo.ne.jp" target="goo">
<img src="http://help.goo.ne.jp/link/img/goo167.gif" width="50"
height="25" alt="goo" border="0"></a><br>
</td><td background="46bar_gr3.jpg" width="635">
<form action="http://search.goo.ne.jp/web.jsp" name="query" target="goo">
<table border="0" cellspacing="0" cellpadding="0" width="635" height="29">
<tr>
<td width="635" height="31">
<input type="hidden" name="Domain" value="www001.upp.so-net.ne.jp">
<input type="text" name="MT" value="" size="30">
<input TYPE="image" value="Web Search" name="web" src="btn_search1.gif"
width="18" height="18" title="Gooで、指定ｻｲﾄ内を検索するだよ。 =(゜。.゜)= 〜*"
align="absmiddle">
<input type="hidden" name="DC" value="100">
<select name="DE" style="color:#FEFAFB; background-color:#6C6678;">
<option value="2" selected>概要文あり</option>
<option value="0">ﾀｲﾄﾙのみ</option>
</select>
<select name="JP" style="color:#FEFAFB; background-color:#6C6678;">
<option value="0" selected>Web全体</option>
<option value="1">日本語のみ</option>
</select>
<select name="SM" style="color:#FEFAFB; background-color:#6C6678;">
<option value="MC" selected>全ての語を含む</option>
<option value="SC">何れかの語を含む</option>
<option value="phrase">ﾌﾚｰｽﾞ</option>
<option value="url">ﾘﾝｸ先URL</option>
</select>
<font color="#210046" size="2">
<input type="radio" name="RD" value="DM" onClick="0">U-Page
<input type=radio name="RD" value="AN" onClick="0" checked>Web全体</font>
</tr>
</table>
<input type="hidden" name="from" value="USR">
<!-- お使いの日本語文字コードに応じて変更下さい -->
<input type="hidden" name="IE0" value="sjis">
</form>
<td width="20" background="46bar_gr3.jpg"><img src="nikki_c_r.gif"
width="16" height="16" BORDER="0" alt="Goo -英和・和英・国語辞書へ。">
</td>
<td width="1365" background="46bar_gr3.jpg">
<form method="GET" name="search"
action="http://dictionary.goo.ne.jp/search.php" target="goo"><input
type="hidden" name="IE" value="sjis">
<input type="text" name="MT" value="" size="30">
<input TYPE="image" value="検索" src="btn_search1.gif" width="18"
height="18" title="φ(.. ) Gooで、英和・和英・国語辞書を開くだよ。 =(゜。.゜)= 〜*"
align="absmiddle">
<font color="#210046" size="2">
<input id="ej" type="radio" name="kind" value="ej" checked><label
for="ej">英和</label>
<input id="je" type="radio" name="kind" value="je"><label
for="je">和英</label>
<input id="jn" type="radio" name="kind" value="jn"><label
for="jn">国語</label>
</font></td></tr></table>
<input type="hidden" name="FROM" value="USER">
</form></td></tr></table>
<!-- ・ ---------- Goo ---------- -->
<!-- ★ ----- マルチ検索 5 ------ ↑ この間をコピー＆ペーストします。 ------------ -->
|
< 補足 > 適時参照あれ！。
・ Wordpad によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。
