La Carrera de Diseño Profesional de Sitios Web está orientada a quienes estén interesados en iniciarse en la creación y diseño de Sitios Web de forma profesional.
A lo largo de la Carrera trabajarán con:
La arquitectura de una aplicación web y sus diferentes capas.
Administración de Sitios con Dreamweaver.
Diseño de Imágenes, botoneras, menúes desplegables, banners con Photoshop.
Fundamentos de animación y Diseño con Flash.
Requisitos
Buen manejo del sistema operativo Windows, en cualquiera de sus versiones.
Conceptos básicos de Internet.
Manejo de browsers ( IE Explorer o Netscape Navigator ).
Manejo de algún editor de texto, por ejemplo el block de notas.
No son necesarios conocimientos de diseño web o de programación.
Certificación y evaluación final
Se entrega certificado de asistencia al finalizar la cursada.
Si el alumno lo deseara podrá someterse a un proceso de Certificación opcional que constará de los siguientes pasos:
Entrevista con un cliente potencial (simulación)
Presentación de un prototipo de sitio que responda a las necesidades del cliente.
Evaluación del prototipo. Revisión (si es necesario)
Entrega final del trabajo.
Todos los trabajos aprobados serán publicados en el sitio del Centro con el curriculum del alumno.
--------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
Diseño Profesional de Sitios Web Dreamweaver
Duración: 15 horas
- Tabla de contenidos
- Introducción
Estructura básica del sitio
¿Qué es una página de índice?
Prácticas actuales de diseño web
¿Qué es XHTML?
¿Qué es JavaScript?
¿Qué es CSS?
- Convenciones de nomenclatura de archivos
La interfaz de Dreamweaver
La pantalla de bienvenida
Aplicación de herramientas
La barra de herramientas Documento
La organización de paneles
La gestión de las áreas de trabajo
El Inspector de Propiedades
Sitio de control
La definición de un nuevo sitio
La gestión de sitios
Gestión de archivos y carpetas
El establecimiento de un navegador por defecto
Creación de Nuevos Documentos
Creación de nuevos documentos
Declaraciones DOCTYPE
Nuevo documento, preferencias
Trabajo con modelos de páginas
Adición de Texto y la estructura
XHTML estructura
Estructuración de contenidos
Creación de listas
Obtener texto en Dreamweaver
Fundamentos de CSS
Comprensión hojas de estilo
Anatomía de una regla CSS
Configuración de preferencias de CSS
El panel de Estilos CSS
Control de las propiedades CSS a través del Inspector
Utilizando el navegador de código.
- Selectores
Herencia en selectores
Hojas de estilo externas
Control de Tipografía
Trabajar con unidades de medida
Declarar familias de fuentes
Controlar el tamaño de fuente
Control de peso y estilo
Altos de línea
Controlar el espaciamiento vertical con márgenes
Controlar el espaciamiento con relleno
Alineación de texto
Transformación de texto
Utilizando herencias para controlar los estilos
Trabajar con imágenes
Comprensión tipos de imagen
Gestión de activos en Dreamweaver
Ajuste de imagen de las preferencias de accesibilidad
Colocar imágenes en la página
Modificación de propiedades de la imagen
Personalización de imágenes a través de CSS
- Integración con Photoshop
Configuración de preferencias de edición de imagen externa
Imágenes de fondo
Creación de Enlaces
Enlace básico
Preferencias de configuración de vínculos en el sitio
La creación de vínculos en Dreamweaver
Vínculos absolutos
Usando el nombre de anclas
Vínculos a nombre anclas en archivos externos
Crear un vínculo de correo electrónico
- La creación de CSS basado en rollovers
Control de diseño con CSS
CSS estructuración básica
Estructuración con etiquetas DIV
El modelo de caja
Comprensión de flotadores
Utilización de flotadores
Uso de la posición relativa
Uso de la posición absoluta
Trabajar con Tablas
Revisión de estructura de tabla
Importación de datos tabulares
Creación de tablas accesibles
Uso de etiquetas thead y tbody
El cuadro básico de estilo
Estilizar encabezados de tablas
Estilizar grupos de columnas
Bordes personalizados de tabla
Agregando interactividad en las tablas
- Trabajo con formularios
Como trabaja un formulario
Diseño de formularios
Formularios accesibles
Configurar propiedades de formulario
La leyenda y etiquetas fieldset
Inserción de campos de texto
Inserción de lista de elementos de menú
Inserción de grupos botón
Inserción de casillas de verificación
Inserción de áreas de texto
Inserción de botones de enviar
Diseño de elementos
Agregando interactividad
Utilización de spry en formularios
- Creación de plantillas
La planificación de plantillas
Crear una nueva plantilla
Creación de atributos editables
Creación de páginas nuevas a partir de una plantilla
La aplicación de plantillas para las páginas existentes
Trabajar con plantillas anidadas
Trabajar con la repetición de las regiones
Modificación de las plantillas
Agregando interacción con el usuario
Comportamientos
Obteniendo mas comportamientos
Creación de rollovers
Ocultar y mostrar elementos
- Sprys
El uso de widgets Spry
Añadir widgets Spry
El uso de Live View y los archivos relacionados
Trabajo con Flash y Video
Inserción de archivos Flash
Configurar propiedades de Flash
La integración de Dreamweaver y Flash
Codificación de vídeo Flash
Adición de Video de Flash
La automatización de flujos de trabajo eficientes
--------------------------------------------------------------------------------------------------------------------------------------
Photoshop
Duración: 15 horas.
- Espacio de Trabajo en Photoshop
Descripción de menús, barras y paneles principales
Creación, apertura e importación de documentos
Conceptos generales de Mapas de bits, Gráficos vectoriales, Color.
Manejo de mapas de bits
Selección y edición
- Transformación y distorsión de imágenes
Efectos y filtros más utilizados
Ajustes y efectos especiales
Manejo de gráficos vectoriales
Dibujo y edición de trazado
Inserción y formateo de texto
Trucos, concepción estética
Manejo profesional de imagen
Edición de colores, rellenos especiales.
Filtros automáticos, aplicación, edición y estilos.
- Optimización de exportación.
Diseño de imágenes, logos, retoque.
Recortar imágenes
Inserción de divisiones
División y áreas interactivas
--------------------------------------------------------------------------------------------------------------------------------------
