Diseño Web. Temario.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Diseño Web. Temario. www.capacitaciongrafica.com"

Julia Hidalgo Carrasco
hace 8 años
Vistas:

1 Diseño Web Temario

2 Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al finalizar el alumno tendra la capacidad de desarrollar sitios web complejos con un alto impacto visual. Durante el curso el alumno desarrollara 3 sitios web: informativo, dinámico e interativo, esto permitira mayor aprendizaje del alumno.

Al finalizar el alumno tendra la capacidad de desarrollar sitios web complejos con un alto impacto visual.

3 1- HTML Conceptos teóricos de diseño web Introducción al HTML Estructura de un documento HTML Cabecera de un documento <HEAD> <TITLE> <META> <BODY> Manejo de las etiquetas de uso más frecuente. Partes fundamentales de cualquier documento Lista desordenada y lista ordenada Tablas DIVS Creando enlaces (links) Insertando imágenes h1, h2 y p para organizar la información Importando recursos y administración de elementos - Vectores - Imágenes - integración photoshop - Video - Audio 2- CSS Introducción a las hojas de estilo Uso de la etiqueta <DIV> Creando una hoja de estilo dentro de un documento Definición de una hoja de estilo en un archivo externo Propiedades principales para definir estilos - Color de fondo - Imágenes de fondo - Formato de textos - Formato de Links - Márgenes Posición absoluta y relativa Altura y ancho de un bloque, propiedades width y height Maquetación de sitio web con CSS 3- Fireworks Introducción a Fireworks Imágenes vectoriales y mapa de bites Configurción de un documento Entorno de trabajo Barra de herramientas Trabajando con imágenes Optimización imágenes para la web Trabajando con filtros Dibujo de objetos vectoriales Herramienta de degradado Convertir un vector a un mapa de bites Trabajando con textos Trabajando con páginas Trabajando con layers Trabajando con máscaras Mezcla y transparencia Asignando ligas

administración de elementos - Vectores - Imágenes - integración photoshop - Video - Audio 2- CSS Introducción a las hojas de estilo Uso de la etiqueta <DIV> Creando una hoja de estilo dentro de un

4 Trabajando con divisiones Creación de divisiones html Añadir interactividad a las divisiones Trabajando con objetos Creación de botones Creación de un rollover simple Estados de un botón Creación de animaciones 4- Dreamweaver Espacio de trabajo Inspector de propiedades Creación de un sitio de prueba Vista previa en el navegador Creación de archivos HTML, PHP Y CSS Insertando imágenes Optimizar imágenes para web Vínculos entre páginas Vínculos de correo electrónico Añadir vínculos en imágenes y texto Maquetación de sitio web con CSS y HTML 5- Dreamweaver PHP Y MYSQL Creación de Formularios Trabajando con sitios dinámicos Introducción a PHP y MYSQL Configuración del Servidor de prueba (MAMP Y WAMP) Formularios con PHP y MYSQL Comportamientos de Servidor - Conexión a la base de datos - Insertar Registros - Juego de Registros - Modificar Registros - Eliminar Registros - Acceso a usuarios Diseño y desarrollo de un Catálogo de Productos Publicación via FTP de un sitio web Tips para un buen posicionamiento SEO Adobe Edge Animate es una nueva herramienta de diseño que permite la creación de animación basada en web e interactividad en HTML5, CSS3 y JavaScript. Edge Animate permite a los usuarios crear animación sin tener que escribir miles de líneas de código y su interfaz moderna ayuda a los diseñadores a construir gráficos refinados usando un flujo de trabajo sencillo. Este curso es ideal para diseñadores web que deseen destacar el contenido de sus sitios por medio de animaciones e interacción. Los desarrolladores de Flash también se beneficiarán con este curso. 4- Adobe Edge Animate Estándares actuales de animación para web Interfaz de Edge Animate Trabajando con elementos gráficos Creación de animaciones Interactividad mediante scripts Animaciones responsive Compatibilidad con navegadores anteriores Publicación de contenido

imágenes para web Vínculos entre páginas Vínculos de correo electrónico Añadir vínculos en imágenes y texto Maquetación de sitio web con CSS y HTML 5- Dreamweaver PHP Y MYSQL Creación de Formularios

5 Calle Dr. Barragan No. 766 Int 4 Col. Narvarte México D.F

Documentos relacionados

Páginas Web Barcelona

Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML