CURSO DE DISEÑO WEB INTEGRAL 2013

CONTENIDOS A DESARROLLAR

Clase 01
INTRODUCCION A HTML
3 horas reloj

• Presentación del programa de estudios, del sistema de aprendizaje y equipo a cargo.

• Conceptos iniciales sobre páginas web.
• Introducción a HTML.
• Etiquetas estructurales.
• Textos, imágenes, vínculos, tablas.
• Trabajo práctico e instalación de programas.

Clase 02
DREAMWEAVER
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Interfaz de uso y configuraciones.
• Configurar un sitio en Dreamwever.
• Principales objetos HTML con DREAMWEAVER, encabezados, párrafos, negrita, inclinado,
subrayado, vínculos, imágenes, área interactiva, tablas, combinar celdas.
• Estructuración web.
• Mapa de un sitio, la importancia de un boceto.
• Vinculación, principio de navegabilidad. Mi primer sitio web.
• Trabajo práctico.

Clase 03
CSS ESTILOS
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Estructura de programación con CSS (hojas de estilos en cascada).
• Selectores globales, no globales y combinados.
• Aplicaciones de estilos sobre HTML.
• Mejoras estéticas de nuestro primer sitio con estilos CSS.
• Trabajo práctico.
Clase 04
CSS CAPAS
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Presentación de diferentes estructuras webs.
• Estructura de programación por capas con CSS.
• Uso de DIV y posición de las capas.
• Estructuración de una página HTML a través de DIV con CSS.
• Trabajo práctico.

Clase 05
PHOTOSHOP INICIO
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Interfaz de uso, capas, herramientas, atajos de teclado.
• Cómo trabajar de manera ordenada y en equipo con Photoshop.
• Quitar el fondo a una imagen, selección, pluma, máscaras.
• Cambiar de color a una imagen.
• Reflejar objetos simples y en perspectiva.
• Trabajo práctico.

Clase 06
PHOTOSHOP MEDIO
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Textos, editar, renderizar, convertir en forma.
• Textos y formas en 3D.
• Texturas planas y orgánicas.
• Terminaciones de calidad sobre una composición.
• Sombras e iluminaciones.
• Conmutar panel de pinceles. Uso avanzado del pinceles.
• Trabajo práctico.

Clase 07
PHOTOSHOP AVANZADO
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Construir objetos para la web.
• Exportar para web y dispositivos, configuraciones.
• Construir a partir de una indentidad corporativa determinada una maqueta web.
• Optimizar con CSS la salida en XHTML desde PSD.
• Trabajo práctico.
Clase 08
HTML5 NUEVO!
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• HTML5 historia, presente y futuro.
• Instalación o actualización de programas, navegadores y herramientas.
• Configuración y novedades de Dreamwaver para trabajar con HTML5 y CSS3.
• Estructura y semántica.
• Multimedia: Video y Audio.
• Gráficos SVG.
• Formularios.
• Trabajo práctico.

Clase 09
CSS3 NUEVO!
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Tipo de selectores, relaciones y jerarquías.
• Bordes y sombras.
• Imágenes, fondos y degradados.
• Colores y transparencias.
• Fuentes personalizadas.
• Trabajo práctico.

Clase 10
OPTIMIZACIÓN CON PHOTOSHOP, HTML5 y CSS3 NUEVO!
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Optimizar con CSS3 la salida en HTML5 desde PSD.
• Optimización para diferentes navegadores.
• Trabajo práctico.

Clase 11
PHP INICIO
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Introducción al lenguaje de programación en PHP. Objetos, funciones, variables y condicio-
nales.
• Instalar Wamp o Mamp.
• Configurar un sitio en Dreamwever para utilizar PHP.
• Manejar operaciones con variables.
• Enviar y recibir datos a través de formularios.
• Comportamiento dinámico de la información a través de condicionales.
• Combinar de PHP con CSS.
• Trabajo práctico.
Clase 12
PHP FORMULARIOS y NAVEGABILIDAD
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Crear un formulario de contacto. Función MAIL().
• Crear respuestas personalizadas.
• Subir archivos al servidor y probar todo online.
• Principio de navegabilidad con PHP utilizando SWITCH() e INCLUDE().
• Trabajo práctico.

Clase 13
PHP y MySQL
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Introducción a base de datos
• Creación de base de datos por PHPMyAdmin, tablas, campos y privilegios.
• Interpretar y manipular el lenguaje SQL de las BD.
• Insertar información desde un formulario a una base de datos.
• Trabajo práctico.

Clase 14
PHP CMS INSERTAR, VER, BORRAR y EDITAR
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Interpretar el concepto de gestionar dinámicamente un contenido web.
• Bocetar un Sistema de Manejo de Contenidos o CMS.
• Insertar, ver, borrar y editar datos a través de formularios, PHP y base de datos MySQL.
• Enlazar la base de datos a una página pública para visualizar el contenido dinámicamente.
• Trabajo práctico.

Clase 15
PHP CMS IMÁGENES y TINNY MCE
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Proceso de imágenes por lote con Firework.
• Armar un sistema de upload de imágenes.
• Insertar imágenes en un sistema de gestión de noticias.
• Visualizar imágenes en las páginas públicas y privadas.
• Mejorar con CSS estéticamente mi CMS.
• Instalarle al sistema un editor TinnyMCE.
• Trabajo práctico.
Clase 16
PHP CMS ENLAZAR A PÁGINAS PÚBLICAS y PAGINAR
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Mejorar estéticamente la presentación de la información dinámica en mis páginas públicas.
• Estructurar las presentaciones previas y el desarrollo completo de una noticia o producto.
• Paginar la presentación de las presentaciones previas de cada categoría.
• Trabajo práctico.

Clase 17
PHP CMS CATEGORIA, MENÚS y SEGURIDAD
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Categorizar las noticias para mejorar el acceso a la información por los navegantes.
• Armar un menú con las categorias de las noticias o productos.
• Generar el acceso exclusivo para los dueños al panel de control del sistema.
• Vedar el contendido del sistema a los navegantes que no accedan por el sistema de acceso.
• Cerrar la sesión como usuario.
• Trabajo práctico.

Clase 18
AJAX con PHP
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Investigar sobre los recursos Ajax disponibles en la web.
• Descargar, instalar y personalizar galerías de imágenes (lightbox), menús desplegables y
contenidos con deslizamiento (slider).
• Adaptar los recursos Ajax con el sistema de manejo de contenido PHP.
• Armar galerías de imágenes dinámicas.
• Armar contenido con Slider dinámico.
• Trabajo práctico.

Clase 19
PLUGINS SOCIALES NUEVO!
3 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Títulos y metadatos.
• Facebook Social Plugins: like button, follow botton, comments, like box.
• Twitter Social Plugins: compartir enlace, seguir, etiquetar, mensionar.
• Google Plus : share, boton +1, badge.
• Pinterest Social Plugins: pin it.
• LinkedIn Social Plugins: share, follow company, recommend.
• Trabajo práctico.
Clase 2O (ON-LINE)
SERVIDORES, DOMINIOS Y GOOGLE
5 horas reloj

• Espacio para responder a consultas sobre el práctico de la semana.

• Consultar y registrar un dominio.com.ar.
• Consultar sobre la disponibilidad de un dominio.com.
• Lectura de la información de un hosting referidas a delegaciones y DNS.
• Etica al registrar dominios de 3ros.
• Subir un sitio completo a un Hosting. Configurar un FTP.
• Interfaz de un Hosting. Administrar bases de datos, cuentas de correo, FTP y subdominios.
• Seguridad al manejar un Hosting.
• Dar de alta un sitio en Google. Tips de programación y nombres de archivos.
• Analizar estadísticas de un sitio con Google Analytics.
• Despedida y recomendaciones.

MATERIAL ONLINE ADICIONAL

Clase 21 (Grabada y solo disponible dentro de la plataforma)

FLASH con AS 2.0
3 horas reloj

• Introducción a la interfaz de uso de Flash. Capas, fotogramas, herramientas, línea de tiempo,

propiedades, acciones.
• Símbolos: botones y clip de películas.
• Interpolación de movimiento y de forma.
• Insertar SWF dentro de Dreamweaver.
• Transparencia de una película.
• Acciones simples.
• Crear funciones con Action Script 2.0. LoadMovie(), GetURL(), play(), stop().
• Cargar contenido externo.
• Crear una galería de imágenes con objetos externos.
• Crear una botonera azanzada.
• Crear un banner.
• Cargar un video en Flash.

PROGRAMAS QUE SE UTILIZARÁN

Adobe Suite CS5.5, Suitecase Fusion, WAMPServer o MAMPPro, FileZilla, Colour Spy, Chrome,
Mozilla, Opera, Safari, Internet Explorer y extensiones para cada navegador.

Andrés González
We b D eve l o p e r

Bisiesto | E-Commerce • Web • Graphic | Catamarca 41 - Piso 2 Oficina 7 - Ciudad – Mendoza

Tel: 261 5243733 | Cel: 261 156124254 | cursos@bisiestodesign.com | www.bisiestodesign.com

www.twitter.com/bisiestodesign - www.facebook.com/bisiestodesign