Formularis de correu

Fer un formulari que envia la informació per correu mitjançat el gestor de correu de l'usuari/ària n'és una.

Fer servir un servidor extern per processar la informació n'és una altra.

Formulari que envia la informació mitjançant el gestor de correu de l'usuari/ària

Aquesta opció té l'avantatge de la simplicitat, però també l'inconvenient de la dependència del gestor de correu de l'usuari/ària de l'ordinador.

Simplicitat

Aquesta manera de fer un formulari és simple. Només cal fer-lo, posar-hi els camps necessaris i indicar que el formulari ha de tenir com a acció la funció mailto:usuari@xtec.net.

Els formularis de correu són una manera simple de poder afegir un formulari al vostre web.

A tall d'exemple, vegeu el formulari que serveix per enviar esdeveniments a l'agenda de la XTEC:

<FORM ACTION="mailto:agenda@xtec.net" enctype="text/plain" method="POST">

Accediu a la pàgina http://www.xtec.net/agenda/form.htm i mireu el codi font per veure el que s'ha comentat a l'apartat anterior.

Recordeu que per veure el codi font d'una pàgina s'ha de fer amb l'opció Visualitza | Font de la pàgina si ho mireu amb el Firefox, i amb l'opció Ver | Código fuente si treballeu amb l'Explorer en castellà.

Objectes de formulari

Els objectes de formulari són relativament simples. Aquesta pràctica serveix de recordatori, però si us cal informació més detallada, podeu mirar al curs d72.

Tal com s'ha vist anteriorment, els objectes de formulari es poden posar accedint a la barra de menú Formularios.

Per crear un formulari, s'ha de començar per posar un objecte formulari i a continuació els camps necessaris.

Per exemple, si es vol un formulari que demani dades sobre una valoració de la web, el nom, el correu electrònic i una valoració de la web (fet amb un desplegable que conté els valors entre 1 i 4), es pot anar afegint el títol i els objectes un a un.

Qüestionari de valoració de la web

A continuació, es comenten els camps de formulari que s'han fet servir per construir el qüestionari de valoració.

Camps Nom i Correu electrònic

El camp que es fa servir per demanar el nom és un Campo de texto; permet als usuaris posar-hi informació lliure. És adequat per demanar el nom, el correu electrònic i totes aquelles informacions que requereixen posar text lliurement.

El camp que es fa servir per al correu electrònic és un camp amb les mateixes característiques. A continuació, es comenten les opcions disponibles a l'hora de fer un Campo de texto.

La finestra de Propiedades del Campo de texto conté una sèrie de paràmetres que es comenten a continuació:

Per posar un Campo de texto s'ha de decidir el següent:

• Nom del camp (etiqueta Campo de texto)
• Amplada del camp (etiqueta Ancho car)
• Caràcters màxims que l'usuari/ària pot escriure (etiqueta Cars máx)
• Tipus (etiqueta Tipo)
  
  L'última opció permet definir si és de tipus contrasenya, text d'una línia o de diverses línies (aquest últim també conegut com a textarea).

Un cop preses aquestes decisions, es tracta d'omplir la finestra de Propietats que es veu a la figura precedent.

Camp Valoració de la web

El camp que es fa servir per a la valoració de la web és un camp de tipus Lista/menú.

Aquest camp permet posar al formulari una llista desplegable. A l'exemple anterior, s'ha posat el camp Valoració de la web com a desplegable per obligar l'usuari/ària a posar un valor entre 1 i 4, seleccionant un text explicatiu per a cada valor.

Si es mira la figura anterior, es pot veure a l'esquerra l'etiqueta Lista/menú i a sota el camp per posar-hi la paraula valoració. Això correspon al nom del camp.

Més a la dreta, es pot veure el tipus (Menú o Lista). Menú vol dir un quadre desplegable que mostra els valors en clicar-hi a sobre, i Lista és un quadre que mostra totes les opcions de cop.

Si s'escull l'opció Lista, es pot veure que s'activa l'opció Alto, que permet definir quantes línies s'han de veure simultàniament, i Permitir múltiples, que permet a l'usuari/ària la selecció simultània de diversos valors de la llista.

L'últim paràmetre del Lista/menú serveix per indicar quin valor és el que ha d'estar seleccionat inicialment. És a dir, quin valor tindrà el camp quan un usuari/ària vegi el formulari.

Finalment, el botó Valores de lista permet indicar els valors. Si es prem, apareix la finestra següent:

Per afegir o treure valors de la llista, només cal prémer l'opció + o - i escriure l'etiqueta i el valor.

L'etiqueta és el que l'usuari/ària veurà, i el valor és el que el formulari realment enviarà.

Camp Comentaris

El camp de comentaris és en realitat un Campo de texto de diverses línies, és a dir, un camp textarea.

Un cop seleccionat a la finestra Propiedades del text l'opció Varias líneas, hi ha una única diferència entre el camp de text i el camp textarea.

Si es mira la figura següent, es pot veure que el camp Cárs max que permetia indicar el nombre màxim de caràcters del camp de text s'ha convertit en Líneas núm, que permet indicar el nombre de línies que ha de tenir el camp Comentaris.

