Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Diseño de un formulario web - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Hola de nuevo, vamos a continuar diseñando nuestra página web y vamos a hacer la última página dentro de la estructura de nuestra página web.
00:00:00
La quinta página es una página de registro con formulario. ¿Qué quiere decir? Pues que es una página interactiva.
00:00:09
Le pide una serie de datos al usuario que este va a rellenar por medio de un formulario y nos lo va a enviar para recogerlos y nosotros hacer un tratamiento.
00:00:16
Como nosotros no tenemos la página web colgada en un servidor y no tenemos un programa adicional que recoge esa información,
00:00:24
cuando nosotros enviemos el formulario o nos va a dar un error, nos va a decir que no hay un programa que lo reciba o directamente no va a enviar los datos.
00:00:31
Pero bueno, está muy bien hacer un formulario para saber qué tipos de datos y de preguntas podemos realizar a los usuarios.
00:00:41
Vamos a ver un modelo de ejemplo de formulario.
00:00:49
Aquí tenemos el rótulo de nuestra página,
00:00:56
regístrate en nuestra página, una serie de información
00:00:57
y luego aquí puede el usuario completar el nombre,
00:01:00
el apellido, correo electrónico y edad.
00:01:04
Es decir, aquí tenemos un texto
00:01:06
y ese texto identifica la información que nos pide la página web
00:01:08
y luego tenemos ya otro tipo de preguntas de selección.
00:01:12
Es decir, estas son preguntas de selección por exclusión.
00:01:17
¿Qué significa? Que si yo pido el sexo o es varón o es mujer, pero no puede ser las dos cosas a la vez.
00:01:20
Es decir, no te permite seleccionar las dos opciones a la vez.
00:01:28
En cambio aquí sí tenemos casillas de verificación.
00:01:31
Desea recibir publicidad sobre deportes, que me gustan, ciencias, tecnología, sobre trabajo no necesito, ocio no quiero y sobre vivienda tampoco lo necesito.
00:01:34
si le doy a la opción enviar
00:01:45
como ya os he dicho nos va a dar un error
00:01:47
porque no está colgada la página web
00:01:49
y si le doy a restablecer es que borra todo el formulario
00:01:51
para poderlo rellenar nuevamente
00:01:54
para poder hacer esta página
00:01:56
lo siguiente que tengo que hacer es
00:01:58
abrir el programa Composer
00:02:00
y dentro del programa Composer
00:02:02
voy a abrir el archivo
00:02:05
correspondiente a mi espacio web
00:02:06
sistema solar que lo tengo en el escritorio
00:02:09
y la página de registro
00:02:11
la página está vacía
00:02:13
Solo cambié el color de texto y ahora voy a poner un rótulo.
00:02:15
Fíjate en nuestra página web.
00:02:24
Este es el rótulo.
00:02:26
Y ahora voy a pedir al usuario que introduzca el nombre.
00:02:27
Voy a formulario, campo de formulario, le digo que quiero un texto.
00:02:32
Y el nombre o el campo de formulario va a ser nombre.
00:02:37
Apellidos.
00:02:43
Y ahora voy y le digo lo mismo.
00:02:44
Formulario, campo de formulario.
00:02:50
Tipo, aquí aparecen todos los tipos de preguntas.
00:02:53
tipo texto y aquí pongo ap y los vamos a pedir el sexo si es hombre o mujer y ahí en función
00:02:55
ya podemos mandar un tipo de publicidad u otros datos entonces voy le digo sexo y voy a formulario
00:03:09
campo de formulario le voy a decir una casilla de botón radial y aquí voy a poner un grupo sexo
00:03:19
valor del campo hombre. Ya la he puesto y yo pongo ahora el texto hombre. Ahora voy y le digo campo
00:03:27
de formulario nuevamente, botón radial, nombre de grupo, sexo, valor del campo, mujer. La pongo
00:03:41
mujer. Y nos dejará seleccionar una u otra, pero no las dos. Ahora le voy a pedir
00:03:53
deseo recibir publicidad relacionada con los... Ya la vengo, le digo aquí campo de
00:04:01
formulario y ahora pongo una casilla de verificación, que sea en este caso
00:04:26
deportes, por ejemplo, deportes. Formulario, campo de formulario, cojo una casilla de verificación
00:04:34
y la siguiente es ciencias, ciencias. Pongo campo de formulario, pongo una casilla de
00:04:47
verificación, tecnología. Si os dais cuenta, me he equivocado y he puesto un campo de texto.
00:05:01
Tengo el mismo campo de formulario y en lugar de texto pongo casilla de verificación y
00:05:17
pongo tecnología. Y por último voy a poner una opción más en el campo de formulario, que es una
00:05:22
casilla de verificación y le voy a poner ocio. Ya tengo casi hecho mi formulario, ahora me quedaría
00:05:38
poner un botón para restablecer o borrar los datos y uno para enviar. Entonces voy y le digo
00:05:52
insertar campo de formulario y aquí botón de envío. Nombre de campo, enviar, enviará lo mismo.
00:05:57
Campo de formulario, botón de restablecimiento o borrado. Aceptamos, este si queréis lo podemos
00:06:13
centrar, este también lo podemos centrar, si nos dejan, ahora, y ya tenemos hecho nuestro formulario.
00:06:26
Podemos centrar este rótulo, aumentar el tamaño, cambiarle el color, vamos a poner un color azul oscuro, etc.
00:06:37
Y ahora lo siguiente que tenemos que hacer es guardar y una vez que hemos guardado podemos ir a ver el formulario de página que nos hemos creado.
00:06:52
Es importante que pongáis imágenes, aunque yo no he puesto.
00:07:03
Hablo, registro, nombre, Jaime Canhuesa Ortiz, hombre, y a mí lo que me gusta son los deportes, las ciencias y la tecnología.
00:07:07
Al darle enviar, ya os he dicho que no iba a funcionar, establecer, debería borrar los datos, aunque en este caso no me ha funcionado correctamente.
00:07:26
Bueno, y este es el último vídeo tutorial que nosotros hemos creado.
00:07:38
Es decir, esta página completa me la tenéis que entregar el viernes de esta semana
00:07:45
y ya estarán todas las páginas completas y toda la parte de diseño de página web acabada.
00:07:52
A la siguiente semana, el viernes, la última semana de mayo, el viernes de la última semana de mayo,
00:07:58
Tenemos un examen online de los que hemos realizado más corto porque tenemos mucha menos materia que la anterior vez.
00:08:03
Y bueno, este es el último videotutorial que os realizo ya en este curso.
00:08:11
Luego nos queda ya evaluar la tercera evaluación y aquellos que tengáis que ir a la evaluación ordinaria, pues prepararos para la evaluación ordinaria.
00:08:16
Bueno, deciros que espero que en septiembre podamos estar trabajando ya en el instituto y no tengamos que estar trabajando a distancia. Pero bueno, también ha sido una experiencia que nos ha permitido a los profesores aprender mucho, dar las clases de otro tipo y a vosotros adaptaros a otra forma de explicar y a trabajar, a trabajar mucho en casa y a veces sin podernos consultar.
00:08:25
Muchas gracias por vuestra atención, muchas gracias por vuestro trabajo y espero, lo dicho, que en septiembre nos podamos ver
00:08:51
Muchos de vosotros vais a pasar en bachillerato, en primero de bachillerato hay una asignatura también que es TICO
00:08:59
Que es informática, que es ampliación de esta y bueno, espero veros en primero de bachillerato a muchos de vosotros
00:09:05
Muchas gracias por vuestra atención, nos vemos pronto
00:09:12
- Subido por:
- Jaime S.
- Licencia:
- Dominio público
- Visualizaciones:
- 162
- Fecha:
- 10 de enero de 2022 - 20:35
- Visibilidad:
- Público
- Centro:
- IES GABRIEL CISNEROS
- Duración:
- 09′ 16″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 71.81 MBytes
