Universidad Tecnolgica Nacional

Facultad Regional Crdoba

Curso de Diseo y Desarrollo de Pginas Web - Inicial

Temario:

Tema 1: HTML
Introduccin al lenguaje.
Estructura de un documento HTML.
Pginas Estticas y Dinmicas.
Conceptos bsicos del Lenguaje.
o Etiquetas
o Atributos
o Valores
o Simetra
o Utilizacin de maysculas, espacios y comillas.
o Uso de caracteres.
Formato para Prrafos
o Formato, Etiquetas.
o Cabeceras.
o Tipos de letra.
Formato para Texto
o Tamao del texto.
o Color del texto.
o Tipo de letra.
Enlaces
o Enlaces internos.
o Enlaces Remotos.
o Enlaces con Direccin de Correo
o Enlaces con Archivos.
Listas
o Tipos de Listas
Ordenadas
Desordenadas
De Definiciones
Tablas
o Definicin de filas
o Definicin de celdas
o Tablas anidadas
Imgenes
o Alineacin respecto al texto.
o Tamao y Optimizacin de las imgenes.
Formularios
o Botones y Etiquetas
o Agrupacin de elementos
o Controles deshabilitados y de solo lectura
Marcos

Curso de Diseo y Desarrollo de Pginas Web - 1-

 Universidad Tecnolgica Nacional
Facultad Regional Crdoba

o Etiqueta <frameset>
o Etiqueta<frame>
o Como acceder a otros frames.

Tema 2: Hojas de Estilo (CSS)

Introduccin
Caractersticas y ventajas de las CSS.
Espaciados
o Entre lneas
o Entre caracteres
Para qu se utilizan las CCS?
o Estilo definido en pequeas partes de la pgina.
o Estilo definido en una parte de la pgina.
o Estilo definido para toda una pgina.
o Estilo definido para todo un sitio web.
o Estilo definido en un archivo externo.
Sintaxis CCS.
Atributos de las Hojas de Estilo.
o Para Prrafos.
o Para Fuentes.
o Para el Fondo.
Utilizacin de clases.
Aplicar estilo en los enlaces.
URL como valor de un atributo.

Tema 3: Microsoft FrontPage2002

Unidad 1.Introduccin a Frontpage2002.

Qu es Frontpage2002 y para qu sirve?

Integracin de FrontPage con Office2002.
Mi primer documento con FrontPage.
Arrancar Frontpage2002.
Crear la pgina Web.
Guardar la pgina Web.
Visualizar la pgina Web.
Cerrar FrontPage2002.
Compaginar sesiones
Conceptos iniciales

Unidad 2. Elementos Bsicos de FrontPage2002.

Elementos de la pantalla inicial.

La ayuda de FrontPage.
Mens inteligentes.

Curso de Diseo y Desarrollo de Pginas Web - 2-

 Universidad Tecnolgica Nacional
Facultad Regional Crdoba

Unidad 3. Introduccin a la configuracin de un sitio Web.

Qu es un sitio Web? Diseo previo.

Crear un boceto de la Web. Estructura de ficheros.
Crear un sitio Web sin conexin a Internet.
Configuracin del sitio.
Asistente para crear un sitio web.
Sitios Web predefinidos en FrontPage

Unidad 4. Formateo de texto.

Introducir texto. Tipo de letra, tamao, negrita, cursiva, subrayado.

Introducir prrafos. Uso de prrafos.
Introducir listas y vietas.
Temas de FrontPage.
Uso de WordArt.

Unidad 5. Imgenes.

Formato de imgenes: GIF Y JPG.

Insertar una imagen.
Cambiar el tamao de una imagen.
Usar una imagen como fondo de pgina.
Propiedades de la imagen.

Unidad 6. Hipervnculos.

Qu es un hipervnculo?
Tipos de hipervnculos.
Introducir hipervnculos en el texto.
Formato del hipervnculo.
Introducir hipervnculos en una imagen.
Destino del vnculo.
Quitar hipervnculos.
Las Anclas.
Mapas de imgenes.

Unidad 7. Tablas.

Las tablas en FrontPage.

Insertar una tabla.
Rellenar las celdas.
Seleccionar los elementos de la tabla.
Aadir y eliminar filas y columnas.
Cambiar el tamao de la tabla y de las celdas.
Dar formato a las celdas.
Poner una imagen de fondo.

Curso de Diseo y Desarrollo de Pginas Web - 3-

 Universidad Tecnolgica Nacional
Facultad Regional Crdoba

Anidar tablas.
Dividir celdas.
Combinar celdas.

Unidad 8. Marcos.

Los marcos en FrontPage.

Insertar un marco.
Guardar pginas con marcos.
Configurar un marco.
Las llamadas a un hipervnculo desde un marco.

Unidad 9. Formularios.

Qu es un formulario?
Elementos bsicos de un formulario.
Crear un formulario.
Insertar elementos en un formulario.
Configurar el formulario.

Unidad 10. Elementos Interactivos y multimedia.

Introduccin.
Botones para desplazarse
Botones con imagen
Botones con sonido
Aadir msica de fondo a la pgina Web.
Aadir un vdeo a la pgina Web.
Transicin entre pginas
Titulares animados
Marquesinas

Unidad 11. Hojas de Estilos.

Qu es una hoja de estilos?

Crear una hoja de estilos.
Modificar y aplicar una hoja de estilos.

Unidad 12. Plantillas

Qu es una plantilla?
Usar una plantilla.
Plantillas predefinidas de FrontPage.

Unidad 13. Mantenimiento y optimizacin de un sitio Web.

Informes del sitio web. Mantenimiento.

Vista de informes.

Curso de Diseo y Desarrollo de Pginas Web - 4-

 Universidad Tecnolgica Nacional
Facultad Regional Crdoba

Pginas lentas.
Hipervnculos.
Vista de Tareas.
Vista de exploracin.
Crear una barra de navegacin.
Vista de hipervnculos.
Diseo de la Web para varias resoluciones.

Unidad 14. Publicar en Internet.

Publicar en Internet.
Usar un programa FTP para subir la pgina.
Obtener una redireccin.

Curso de Diseo y Desarrollo de Pginas Web - 5-