Dreamweaver Form Tutorial

Skjemaer er en effektiv og praktisk metode for å samle ulike typer informasjon fra nettstedet besøkende. Vanlige bruksområder inkluderer markedsføring og kontaktsider; Men eiere finner ut at formene er nyttige for flere formål. Ved hjelp av Dreamweaver er "Skjemaer" -funksjonen, kan du enkelt legge til ekstrautstyret til en hvilken som helst side.

Legge til skjema

For å legge til en form til en nettside, åpne en eksisterende Dreamweaver fil eller opprette en ny. I utformingen vinduet, plasserer du markøren i det punktet der du vil at skjemaet skal gå.

Bruke "Insert" verktøylinjen, klikk på "Skjemaer" og klikk deretter på "Form" -ikonet på venstre side. Dette gir deg et rektangel form representant i skjemaet bygges.

Til slutt klikker du på "Text" kategorien i "Insert" verktøylinjen og legge til en "h1", "h2" eller "h3" overskriften til skjemaet. Fordi vi utformer et kontaktskjema, skriv inn navnet "Kontakt oss" eller bruke en lignende tittel. Trykk på "Return" eller "Enter" -tasten for å legge inn et mellomrom.

Innstilling Skjemaegenskaper

Sett skjemaets egenskaper for å gi den et navn og bestemme hvordan lagets data blir sendt til en server for behandling.

Begynn med å klikke på skjemaets rektangel form i design vinduet og deretter gå til "Properties" verktøylinjen for å få en tilpasset visning av tilgjengelige alternativer. Gå til "Form name" tekstfeltet og skriv inn et identifikasjons ord, for eksempel "kontakt", slik at webserveren vet å identifisere denne spesielle formen informasjon.

Deretter fylle ut "Handling" tekstfeltet. Handlingen peker på et sted der data fra en form kommer til å bli sendt. Vanlige handlinger inkluderer plasseringen av en Hypertext Preprocessor (PHP) script, som kan være i et mappenavn eller en URL-adresse. Bruk en gratis tjeneste, for eksempel Free-PHP.net, for å få et script som sender skjema informasjonen til din e-postadresse, eller sjekk med din webhotell leverandør.

Til slutt, velg "Method" for å avgjøre hvordan dataene blir sendt til serveren for behandling. Ved anvendelsen av et kontaktskjema, velger du "POST" alternativet.

Sette Form Elements

Sett tekstfeltet, tekstområdet og knapp elementer for å gi besøkende en måte å fylle ut kontaktskjemaet.

Legg tekstfelt for fornavn og etternavn, samt e-postadresse. Gå til "Skjemaer" -kategorien i "Sett inn" på verktøylinjen og klikk på tekstfeltet ikonet. I dialogboksen som åpnes, skriver du inn navnet på "ID", slik som "fornavn". IDer er ikke offentlig synlig og brukes av serveren for behandling.

Fortsett ved å skrive en "Label", som er tekstfeltet beskrivelse som besøkende faktisk se. For eksempel, for å be om et fornavn, skriv "fornavn:" i tekstfeltet. Nå velger en "Style" for å avgjøre hvor etiketten går med tekstfeltet, som kan være før eller etter at feltet. Igjen, dette er data som brukes av serveren og ikke publisert med skjemaet. Klikk på "OK" -knappen når du er ferdig. Utformingen vinduet nå viser tekstfeltet. Gjenta disse trinnene for å legge til "Last Name:" og "E-postadresse:" felt og angi riktig etikett for hver enkelt.

Deretter legger du et tekstområde, slik at folk kan legge inn kommentarer før du sender inn sin informasjon. Gå til "Skjemaer" og klikk på "tekstfeltet" for å legge inn informasjonen attributtet. For "ID", skriv inn "kommentarer" identifikator og skriv "Kommentarer:" som etiketten. Du kan nå klikke kommentarfeltet i design vinduet og gå til "Properties" verktøylinjen for å formatere denne boksen, hvis du velger. For eksempel kan du sette karakter bredde og antall linjer som besøkende kan komme inn.

På slutten, setter "Reset" og "Send" knappene nederst på skjemaet. Gjør dette ved å gå inn på "Skjemaer" -kategorien og klikke på "knappen" -ikonet. I dialogboksen attributter skriver "reset" i "ID" -feltet, la "label" feltet stå tomt, og klikk på "No label tag." Avslutt med å klikke på "OK" -knappen. Nå klikker det nye "Reset" -knappen i utformingen vinduet for å få opp "Properties" verktøylinjen. Velg "Reset" verdi for å tilordne denne handlingen til knappen. Gjenta dette trinnet for "Send" -knappen, og husk å skrive "sende" denne gangen.

Lagre skjemaet og bruke nettleseren "Preview" funksjon for å se hvordan kontakten siden ser.