Crear un formulari

Els formularis, són una eina que ens seran de gran ajuda. És la forma de recollir informació per part dels usuaris de les nostres web, conèixer-los, saber els seus gustos, que busquen de la nostra pàgina, que els agradaria, etc. etc ..

La informació recollida, es pot emmagatzemar en una base de dades, o serà enviada a la nostra safata d'entrada per correu electrònic.

Ara veurem com crear-los, ja després veurem com els rebrem.

Com ja tenim la plantilla preparada i guardada, per començar, anem a Achivo / Nou ... i en la pestanya Plantilles creem un nou document. Immediatament després, el guardem com, contacto.htm,
o formulario.htm ... etc ;)

I ara comencem:

En el Comando Inserir / Formularis / Formulari:

1

Apareixerà un rectangle així:

2

Dins d'aquest requadre, inserirem una taula de cinc files i quatre colunmas:

3

Des del Inspector de Propietats, centrarem la taula primer:

4

Ens anem a situar en la primera Cel · la de la primera Fila, no anem a assignar ara ni alineació ni res, ja ho farem en acabar de crear tot el formulari ;) Escrivim la paraula nom:

5

A la segona cel · la de la primera fila, Inserim un Camp de text:

6

És possible que ens aparegui un quadre de diàleg així:

7

Simplement ho anem a ignorar ara, cancel · lar.

Ara veiem un Camp de Text així:

8

Prement sobre el camp de text que acabem de crear, observarem l'inspector:

9

Des d'aquí, podrem configurar les propietats d'aquest camp de text, però ja ho anirem veient després, ara l'important és posar-li un nom. Com el que volem que posi aquí l'usuari és el seu nom, ho anem a dir així, Nom:

10

Ens situem ara en la tercera cel · la, escrivim La teva ciutat / País: A la cel · la següent, inserim de nou un Camp de Text:

11

En l'inspector i sobre aquest camp situats, vam canviar el nom:

12

, en la Celda siguiente, insertamos un nuevo Campo de Texto y desde el Inspector cambiamos el nombre por e-mail: En la segona Fila, primera cel · la, posarem teu correu, o, El teu correu electrònic, en la Cel · la següent, inserim un nou Camp de Text i des del Inspector canviem el nom per e-mail:

13

És el mateix procés en els tres camps, només hem variat el nom de cada un d'ells.

Ara anem a inserir un Menú. Desde el Inspector de Propiedades le vamos a poner el nombre de Edad Seleccionamos En la tercera Cel · posarem teu Edat: A la quarta: Anar A Inserir / Formulari / Llista / Menú Des del Inspector de Propietats li posarem el nom d'Edat Seleccionem

Menú i clic en Valors de Llista:

14

Ens apareixerà un nou quadre de diàleg, on inserirem uns valors així:

15

, es lo que se guarda o se envía. L'Etiqueta, serà el que es mostra en el formulari i el valor, és el que es guarda o s'envia. En el nostre cas, serà el que rebrem al nostre correu.

insertaremos mas etiquetas o las borraremos.Para situarlas usaremos las flechas de la derecha. Usant els signes + i - inserirem més etiquetes o les borraremos.Para situar farem servir les fletxes de la dreta. Quan ja tinguem totes les dades que desitgem, acceptem i es veurà així:

16

Si comproveu ara en vista prèvia, veureu que prement la fletxeta, es mostraran totes les opcions que hàgim inserit, podent seleccionar la que volem. Inserirem ara Botons d'opció:

A la primera Cel · la de la tercera Fila, posarem teva opinió sobre la pàgina. Seleccionem les tres següents alhora:

17

I anem a Modificar / Taula / Combinar Cel · les i premem sobre aquesta opció, Ens quedés així:

18

Situadados en aquesta Cel · la, Insereix / Formulari / Botó d'opció, ia continuació del botó, escrivim Molt bona:

19

En Inspector de propietats canviem els noms i el valor:

20

Podem afegir tants com desitgem seguint aquests mateixos passos. En la següent Fila, a la primera Cel · la, podem preguntar que els interessa més, combinem de nou les cel · les restants, com vam fer abans i anem a:

Inserir / Formulari / Casella de Verificació:

21

I igual que l'anterior, podrem inserir diversos.

També, resulta interessant que deixem una Àrea de Text, per Comentaris: Inserir / Formulari / Àrea de Text:

textarea

* Nota: Podeu posar un nombre concret en Ample de caràcters, sobre uns 50 o 60, aquests seran els que usessin per a cada línia de text. També les línies concretes que vulgueu .. en nombre de línies, però així estarem condicionant-lo a un nombre concret de línies, si per qualsevol motiu l'usuari passa d'aquest número, no ens arribessin, per tant és millor no especificar un nombre concret, però si és interessant saber-ho ;)

En l'última fila, combinem totes les cel · les de manera que ens quedi una tan sol. Anar a Insereix / Formulari / Botó, i podeu ja fer-ho dues vegades.

Seleccionem el primer i des del Inspector de Propietats, canviem el nom i valors així:

22

Seleccionem el segon i:

23

Podrem observar que només hem de canviar el nom, al castellà, ja que els altres valors ens sortiran per defecte. Ens falta ara configurar el formulari amb les opcions de Va enviar, per a això situarem el ratolí en qualsevol lloc del formulari, i premem sobre: form per activar l'Inspector de Propietats i des del, podem canviar el nom al formulari; introduir l'adreça de correu electrònic. on vulguem rebre la informació, el mètode d'enviament (Post) i el tipus de codificació, seran els que ja porta per defecte. Si no ho porta l'afegim nosaltres:

text / plain

24

Premem en qualsevol costat del formulari, per seleccionar la taula on l'havíem inserit i que si veieu la captura, havíem creat amb el 100%. L'hi traurem deixant aquesta opció completament buida:

Taula

També vaig posar 4 px com a farcit de cel · la i color de fons # DE931C La captura té un altre, però això és segons cada un, ja que serà el color que tingueu a les vostres pàgines ;)

A les cel · les de totes les Files, els vaig donar color de fons # FFF1D6. Podrem comprovar des vista prèvia, que funciona el formulari. El navegador IExplorer ens mostrés diversos quadres amb el procés:

enviar

acceptem:

enviar 2

acceptem:

enviar3

El missatge que ens arribés es mostrés així:

enviament

El Mozilla, m'obre directament l'Outlook Express, amb les dades perquè el vaig enviar.

* Nota: Tingueu en compte que si no vau crear abans, aquesta opció, és hora d'obrir la Plantilla i crear-la, així com vincular el document que acabem de crear.

Veure exemple Aquí

Respondre