Vuorovaikutteisen lomakkeen laatiminen

PWS:n avulla voit luoda vuorovaikutteisia Web-sivustoja, joissa voit kerätä kävijöiden antamia tietoja ja vastata kävijöille tietojen perusteella. Tässä ohjeaiheessa on ohjeita vuorovaikutteisen lomakkeen laatimisesta, jotta lomakkeesta tulisi selkeä ja tiedonhankintatarpeitasi palveleva kokonaisuus. Ohjeen perusoletuksena on, että et tunne HTML-kieltä, komentosarjoja tai ohjelmointikieliä, eikä ohjeessa neuvota näiden käyttöä. PWS:n leikkaa ja liitä sekä etsi ja korvaa -toimintojen avulla voit laatia toimivan vuorovaikutteisen lomakkeen, johon jätetyt tiedot tallentuvat PWS:n mallitietokantaan. Tietokanta on luotu Microsoft Accessissa, joten voit tarkastella ja muokata tietokannan sisältöä joko tässä ohjelmassa tai käyttämällä komentosarjaa, joka on annettu kohdassa Tietokannan tarkasteleminen selaimessa.

1. Avaa Sampform.asp-tiedosto tekstieditoriin, esimerkiksi Muistioon. Sampform.asp sijaitsee tietokoneen Windows\Help\Pws\Htm\Core-kansiossa.
2. Korvaa <title></title>-tunnisteiden välissä oleva teksti Web-sivuston nimellä sekä <h1></h1>-tunnisteiden välissä oleva teksti tiedoston otsikolla. Jos tekstin löytäminen on vaikeaa, etsi sana Korvaa.
3. Esikatsele tiedostoa selaimessa kirjoittamalla tiedoston polku ja tiedostonimi Osoite-riville. Esikatselussa tiedostoa ei haeta verkon kautta, vaan avataan paikallisesti, joten tiedoston alussa olevat komentosarjat näkyvät näytössä. Kun tiedosto liitetään Web-sivustoon, komentosarjat eivät näy selaimessa.

Vihje   Jos <h1>-otsikko tuntuu liian suurelta, pienennä kirjaimia muuttamalla h-kirjaimen jälkeiset 1:t numeroksi 2 (=<h2></h2>).


4. Tallenna tiedosto kotikansioosi. (Asennuksen yhteydessä luotu oletusarvoinen kotikansio on C:\Inetpub\Wwwroot.) Tallenna tiedosto tekstitiedostona nimellä sampform.asp.

Vihje   Valitse Tallenna nimellä -valintaikkunassa tiedoston tallennusmuodoksi Kaikki tiedostot(*.*) -vaihtoehto. Näin varmistat, ettei Muistio lisää tiedoston nimeen .txt-tunnistetta.

Elementtien lisääminen

Nyt voit aloittaa tekstiruutuja, valintaruutuja ja valintanappeja näyttävien komentosarjaosien liittämisen tiedostoon. Voit liittää elementit haluamassasi järjestyksessä. Kaikkia elementtejä ei ole pakko käyttää, mutta kutakin elementtiä voit käyttää vain kerran. Esimerkiksi Ensimmäistä tekstiruutua voi käyttää vain kerran. Jos tarvitset toisen tekstiruudun, sinun on valittava joko Toinen tekstiruutu tai jompikumpi memo-ruuduista. Alla on lueteltu käytettävissä olevat lomake-elementit.

1. Lomake kannattaa suunnitella ennalta esimerkiksi siten, että piirrät lomakkeen paperille ja sijoittelet käytettävissä olevat kentät paperiluonnokseen.
2. Kopioi ja liitä alla olevat koodit Web-sivustoon kohdassa 1 suunnittelemassasi järjestyksessä. Varmista, että kaikki kopioimasi koodit tulevat tekstin
   

   
   <!-- ===Ensimmäisen tekstiruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle ensimmäisen tekstiruudun otsikko tai kuvateksti: </p>
   <p><input type="Text" name="Ensimmäinen tekstiruutu"></p>
   
   <!-- ===Ensimmäisen tekstiruutuelementin loppu=== -->
   
   
   
   <!-- ===Toisen tekstiruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle toisen tekstiruudun otsikko tai kuvateksti: </p>
   <p><input type="Text" name="Toinen tekstiruutu"></p>
   
   <!-- ===Toisen tekstiruutuelementin loppu=== -->
   
   
   
   <!-- ===Kolmannen tekstiruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle kolmannen tekstiruudun otsikko tai kuvateksti: </p>
   <p><input type="Text" name="Kolmas tekstiruutu"></p>
   
   <!-- ===Kolmannen tekstiruutuelementin loppu=== -->
   
   
   
   <!-- ===Neljännen tekstiruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle neljännen tekstiruudun otsikko tai kuvateksti: </p>
   <p><input type="Text" name="Neljäs tekstiruutu"></p>
   
   <!-- ===Neljännen tekstiruutuelementin loppu=== -->
   
   
   
   <!-- ===Ensimmäisen memo-ruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle ensimmäisen memo-ruudun otsikko tai kuvateksti: </p> 
   <p><textarea name="Ensimmäinen memo-ruutu" rows=6 cols=70></textarea></p>
   
   <!-- ===Ensimmäisen memo-ruutuelementin loppu=== -->
   
   
   
   <!-- ===Toisen memo-ruutuelementin alku=== -->
   
   <p> Kirjoita tämän tekstin paikalle toisen memo-ruudun otsikko tai kuvateksti: </p> 
   <p><textarea name="Toinen memo-ruutu" rows=6 cols=70></textarea></p>
   
   <!-- ===Toisen memo-ruutuelementin loppu=== -->
   
   
   
   <!-- ===Ensimmäisen valintaruutuelementin alku=== -->
   
   <p><input type="CHECKBOX" name="Ensimmäinen valintaruutu" value="true" > Kirjoita tämän tekstin paikalle ensimmäisen valintaruudun otsikko tai kuvateksti: </p>
   
   <!-- ===Ensimmäisen valintaruutuelementin loppu=== -->
   
   
   
   <!-- ===Toisen valintaruutuelementin alku=== -->
   
   <p><input type="CHECKBOX" name="Toinen valintaruutu" value="true" > Kirjoita tämän tekstin paikalle toisen valintaruudun otsikko tai kuvateksti: </p>
   
   <!-- ===Toisen valintaruutuelementin loppu=== -->
   
   
   
   <!-- ===Valintanappielementin alku=== -->
   
   <p><input name="Valintanappi" type="RADIO" value="1"> Kirjoita tämän tekstin paikalle ensimmäisen valintanapin otsikko tai kuvateksti. <br>  
   <input name="Valintanappi" type="RADIO" value="2"> Kirjoita tämän tekstin paikalle toisen valintanapin otsikko tai kuvateksti. <br>  
   <input name="Valintanappi" type="RADIO" value="3"> Kirjoita tämän tekstin paikalle kolmannen valintanapin otsikko tai kuvateksti. </p>
   
   <!-- ===Valintanappielementin loppu=== -->
   

