offer

 

Temario del curso de Diseño Web también disponible en PDF Curso diseño web

CURSO DE DISEÑO WEB

Duración 40 horas

 

Contenido:

Adobe Photoshop CC 10 Hrs.

Aprende el programa lider de manipulación de imagenes, ideal para el diseño de paginas web.

 

HTML5 10 Hrs.

Experimente los beneficios que le brinda HTML5 a su sitio web, ofreciendole dinamismo y funcionalidad al mismo tiempo.

 

Adobe Dreamweaver CC 10 Hrs.

El programa estándar para los diseñadores que integran elementos e imágenes para la creación de sitios web de impacto.

 

• Desarrollo de proyecto 10 horas

El curso de Diseño Web permitirá al alumno aplicar las herramientas aprendidas durante el curso para desarrollar sitios web, animaciones en HTML5, banners, gifs animados, interfaces, botones y elementos para poder integrar en un sitio web.

Photoshop CC

MODULO PHOTOSHOP
1. CONCEPTOS BASICOS DE PHOTOSHOPCurso de diseño web photoshop

Diseñando para las pantallas
Archivos base de Diseño web con Photoshop
Dimensión de pantalla y resolución
Flujo de trabajo PSD a HTML
Preparando Photoshop para web
Creando un documento nuevo para web
Creando un documento nuevo para mobile
Preparando una estructura responsive
Creando email newsletters


2. TRABAJANDO CON COLOR EN PHOTOSHOP

Ajustando las opciones de color en Photoshop
Entendiendo el color en web
Creando una paleta de colores
Creando muestras personalizadas
Aplicando color a formas y gráficos

3. TRABAJANDO CON CAPAS EN PHOTOSHOP

Explorando el panel de capas
Renombrando y agrupando capas
Búsqueda y filtrado de capas
Usar de manera eficiente las composiciones de capas
Usando la selección automática de capas

4. TRABAJANDO CON FORMAS Y OBJETOS EN PHOTOSHOP

Formas vectoriales y formas píxel
Creando formas vectoriales
Trabajando con rellenos y trazos
Trabajando con objetos inteligentes
Importando imágenes
Recortando y redimensionando imágenes
Creando prototipos en Photoshop

5. PLANEANDO EL PROYECTO CON PHOTOSHOP

Guías y Reglas
Usando un sistema de rejilla
Desarrollando una estructura con formas de capa
Ajustando al píxel

6. TRABAJANDO CON TEXTO EN PHOTOSHOP

Objetos de texto y párrafo de texto
Qué son las fuentes seguras para web
Insertando un texto de relleno
Creando y usando estilos de carácter
Creando y usando estilos de párrafo
Creando texto 3D editable

7. USANDO LOS ESTILOS DE CAPA EN PHOTOSHOP

Entendiendo los estilos de capa
Creando y usando sombra paralela
Creando mejores relieves
Simulando texturas metálicas
Salvando y aplicando estilos de capa
Convertir estilos de capa en capas independientes

8. CREANDO UNA MAQUETA WEB EN PHOTOSHOP

Empezando por el prototipo de nuestra maqueta web
Organizando la estructura de página
Añadiendo elementos maestros
Trabajando con fotografías
Trabajando con texto
Creando contenido de relleno
Creando botones
Creando campos de un formulario
Simulando páginas con las composiciones de capa

9. OPTIMIZANDO LOS GRAFICOS WEB EN PHOTOSHOP
Entendiendo la herramienta de sector
Creando sectores
Entendiendo los formatos de imagen para web
Explorando la ventana Salvar para web
Optimizando fotografías para web
Optimizando gráficos transparentes
Salvando gráficos Retina
Usando Image Generator

10. CREANDO SPRITES EN PHOTOSHOP

Entendiendo qué son los sprites
Creando un sprite
Creación de sprites con otras herramientas

11. AUTOMATIZANDO EL FLUJO DE TRABAJO EN PHOTOSHOP

Creando una acción básica
Explorando el procesado por lotes
Creando Droplets
Usando el comando Ajustar imagen
Usando el procesador de imágenes

