Microsoft Expression Web - Pagina di ricerca

In questo capitolo impareremo come aggiungere un'opzione di ricerca o una casella di ricerca al sito web. Se si tratta di un sito di grandi dimensioni, sarà necessario disporre di una casella di ricerca nel sito in modo che l'utente possa trovare facilmente qualsiasi dato. Ce ne sono molti gratuiti disponibili come Windows Live, Google, ecc.

Windows Live Search

I passaggi seguenti mostrano come aggiungere una casella di ricerca di Windows Live alla pagina Web e quindi impostare il modulo di ricerca per eseguire la ricerca in tutto il Web o solo nel sito Web.

Step 1 - Crea una nuova pagina HTML e chiamala SearchPage.

Step 2 - Vai al menu Formato e seleziona Dynamic Web Template → Attach Dynamic Web Template…opzione. Seleziona il file master.dwt e fai clic sul pulsante Apri.

Step 3 - Aggiungiamo il seguente codice all'interno dell'area modificabile.

<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>

Step 4- Salva la pagina. Vai al menu File e seleziona Anteprima nel browser.

Step 5- Vedrai Windows Live Search nella tua pagina web. Inseriamo qualcosa nella ricerca e facciamo clic sul pulsante Cerca nel sito

Step 6- Come puoi vedere, cercherà sul web. Se desideri limitare la ricerca solo al tuo sito web, devi specificare il dominio del tuo sito nel seguente nome invece di www.microsoft.com/expression

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

Step 7 - Allo stesso modo, puoi aggiungere l'opzione di ricerca di Google aggiungendo il seguente codice nella regione modificabile.

<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>

Step 8 - Salva la tua pagina HTML e vedrai una casella di ricerca, un pulsante di ricerca, una casella di controllo e un'etichetta della casella di controllo.

Step 9- Per limitare gli utenti a cercare solo nel tuo sito web, seleziona la casella di controllo e vai al pannello Proprietà tag e imposta la proprietà Value sull'URL del tuo sito web, come www.microsoft.com/expression .

Step 10- Salva la tua pagina e visualizzala in anteprima nel browser. Ora vedrai l'opzione di ricerca di Google nella tua pagina web.