3. Korvaa elementtikoodin sisällä olevat kehotetekstit haluamillasi teksteillä. Kehotetekstit on helppo paikallistaa etsimällä sana Kirjoita.
4. Tallenna lomaketiedostoon tekemäsi muutokset.
5. Esikatsele lomake selaimessa ja tarkista, että kaikki elementit ovat haluamassasi järjestyksessä ja otsikot näkyvät oikein. Komentosarja näkyy sivun ylälaidassa tiedoston otsikon yläpuolella. Älä anna sen häiritä. Jos tekemäsi muutokset eivät näy, napsauta selaimen Päivitä-painiketta.

Tietokannan käyttäminen

Kun lomake on valmis, lomakkeen tiedot tietokantaan syöttävät lausekkeet on muokattava valitsemiasi kenttiä vastaaviksi. Sampform.asp-tiedosto sisältää viittaukset kaikkiin käytettävissä oleviin kenttiin ja niihin jätettyihin tietoihin. Käyttämättömien elementtien viittaukset on poistettava. Elementit ja niitä vastaavat kenttien nimet käyvät ilmi alla olevasta taulukosta.

1. Siirry kenttäviittaukset sisältävään lausekkeeseen etsimällä teksti cm.commandtext= .
2. Kenttien nimet on merkitty sulkeisiin sanan SampleDb jälkeen. Kentät on erotettu pilkuilla. Poista käyttämättömiä kenttiä vastaavat kenttien nimet sekä nimien jälkeiset pilkut sulkeiden sisästä. Jos esimerkiksi käytät vain Ensimmäistä ja Toista tekstiruutua sekä Ensimmäistä valintaruutua, sulkeiden sisään tulisi jäädä seuraava teksti: SampleDb(TB1,TB2,CB1).

Huomautus   Älä muuta kenttien järjestystä sulkeiden sisässä, vaikka kentät olisivat lomakkeessasi eri järjestyksessä.

3. Sanan VALUES jälkeen on merkitty yhdeksän kysymysmerkkiä peräkkäin. Merkit on kirjoitettu sulkeiden sisään ja erotettu pilkuilla. Kysymysmerkkejä on oltava yhtä monta kuin lomakkeen kenttiä. Poista ylimääräiset kysymysmerkit sekä niiden jälkeiset pilkut sulkeiden sisästä. Jos esimerkiksi käytät vain Ensimmäistä ja Toista tekstiruutua sekä Ensimmäistä valintaruutua, arvoviittauslausekkeen tulisi näyttää seuraavalta: VALUES (?,?,?).
4. Parametrilausekkeet on merkitty lausekkeen cm.commandtext= jälkeen. Muuta käyttämättömien elementtien parametrilausekkeita siten, että lisäät heittomerkit otsikkorivin jälkeisten rivien alkuun. Jos esimerkiksi et käytä Toista tekstiruutua, elementin parametrilausekkeen tulisi näyttää seuraavalta:

'Second Text Box Parameter Statement
'set objparam=cm.createparameter(, 200, , 255, strTB2)
'cm.parameters.append objparam


5. Tallenna tekemäsi muutokset. Voit esikatsella tiedostoa kirjoittamalla osoitteen //localhost/sampform.asp selaimen Osoite -riville.

1. Napsauta Personal Web Managerin tietoruudussa olevaa Web-sivustokuvaketta.
2. Napsauta Muokkaa kotisivua -linkkiä ja lisää lomakkeen linkki kotisivulle ohjatun toiminnon avulla.

Aiheeseen liittyviä ohjeita

• Lisätietoja vuorovaikutteisten lomakkeiden ja tietokantojen käytöstä on kohdassa Accessing a Database.
• Ohjeita lomakkeen linkin lisäämisestä kotisivulle on kohdassa Linkkien lisääminen kotisivulle.
• Lisätietoja tietokannan tarkastelemisesta komentosarjan avulla on kohdassa Tietokannan tarkasteleminen selaimessa.

© 1998 Microsoft Corporation. Kaikki oikeudet pidätetään.