12. TRABAJANDO CON OTRAS APLICACIONES DIFERENTES A PHOTOSHOP
Integrando archivos PSD con Dreamweaver
Integrando archivos PSD con Fireworks

 

curso de diseño web

Curso de Diseño Web. Ejemplo desarrollado en Adobe Photoshop

HTML5

MODULO DE HTML5
1. FORMULARIOS WEB
curso de diseño web html5 Nuevos campos
Validación en el cliente
Atributo Type
Estilos


2.AUDIO Y VIDEO
Contenedores de vídeo
Codecs de vídeo
Codecs de audio
Video en HTML5
Alternativas con HTML5 + JS
Etiqueta


3. DISEÑO RESPONSIVO


4. CANVAS
propiedades del escenario

curso de diseño web html5

Curso de diseño web. ejemplo de galeria con HTML5

Dreamweaver CC

1. INTRODUCCIÓN
Arquitectura de una pagina estática
curso de dreamweaver Introducción a Dreamweaver CC
Elementos Básicos de la interfaz de Dreamweaver CC
Definición de un Sitio Local


2. DESARROLLO
Cómo añadir contenido a un Sitio
Adición de Contenido
Formateo de la Estructura de un
Documento
Formateo del Texto
Configuración de las Propiedades de un Documento


3.MAQUETACION DEL SITIO WEB
Cómo Vincular Documentos
Qué son los Vínculos (Links)
Vinculación a archivos en Su Sitio
Vinculación a Anclas con Nombre (Named Anchors)
Adición de Vínculos con Correos Electrónicos
Cómo trabajar con Gráficos
Gráficos en las Páginas Web
Colocación de Gráficos en la Página
Modificación de las Propiedades de las Imágenes
Mapas de Imagen (Bitmaps)
Cómo Diseñar Páginas utilizando Divs (relative/absolute)
CSS (ID)
Diseño en la Vista de Disposición (LayoutView)
Utilización de Imágenes de Rastreo (TracingImages)


4. ENRIQUECIENDO EL HTML
Cómo usar las Plantillas y Bibliotecas
Creación de Plantillas de Sitio
Elementos de la Biblioteca de Sitio
iFRAMES (youtube, soundcloud, googlemaps)
Manejo de tipografía (Google Font, Font Face)

5. APLICACION DE FORMULARIOS
Creación de Formularios
Qué son los Formularios HTML
Procesamiento de Formularios
Configuración de la Navegación de un Formulario
Etiqueta Form
Textfield/text area/buttom
Vinculacion con PHP


6. MARCOS (FRAMES)
Cómo crear Marcos (Frames)
Qué son los Marcos (Frames) y Conjuntos de Marcos (Framesets)
Alteración de Marcos
Vinculación de Marcos
Hojas en Estilo Cascada (CSS – CascadingStyle Sheets)
Introducción de las CSS
Creación de una Nueva Hoja de Estilo
Utilización de Clases Personalizadas(Custom Classes)
Uso de Css Selector Styles
Adjuntar Hojas de Estilo Externas

7. HOJAS DE ESTILO (css)
Utilización de Estilos Incrustados
Cómo añadir Elementos de Pagina Interactivos
Utilización de Comportamientos
Creación de Sustituciones de Botón (Button Rollovers)
Creación de un Menú de Salto (Jump Menú)
Adición de Capas para Interactividad
Evaluación, Distribución y Mantenimiento
Evaluación de un Sitio

 

 

curso diseño web dreamweaver

Curso de Diseño Web. Dreamweaver

contact

Contacto

Pregunta acerca de nuestras promociones del curso de diseño web

Copyright © 2011 Mac School All rights reserved

--> Curso de diseño web en ciudad de mexico, curso de diseño web, curso de diseño editorial, curso de desarrollo de apps, curso de community manager, curso de edicion de video con after effectsm premiere, final cut, curso de programacion web con PHP y Mysql, curso de javascript, html5, jquery y ajax, cursos de diseño grafico, escuela de diseño grafico, curso de photoshop, illustrator, indesign y dreamweaver