Un segon canvi respecte al camp de text d'una línia és que el camp Varias líneas permet ajustar el text a mesura que s'escriu. Hi ha diferents tipus d'Ajuste, però el més pràctic, nomalment, és el Virtual, que ajusta el text a l'amplada de la finestra, simulant salts de línia inexistents per veure bé tot el text.

Paràmetres ocults

Al marge dels quadres de text i botons, es poden afegir paràmetres ocults, que normalment serveixen per afegir una informació per enviar que l'usuari/ària no necessita saber.

Si s'afegeix un Campo oculto, aquest apareixerà com a icona de camp ocult .

Aquesta icona només té dues propietats: el nom del camp i el valor.

Si es mira la figura anterior, es poden veure les dues propietats: a l'esquerra, la finestra de propietats del camp ocult permet definir el nom del camp, i a la dreta, permet introduir el valor que ha de tenir aquest camp.

Botó d'enviar

Finalment, per enviar el formulari, es pot posar un botó que per defecte apareix amb el text Enviar. Aquest botó té, com tots els altres objectes, un nom (a l'esquerra de la finestra de propietats), una etiqueta (text que apareix al botó) i una acció.

L'acció del botó pot ser Enviar formulario, que serveix per executar l'acció que s'ha definit al formulari o esborrar el formulari, o bé es pot no assignar al botó cap acció específica.

Definir que el botó no té cap acció específica pot servir per posar-hi posteriorment una funció del JavaScript

Controls

Abans de decidir que el formulari és correcte, convé pensar si algún camp és obligatori i si convé fer algun control abans d'enviar-lo.

Per això el Dreamweaver MX 2004 dóna un parell d'eines que comentem a continuació.

Si es posa el cursor en qualsevol lloc, a dins del formulari, i s'obre la finestra de Comportamientos, apareix la finestra següent:

Prement el botó + de la finestra Comportamientos, apareix una llista de comportaments predefinits:

Escollint l'opció Validar formulario, apareix la finestra següent:

Fixeu-vos que el formulari ja mostra els camps sobre els quals es pot fer un control.

Per omissió, es pot veure que la casella Aceptar té definida l'opció Cualquier cosa; és a dir, que no hi ha cap control.

Però si es miren les diferents opcions, es pot, per exemple, controlar que un camp del formulari sigui un correu electrònic o que el valor sigui obligatori.

Un cop definides totes aquestes opcions, es poden acceptar les validacions i es pot considerar el formulari finalitzat.

Altres solucions

Per poder desar la informació en una base de dades, s'ha de pactar amb l'administrador del servidor la base de dades que s'ha de fer servir i el dret a posar programació al servidor per anar guardant la informació. Això normalment va acompanyat d'algunes complicacions i en especial de la necessitat de saber programar i saber dissenyar i crear bases de dades

L'altra solució, que consisteix a fer servir servidors externs que donen el servei gratuït de processament i tramesa per correu electrònic, té l'avantatge de no requerir tants coneixements tècnics.

Normalment, el servidor extern donarà suficients indicacions per fer-ho còmodament.

Si el vostre servidor no ofereix aquest servei, es poden fer servir servidors externs per fer el formulari.

Un cop fet, apareixerà tot un conjunt de webs que ofereixen aquests serveis de forma gratuïta.

Per fer-ne servir un, només cal seleccionar-lo i anar seguint les instruccions del servidor.

No es mostra cap exemple, perquè aquests serveis són extremadament canviants i un servidor que doni servei en aquests moments potser no funciona el mes vinent, però, en canvi, potser n'hi ha 10 de nous que ofereixen el mateix.

Aquest tipus de servei té la incomoditat de dependre d'un servidor extern, però en canvi, té l'avantatge de ser gratuït i sense excessives complicacions tècniques.

Si useu serveis externs, és important recordar que, si canvieu la web de lloc, en molts casos haureu de tornar a donar-vos d'alta de certs serveis que depenguin de l'usuari que feu servir i del lloc web.

Aquest cas es pot donar, per exemple, en acabar aquest curs. Si voleu conservar la web, haureu de guardar-la en un altre lloc, ja que l'usuari que feu servir es donarà de baixa un cop acabat el curs.

PHP i ASP, un altre món

Moltes pàgines que visiteu normalment us donen l'opció d'enviar informació per correu: reservar una nit d'hotel, un bitllet d'avió...

Encara que l'aspecte és d'una pàgina web normal amb un formulari com el que heu creat a la pràctica, l'origen i el llenguatge és molt diferent.

Normalment es tracta de pàgines escrites en PHP o ASP. Amb aquestes sigles ens referim als estàndards més utilitzats de llenguatges basats en el servidor.

Aquests llenguatges de programació el que fan és generar una pàgina web (al servidor) a partir de dades obtingudes del client o paràmetres enviats per altres pàgines web.

La pàgina generada té format HTML i és interpretada pels navegadors dels clients, però la pàgina original està escrita en un altre llenguatge.

Amb PHP i ASP es poden fer formularis i aplicacions molt més potents. Permeten treballar amb bases de dades, servidors de correu... és un altre món.

Si voleu aprofondir sobre el tema dels llenguatges interpretats en el servidor, hi ha un curs telemàtic, el D116, anomenat Creació i gestió d'entorns web dinàmics (PHP), que fa una introducció al llenguatge PHP i les seves aplicacions.