Dreamweaver - CS3

Lección 42: Formas (2)

42/58 Lecciones 

Propiedades Campo

Cuando el texto es seleccionado, encontramos varias configuraciones que podemos introducir para éste campo de texto, en la parte inferior de la ventana de propiedades.
Déjame ir sobre esto rapidamente.
Por dejar lejos, tenemos el ID del texto, en este caso “nombre”.
Encontramos la caja “ancho caracter”. Cuando escribimos un valor, este texto se vuelve más ancho o delgado.
Al centro de ellos encontramos el campo de “Máximos Caracteres”.
Cuando introduces un valor aquí, el usuario de la forma nunca puede exceder el número de caracteres que introduciste aquí para este campo de texto al ser llenado.
Además, hay tres “Tipos”: “Línea Sencilla”, “Multi línea” and “Contraseña”.

El tipo “Línea Sencilla” es un campo de texto con una regla que es obvia.
Escoge el tipo “Multi Línea”, esto cambiará el campo de texto a una “Area de Texto”.
Escoge el tipo “contraseña”, entonces el asterisco (*) aparecerá cuando alguien escriba en este campo de texto.
Y después tenemos la caja “Valor Inicial”. El texto que escribes en esta caja será desplegado en la “forma”. Obviamente, este puede ser eliminado por los usuarios.

Cuando hay un texto en un campo de texto, la ventana de propiedades parece un poco diferente. Puedes introducir un número de líneas que proveen la altura del campo de texto, ésto no tiene que ver con el número de caracteres que el usuario puede introducir, sólo el tamaño de la caja.
Y después tenemos la caja “Ajustar”.
En el “cuadro” tienes cuatro opciones: tienes “Por defecto”, “Apagado”, “Virtual”, y “Físico”.

Este determinará cómo es desplegado el texto cuando alguien escribe texto en la caja.

“Apagado” pondrá todo el texto en una sola línea, ciertamente no lo seleccionarás.

“Virtual” retornará el texto automaticamente cuando el usuario está escribiendo.

“Físico” sólo lo desplegará el texto cuando el usuario de la forma procese y presione la tecla Enter.

Y después tenemos “Por Defecto” el cual es lo mismo que “Virtual”, el cual pienso que es la mejor opción.
Quizá otro truco, si deseas cambiar algún texto en el campo de texto, o viceversa, sólo necesitas cambiar el “tipo” en la ventana de propiedades. No necesitas adicionar otra vez.

Casilla de verificación, botones radio y grupo de botones radio

La primera cosa que vamos a discutir es la casilla de verificación. Primero colocamos el cursor donde lo quieres.
Haz click en el botón “Casilla de Verificación” en la pestaña “Formas”.

Esto abrirá un diálogo de “Introducir Etiqueta Accessible Atributos”.
Si estas nervioso y quieres apagarlo para que no vuelva aparecer.
Haz click en “Editar” en la barra de menu y selecciona “Preferencias”. Escoge la categoría “Accesibilidad” y haz click en la caja para el texto “Objetos de Forma”, entonces estará no verificado.
La siguiente vez que añades objetos a tu forma, no será mostrado.
Si deseas que se re-abra después, entonces repite los mismos pasos, solo deja verificada la casilla.

Bueno, continuemos.
Entonces si hacemos click en la casilla de verificación “Checkbox”, Dreamweaver ha añadido la caja en tu documento. La diferencia entre una casilla de verificación y un botón radio es que tienes la posibilidad de seleccionar alguna o más opciones con la casilla verificada, pero solo puedes seleccionar una opción con los botones radio.
Cuando esto está seleccionado, tenemos varias opciones en las propiedades.
La primera opción es un nombre que puedes introducir en la caja, la segunda opción es “Valor Verificado” para la caja, y la tercera opción te dejará decidir si quieres desplegar la caja verificada o dejarla sin verificar en la forma.
Usamos casillas de verificación cuando los usuarios harán al menos una opción.

Usamos la opción “grupo de botones radio”, cuando el usuario tiene que hacer una sóla opción de un número x de opciones.
Otra vez, colocamos el cursor en el documento donde queramos insertarlo.
Hacemos click en el “grupo de botones radio” en la pestaña “Formas”.
Esto abrirá una ventana de diálogo donde introducimos un nombre de grupo en la caja superior.
Y en la ventana de abajo, damos varias opciones.
Hacemos click en el botón + para adicionar elementos, haz click en el elemento de la ventana para cambiar el texto de la “Label” o “Valor”.
Para eliminar un elemento, seleccionalo en la lista y haz click en la tecla -.
Para reorganizar elementos en la lista, selecciona el elemento y haz click en el botón con la flecha que apunta hacia arriba o hacia abajo.

Y en la parte inferior del diálogo tenemos 2 opciones.
Con la primer opción, varios elementos en la página están separados por un salto de línea.
La segunda opción desplegará una tabla que Dreamweaver creará para esto.
Yo escojo la segunda opción y hago click en el botón “Aceptar”.

Si deseas añadir una opción después, coloca el cursor en la parte inferior de la celda de la tabla y haz click en la tecla tabulación.
Esto te dará un renglón extra.
Con el cursor en ese renglón, haz click en el botón “Botón” en la pestaña “Formas”.
Esto pone el botón radio en la parte inferior de la tabla.
Todo lo que tienes que hacer es solo insertar el botón radio y escribir “nombre” y “valor Verificado” en la ventana de Propiedades.

Especialmente el nombre del botón es importante. TIENE que ser el mismo nombre que el del botón radio de arriba.

Increíble! Has completado Lección 42 INICIAR EL PROXIMO LECCIÓN