Microsoft Expression Web – 搜索页面

在本章中，我们将学习如何向网站添加搜索选项或搜索框。如果它是一个大型站点，那么您将需要在站点中有一个搜索框，以便用户可以轻松找到任何数据。有许多免费软件可用，例如 Windows Live、Google 等。

Windows Live 搜索

以下步骤向您展示了如何将 Windows Live 搜索框添加到您的网页，然后将搜索表单设置为搜索整个 Web 或仅搜索您的网站。

步骤 1 – 创建一个新的 HTML 页面并将其命名为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 步– 您将在您的网页中看到 Windows Live 搜索。让我们在搜索中输入一些内容，然后单击“搜索站点”按钮

第 6 步– 如您所见，它将在网络上进行搜索。如果您想将搜索限制为仅您的网站，则必须在以下名称中指定您的站点域，而不是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 步– 要限制用户仅搜索您的网站，请选中该复选框并转到“标签属性”面板并将“值”属性设置为您网站的 URL，例如www.microsoft.com/expression。

步骤 10 – 保存您的页面并在浏览器中预览。现在，您将在网页中看到 Google 搜索选项。