Hvordan lage en flytende form i Dreamweaver 8

Dreamweaver 8 - den siste Macromedia versjonen før Adobe tok over - gir deg alle de nødvendige verktøy for å automatisk lage elektroniske skjemaer og flyte dem hvor du velger. Skjemaet kan du samle informasjon fra de besøkende, og Cascading Style Sheets, eller CSS, verktøy gir deg muligheten til å flyte sin posisjon slik at andre sideelementer vikle rundt skjemaet og spare plass. Bruk Dreamweaver er Hypertext Markup Language, eller HTML, og CSS-verktøy til å utforme skjemaet du trenger.

Bruksanvisning

1 Start Dreamweaver, og klikk "Ny" under Fil-menyen. Klikk på "Basic Page" i kategorilisten som vises, og klikk på "Create" -knappen for å generere en tom HTML-fil da.

2 Plasser markøren der du vil at skjemaet skal vises. Klikk "Sett inn" under Window-menyen for å få opp denne verktøylinjen, og klikk deretter på "Skjemaer" -ikonet til venstre for å automatisk sette inn et tomt skjema på siden din.

3 Klikk på "Table" på verktøylinjen Sett inn for å få opp vinduet som lar deg lage kroppen av skjemaet. Skriv inn "2" for antall skjema kolonner, og deretter skrive inn et ønsket antall for radene i tekstfeltene. Klikk på en header posisjon, og klikk deretter på "OK" -knappen nederst for å fortsette.

4 Skriv inn skjemaledetekster, for eksempel "Navn" og "E-post" i tabellcellene til venstre. Klikk på "Skjemaer" -kategorien på verktøylinjen Sett inn for å vise skjemaelementer, inkludert rullegardinmenyen og send-knappen.

5 Klikk på celle du ønsker, og klikk deretter en form alternativ, for eksempel "Text Field," for å sette det på skjemaet. Følg instruksjonene i vinduet for å gå inn den nødvendige informasjonen, for eksempel en etikett og ID.

6 Klikk på "Properties" under Window-menyen for å vise Egenskaper inspektør. Angi filnavnet på skriptet som behandler skjemaet i Handling tekstboksen. Fortsett å bruke resten av menyene for å velge data, slik som metode, som bygger skjemaet.

7 Klikk på "CSS Styles" under Window-menyen, og klikk deretter på "New CSS Rule" i bunn, høyre hjørne av panelet. Klikk på "Tag" fra Selector Type menyen, og skriv "form" i Selector Name tekstboksen for å tildele stilen til din form. Klikk på "OK" -knappen for å automatisk åpne dialogboksen Definisjon CSS Rule boksen.

8 Klikk "Box" på venstre side av dialogboksen, og klikk deretter på "Venstre", "høyre" eller "Arv" for å finne ut hvor skjemaet flyter på siden din. Den "arve" alternativet angir skjemaet skal arve sin posisjon fra en forelder element for eksempel en side spissen. Klikk på "OK" -knappen for å fullføre opprettelsen flytende form.