Diseño y programación Web. Conceptos básicos Sesión 1 Maestría en Medios Interactivos Propedéutico 2010 Universidad Tecnológica de la Mixteca

1. MAESTRÍA EN MEDIOS INTERACTIVOS
Curso Propedéutico
2010

2. PRESENTACIÓN DEL CURSO
01

3. CONTENIDO
• Bienvenida
• Descripción del curso
• Temario
• Bibliografía para el curso

4. BIENVENIDA
ID Víctor M. García Luna, MMI
Diseño de Medios Impresos
PostProducción contenidos audiovisuales
Diseño de Interacción (IxD)
Laboratorio de Medios Digitales
Sala de Edición digital
Set de grabación de audio y video
Sala de Planeación de Proyectos
Horario:
Lunes a Viernes: 9:00 - 19:00hrs.
Sábado: 9:00 - 14:00hrs.

5. DESCRIPCIÓN DEL CURSO
• Nombre del curso: “Diseño y • Conceptos clave:
programación web, conceptos básicos”
• Diseño web
• Duración: 5 semanas (16 de agosto-17 de
septiembre 2010) • Ilustración vectorial
• Horario: 11:00-13:00hrs • Edición de imágenes
• Objetivo: Capacitar al alumno en • HTML
habilidades y conocimientos teórico-prácticos
para diseñar el layout de una página web y • CSS
programar su contenido, presentación y
• Java Script
comportamiento con HTML, CSS y JS a un
nivel básico.

6. TEMARIO
• 01. Presentación • 06. Introducción a CSS
• 02. Introducción al diseño Web • Beneficios de CSS
• 03. HTML/CSS/JS, conceptos mínimos • Reglas CSS, selectores y
declaraciones básicos
• 04. Adobe CS, conceptos mínimos
• Selectores para color y fondo
• 05. Introducción a HTML
• Pensar dentro de una caja: padding,
• Estructura básica border y margin
• Agregando texto, enlaces e imágenes • El don de fluir: float y position
• Tablas y formularios
• Estándares Web, importancia

7. TEMARIO
• 07. Introducción a JavaScript • 08. Creación de un sitio Web básico
• JavaScript y HTML • Definición del sitio y planeación
• Elementos básicos • Arquitectura de Información
• Entrada y Salida • Diseño de Layout en Adobe
Photoshop
• Tipos de Datos
• Preparar gráficos para Web en Adobe
• Operadores y expresiones básicos Illustrator
• Funciones y eventos • El paso de la muerte, de .PSD a HTML/
CSS
• Objetos
• Validación, depuración y colocación
• JQuery, todo lo demás no importa

8. TEMARIO 02
opcional
• 01. Introducción a ActionScript 3.0 • 02. Introducción a Adobe Flash Builder 4
• Objetos y clases • Naturaleza de los proyectos en Adobe
Flash Builder
• Paquetes y espacios de nombres
• Proyecto Flex
• Variables
• Proyecto ActionScript
• Tipos de datos
• Proyecto Flash
• Operadores
• Programar en Flash Builder
• Condicionales
• Desarrollo de aplicación básica
• Funciones
• Interfaces

9. BIBLIOGRAFÍA
Teoría
• Krug, Steve, No me hagas pensar. México: Prentice Hall, 2a edición, 2000
• Nielsen, Jakob, Usabilidad. Diseño de sitios Web. México: Pearson Education, 2000
Práctica
• Niederst, Jennifer, Learning Web Design. USA: O’Reilly, 3a edición, 2007
• y miles de sitios web...

10. Siguiente sesión:
02. INTRODUCCIÓN AL DISEÑO WEB