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.

Presentación del tema: "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."— Transcripción de la presentación:

1 Sergio Cubero Introducción a las Páginas Web

2 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 Plantillas del Frontpage Crear una sección de descarga. Utilidades

3 ¿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:

4 Creamos nueva carpeta en el “SITE”

5

6 Importar Archivo al Web

7 Creamos un nuevo vinculo pero esta vez nos llevará a un archivo a descargar Enlace

8 Resultado

9 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ágina Crea 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.

10 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.

11 Autoformato de Tablas Una vez creada la tabla la seleccionamos toda con el ratón y ….

12 Convertir texto en Tablas

13 Eliminar Tablas La seleccionamos con el cursor del ratón y mediante el botón derecho “Eliminar celdas”

14 Insertar Filas Insertar Columnas Eliminar Celdas Combinar celdas Dividir celdas Trabajar con tablas

15 Anidar Tablas

16 Trabajar con el espacio

17 Crear nuestro sitio Web Creación de páginas con plantillas del Frontpage

18 Conjunto Web

19 Aplicar Temas

20 Propiedades de la Barra de Vínculos

21 Menú de exploración

22 Formularios “FormMail” http://www.uv.es/ciuv/cas/web/htmlgen.html <!-- En la variable "subject" pon el asunto que quieres que aparezca en el mensaje --> <!-- Si una de las variables se llama "email", el mensaje llegara con esa direccion de remite --> Quién envía el mensaje: <!-- Si una de las variables se llama "realname", el mensaje llegara con esa nombre de remitente --> Nombre de quién envía el mensaje: Un campo de texto sencillo:

23 Barra de formato Salto de línea Parrafos Justificado

24 Insertar Imagen de Fondo

25 Sustituir Texto web (Buscar/Reemplazar) A veces en nuestro sitio web necesitaremos buscar y reemplazar alguna palabra porque ha cambiado

26 Estilo dentro de la página web Hoja de estilo ubicada dentro de la página web Lugar para modificar las reglas CSS

27 Vincular la página o páginas a otra hoja de estilos

28 Insertar Fecha y hora

29 Insertar componentes dinámicos

30 Añadir lineas Horizontales con Frontpage Utilizadas para la separación de los contenidos Propiedades de la línea Horizontal (Botón derecho)

31 AGRADECIMIENTOS RUEGOS Y PREGUNTAS