Microsoft Expression Web-検索ページ

この章では、ウェブサイトに検索オプションまたは検索ボックスを追加する方法を学びます。大規模なサイトの場合、ユーザーがデータを簡単に見つけられるように、サイトに検索ボックスを用意する必要があります。 Windows Live、Googleなど、無料のものが多数あります。

Windows Liveサーチ

次の手順は、Windows Live SearchボックスをWebページに追加し、検索フォームを設定してWeb全体またはWebサイトのみを検索する方法を示しています。

ステップ1 *-新しいHTMLページを作成し、 *SearchPage と呼びます。

SearchPage

ステップ2 *-[書式]メニューに移動し、[ダイナミックWebテンプレート→ダイナミックWebテンプレートの添付…]オプションを選択します。 master.dwtファイルを選択し、「開く」ボタンをクリックします。

動的テンプレート

ステップ3 *-編集可能な領域内に次のコードを追加しましょう。

<form method = "get" action = "http://search.live.com/results.aspx">
   <input type = "hidden" name = "cp" value = "1252"/>
   <input type = "hidden" name = "FORM" value = "FREESS"/>
   <table style = "background-color: #ffffff;">
      <tr>
         <td>
            <a href = "http://search.live.com/">
               <img src = "http://search.live.com/s/affillogoLive.gif"
                  style = "border:0px;" alt = "Live Search"/>
            </a>
         </td>
         <td>
            <input type = "text" name = "q" size = "30"/>
            <input type = "submit" value = "Search Site"/>
            <input type = "hidden" name = "q1"
               value = "site:http://www.microsoft.com/expression"/>
         </td>
      </tr>
   </table>
</form>

地域

ステップ4 *-ページを保存します。 [ファイル]メニューに移動し、[ブラウザでプレビュー]を選択します。

ページを保存

ステップ5 *-WebページにWindows Live Searchが表示されます。検索に何か入力して、[サイトの検索]ボタンをクリックします。

サイト検索ボタン

ステップ6 *-ご覧のとおり、Webで検索されます。検索をWebサイトのみに制限する場合は、https://www.microsoft.com/expression [www.microsoft.com/expression]ではなく、次の名前でサイトドメインを指定する必要があります。

<input type = "hidden" name = "q1" value = "site:http://www.microsoft.com/expression"/>

ステップ7 *-同様に、次のコードを編集可能な領域に追加することにより、Google検索オプションを追加できます。

<form method = "get" action = "http://www.google.com/search">
   <div style = "border: 1px solid black; padding: 4px; width: 20em; margin: 0px auto 0px auto">
      <table border = "0" cellpadding = "0">
         <tr>
            <td class = "center">
               <input type = "text" name = "q" size = "25" maxlength = "255" value = ""/>
               <input type = "submit" value = "Google Search"/>
            </td>
         </tr>
         <tr>
            <td align = "center" style = "font-size: 75%">
               <input type = "checkbox" name = "sitesearch"
                  value = " http://www.microsoft.com/expression" checked = "checked"/>
               Only search this website<br/>
            </td>
         </tr>
      </table>
   </div>
</form>

ステップ8 *-HTMLページを保存すると、検索ボックス、検索ボタン、チェックボックス、チェックボックスラベルが表示されます。

検索ボックス

ステップ9 *-ユーザーがWebサイトのみを検索するように制限するには、チェックボックスを選択して[タグのプロパティ]パネルに移動し、Valueプロパティをhttps://www.microsoft.com/expression [などのWebサイトのURLに設定しますwww.microsoft.com/expression]。

チェックボックス

ステップ10 *-ページを保存し、ブラウザでプレビューします。これで、ウェブページにGoogle検索オプションが表示されます。

Google検索オプション

Microsoft-expression-web-search-page

Microsoft Expression Web-検索ページ

Windows Liveサーチ