![Page 1: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/1.jpg)
Sergio Cubero
Introducción a las Páginas Web
![Page 2: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/2.jpg)
Sesión 3Sesión 3
12:00-12:30:
12:30-13:00:
13:00-13:30: 12:00-13:30:
13:30-14:00:
14:00-14:30:
Tablas
Formularios
Plantillas del Frontpage
Crear una sección de descarga.
Utilidades
![Page 3: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/3.jpg)
¿Sabes crear un nuevo sitio web y conectarte a él?
¿Sabes crear o modificar enlaces a páginas, correos o archivos?
¿Sabes trabajar con las plantillas de la UV?
¿Sabes añadir/borrar nuevas páginas?
¿Sabes añadir imagenes?
¿Sabes añadir/cambiar secciones de texto en las plantillas?
¿Sabes añadir/cambiar el título a la página web?
Encuesta:
![Page 4: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/4.jpg)
Creamos nueva carpeta en el “SITE”
![Page 5: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/5.jpg)
![Page 6: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/6.jpg)
Importar Archivo al Web
![Page 7: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/7.jpg)
Creamos un nuevo vinculo pero esta vez nos llevará a un archivo a descargar
Enlace
![Page 8: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/8.jpg)
Resultado
![Page 9: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/9.jpg)
Creación y edición de Tablas
Sirven para organizar el contenido en sentido horizontal
Controlan con precisión el diseño de la páginaCrea una cuadrícula donde colocar los diferentes elementos de la web (texto, imagénes…)
Es importante preparar en papel el diseño previo de la web a construir con tablas.
![Page 10: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/10.jpg)
Casi siempre trataremos de que los bordes de la tabla no se vea por lo que los pondremos a 0
Bordes de las Tablas
Desde Menú “Tabla” Desde el botón derecho del ratón “Propiedades de la tabla”
Las tablas centradas en la página y con un ancho de 728 px.
![Page 11: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/11.jpg)
Autoformato de Tablas
Una vez creada la tabla la seleccionamos toda con el ratón y ….
![Page 12: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/12.jpg)
Convertir texto en Tablas
![Page 13: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/13.jpg)
Eliminar Tablas
La seleccionamos con el cursor del ratón y mediante el botón derecho “Eliminar celdas”
![Page 14: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/14.jpg)
Insertar Filas
Insertar Columnas
Eliminar Celdas
Combinar celdas
Dividir celdas
Trabajar con tablas
![Page 15: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/15.jpg)
Anidar Tablas
![Page 16: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/16.jpg)
Trabajar con el espacio
![Page 17: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/17.jpg)
Crear nuestro sitio WebCrear nuestro sitio Web
Creación de páginas con plantillas del Frontpage
![Page 18: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/18.jpg)
Conjunto Web
![Page 19: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/19.jpg)
Aplicar Temas
![Page 20: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/20.jpg)
Propiedades de la Barra de Vínculos
![Page 21: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/21.jpg)
Menú de exploración
![Page 22: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/22.jpg)
Formularios “FormMail”Formularios “FormMail”http://www.uv.es/ciuv/cas/web/htmlgen.html
<FORM ACTION="/cgi-bin/FormMail.pl" METHOD=POST>
<!-- En la variable "recipient" pon la direccion de destino del mensaje -->
<INPUT TYPE="hidden" NAME="recipient" VALUE="[email protected]">
<!-- En la variable "subject" pon el asunto que quieres que aparezca en el mensaje -->
<INPUT TYPE="hidden" NAME="subject" VALUE="Formulario de prueba">
<!-- Aqui ya puedes incluir tus campos del formulario que desees -->
<!-- Si una de las variables se llama "email", el mensaje llegara con esa direccion de remite -->
Quién envía el mensaje:<br> <INPUT TYPE="text" NAME="email" VALUE="[email protected]"><p>
<!-- Si una de las variables se llama "realname", el mensaje llegara con esa nombre de remitente --> Nombre de quién envía el mensaje:<br> <INPUT TYPE="text" NAME="realname" VALUE="MiNombre Apell1 Apell2"><p> Un campo de texto sencillo:<br> <INPUT TYPE="text" NAME="text1" VALUE="Algo interesante"><p>
<INPUT TYPE="reset" VALUE="Borrar"><INPUT TYPE="submit" VALUE="Enviar">
</FORM>
![Page 23: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/23.jpg)
Barra de formato
Salto de línea
Parrafos
Justificado
![Page 24: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/24.jpg)
Insertar Imagen de FondoInsertar Imagen de Fondo
![Page 25: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/25.jpg)
Sustituir Texto web (Buscar/Reemplazar)
A veces en nuestro sitio web necesitaremos buscar y reemplazar alguna palabra porque ha cambiado
![Page 26: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/26.jpg)
Estilo dentro de la página web
Hoja de estilo ubicada dentro de la página web
Lugar para modificar las reglas CSS
![Page 27: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/27.jpg)
Vincular la página o páginas a otra hoja de estilos
![Page 28: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/28.jpg)
Insertar Fecha y hora
![Page 29: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/29.jpg)
Insertar componentes dinámicos
![Page 30: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/30.jpg)
Añadir lineas Horizontales con Frontpage
Utilizadas para la separación de los contenidos
Propiedades de la línea Horizontal (Botón derecho)
![Page 31: Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios](https://reader035.vdocuments.pub/reader035/viewer/2022081501/5665b4b91a28abb57c938964/html5/thumbnails/31.jpg)
AGRADECIMIENTOS AGRADECIMIENTOS
RUEGOS Y PREGUNTASRUEGOS Y PREGUNTAS