Tutorial de Diseño Web y CSS

Duración60 h
Unidades6
FormatoSCORM 1.2

Sobre este contenido

En la actualidad, Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web, con este scorm online se aprenden los conceptos previos para el diseño web con esta gran aplicación. Además se aprenderán diferentes técnicas para la aplicación del CSS en el diseño web.

A quién va dirigido

El scorm online se dirige a personas que, sin experiencia previa en el diseño y programación de páginas web, deseen por motivos personales o profesionales adquirir los conocimientos necesarios sobre diseño y programación para crear componentes web y poder utilizarlos en la compilación y generación de páginas web para su posterior publicación.

Temario

6 unidades didácticas · 60 horas

Campo 1Diseño web y CSS6 unidades

SCORM 1

Presentación de los contenidos

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

SCORM 2

Conceptos básicos y novedades acerca de dreamweaver CS6

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

SCORM 3

Sitios y documentos web

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.
Configurar un sitio Web.
Administrar y editar sitios Web.
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.
Espacio de trabajo de Dreamweaver CS6
Vistas del documento: Código, Código dividida, Diseño, en vivo.
Propiedades de la página: CSS, HTML
Prácticas.

SCORM 4

Introducción CSS

Introducción CSS
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la Web?
Estilo básico
Medios CSS
Comentarios
Sintaxis de la definición

SCORM 5

Selectores, unidades de medida y colores

Selectores CSS
Unidades de medida
Colores

SCORM 6

Modelos de cajas, posicionamiento y visualización

Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización

Palabras clave

Arrays
Audio
Avanzado
Canvas
Código
CSS3
curso
diseño
DOM
JavaScript
lenguaje
Navegadores
páginas
programacion

Más contenidos de Informática y Programación

Ver los 16 →