Tutorial de Diseño Web y CSS

1. MÓDULO 1. DISEÑO WEB Y CSS

UNIDAD DIDÁCTICA 1. PRESENTACIÓN DE LOS CONTENIDOS

1. Objetivo del curso: Dreamweaver es uno de los programas más potentes para la creación de páginas Web.
2. Dirigido a: Diseñadores gráficos o Web que desean aprender a crear páginas Web.

UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS Y NOVEDADES ACERCA DE DREAMWEAVER CS6

1. ¿Que es un dominio de un sitio Web?
2. ¿Qué es un servidor Web? Clases de Alojamiento Web: Alojamiento Web gratis, Alojamiento compartido, Housing o colocation.
3. Resolución de pantalla y sus diferentes tamaños: Absoluto y relativo.
4. Lenguaje HTML: el lenguaje con el que se escriben las páginas Web.
5. Diferentes tipografías y colores en la Web
6. Prácticas

UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB

1. Sitios en Dreamweaver, Presenta los pasos a seguir para crear y configurar un sitio Web en el programa Macromedia Dreamweaver. Explica las diferencias entre el sitio local y sitio remoto, cómo organizarlos para albergar el contenido creado y las distintas formas de ver los archivos en el sitio local.
2. Configurar un sitio Web.
3. Administrar y editar sitios Web.
4. Crear y abrir documentos: Creación de una página en blanco, Creación de una plantilla en blanco, Creación de una página basada en un archivo de muestra de Dreamweaver CS6, Cómo abrir y editar documentos existentes.
5. Espacio de trabajo de Dreamweaver CS6
6. Vistas del documento: Código, Código dividida, Diseño, en vivo.
7. Propiedades de la página: CSS, HTML
8. Prácticas.

UNIDAD DIDÁCTICA 4. INTRODUCCIÓN CSS

1. Introducción CSS
2. Soporte de CSS en navegadores
3. Especificación oficial
4. Funcionamiento básico de CSS
5. ¿Cómo incluir CSS en la Web?
6. Estilo básico
7. Medios CSS
8. Comentarios
9. Sintaxis de la definición

UNIDAD DIDÁCTICA 5. SELECTORES, UNIDADES DE MEDIDA Y COLORES

1. Selectores CSS
2. Unidades de medida
3. Colores

UNIDAD DIDÁCTICA 6. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. Modelo de cajas
2. Propiedades de las cajas
3. Margen, relleno, bordes y modelo de cajas
4. Posicionamiento y visualización
5. Posicionamiento
6. Visualización