Webskjemaer utføre mange funksjoner . Du kan bruke dem til å samle inn data , selge ting, ta undersøkelser , gi tester og quizer - og dette bare toppen av isfjellet . Dreamweaver, en ledende Web utvikling-programmet , har flere funksjoner for å konstruere og formatering former. Du kan bruke programmets 12 form elementer , for eksempel tekstfelt , tekst områder, nedtrekkslistene og knapp grupper, å konstruere skjemaet, og deretter bruke HTML og Cascading Style Sheets , eller CSS, for å endre utseendet på skjemaet. Disse funksjonene vises i Dreamweaver CS2 og senere. Instruksjoner
en
Åpne en Dreamweaver HTML-side hvor du ønsker å inkludere et skjema, eller starte en ny HTML-side. For en ny side , klikker du på "File "-menyen og velg " New". Nytt dokument åpnes. Velg " HTML" fra Side -listen velger du ønsket layout fra layout-listen , og klikk deretter på "OK".
2
Klikk i området på siden der du ønsker å starte ditt skjema å sette markøren.
3
Klikk på " Insert"-menyen , velg " skjema ", og velg "Tekst -feltet. " De fleste former starte med et tekstfelt for brukerens navn . Mange former har to navnefelt , en for det første navnet og én for etternavn. Hvis du ikke ønsker å starte din skjema med en tekstfelt , velger en annen form felt type fra Form undermenyen. Dette åpner Input Tag Accessibility -dialogboksen .
4
Type en identifiserende navn i " ID "-feltet . Hvert skjemafelt ID må være unik . Brukerens nettleser og skript som sender og håndtere skjemadata bruk skjemaet feltets ID for å knytte skjemadata med spesifikke felt .
Du kan også opprette et felt etiketten fra Input Tag Accessibility -dialogboksen . Skriv inn etiketten i "Label "-feltet og bruke alternativene under "Posisjon" for å konfigurere plassering av etiketten - . Enten før eller etter at feltet
5
Klikk " OK " for å innfelt den feltet på siden din . Dreamweaver spør om du ønsker å legge til et skjema tag . Dette skaper en CSS-regel for skjema element . Klikk "Ja . " Dreamweaver setter inn felt og skaper en stiplet rød omriss rundt det . Denne boksen identifiserer form området på siden . Du bør plassere alle andre formelementer for denne formen inne i boksen.
6
Velg skjema element og gå til Egenskaper- panelet . Avhengig av type skjema element , kan du gjøre en rekke endringer i formateringen i Properties panelet. For tekstfelt , for eksempel, kan du sette feltet bredde, endre feltet fra én linje til flere linjer og sette maksimalt antall tegn . Du kan også fylle ut skjema elementer som gir brukeren med alternativer, for eksempel velger Lister og velge menyer , Radio Button Grupper og Sjekkboksegenskaper grupper .
7
Dobbeltklikk på etiketten for å velge det. Gå til Egenskaper-panelet og klikk "Rediger Rule" -knappen . Dette åpner New CSS Rule dialogboksen . Klikk " OK for å åpne CSS Rule Definition dialogboksen . Herfra kan du endre egenskapene til teksten på etiketten . Vil endre utseendet på teksten , klikk på" Type " i" kategori "-kolonnen .
8
Gjør ønsket skrifttype , skriftstil , font farge og skriftstørrelse endringer og klikk " OK . " dette endrer formatet for denne etiketten og andre du oppretter for dette skjemaet
9
Gjenta denne prosessen å skape resten av formelementer . du kan ta med (og så mange du trenger) av formelementer på Form undermenyen. på de fleste former, er den siste formen element Send-knappen .