CREACION DE PÁGINAS WEB

Transcripción

1 PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas con necesidad de crear, editar, mantener o conocer el diseño de un sitio web. MATERIAL A ENTREGAR: CD del curso tutorial del curso, material de apoyo.

2 -paso a paso lenguaje HTML 1. INTRODUCCION. Qué es HTML, Versiones de HTML, Los navegadores, Compatibilidad, Editores, Bloc de notas, Compaginar dos sesiones, Etiquetas, Mi primera página. 2. ESTRUCTURA DE UNA PÁGINA. identificador del tipo de documento <html>, Cabecera de la página <head>, Título de la página <title>, La etiqueta <meta>, Cuerpo del documento <body>, Colores en hexadecimal. 3. EL TEXTO. Caracteres especiales y espacios en blanco, Comentarios Saltos de línea <br>, Texto preformateado <pre>, Separadores <hr>, Sangrado de texto <blockquote>, Formatear el texto <font>, Resaltado del texto <b>..., Párrafos <p>..., Encabezados <h1>..., Marquesinas <marquee>, Las listas <li> HIPERENLACES. Hiperenlace <a>, Tipos de referencias, Destino del enlace, Formato de los enlaces, Puntos de fijación. Anclas, Otros tipos de enlaces. 5. IMÁGENES. Imagen <img>, Formatos de imagen, Texto alternativo <alt>, Borde de una imagen, Tamaño de una imagen, Alineación de una imagen. 6. TABLAS. Tabla <table>, Fila <tr>, Columna o celda <td>, Formato de la tabla, Formato de las celdas, Encabezado de columna <th>, Titulo de tabla <caption>, Combinar celdas. 7. MARCOS. Conjunto de marcos <frameset>, Marco <frame>, Sin marcos <noframes>, Destino del enlace. 8. FORMULARIOS. Formulario <form>, Áreas de texto <textarea>, Elementos de entrada <input>, Campos de selección <select> UTILITARIOS PARA INTERNET 10. JAVASCRIPT. Lenguajes de script, JavaScript <script> 11. PÁGINAS WEB DINÁMICAS, HTML dinámico, Programación web, el futuro de HTM XML

3 -paso a paso DREAMWEAVER 1. CONCEPTOS BÁSICOS. Qué es Dreamweaver MX, Instalación, HTML básico, Editar páginas Web, Cómo tener una página en Internet, Arrancar y cerrar Dreamweaver MX, Compaginar dos sesiones, Abrir y guardar documentos, Mi primera página. 2. CONFIGURACIÓN DE UN SITIO LOCAL. Crear o editar un sitio Web sin conexión a Internet, Asistente para agregar un sitio de red, Vistas del sitio, Comprobar tamaño para optimizar la carga, Propiedades del documento y colores. 3. TABLAS. Insertar una tabla, Rellenar las celdas, Seleccionar elementos de una tabla, Formato de tabla, Cambiar tamaño de tabla y celdas, Añadir y eliminar filas y columnas, Anidar, dividir y combinar celdas, Vistas de tabla. 4. EL TEXTO. Características del texto, Listas, Estilos HTML, Estilos CSS. 5. HIPERENLACES. Tipos de enlaces, Crear enlaces, Destino del enlace, Formato del enlace, Enlace a correo electrónico, Vínculos rotos. 6. IMÁGENES. Tipos de imágenes para una Web, Insertar una imagen, Cambiar el tamaño de una imagen, Mapas de imagen, Imagen de sustitución. Rollover, Botones Flash, Texto Flash, Barra de navegación. 7. FORMULARIOS. Elementos de formulario, Crear formularios, Validar formularios, programar formularios. 8. MULTIMEDÍA. Películas Flash, Sonido, Vídeos. 9. LAS PLANTILLAS. Crear plantillas, Establecer regiones editables en una plantilla, Basar páginas en una plantilla. 10. OTROS ELEMENTOS. Marquesinas, Fecha, Regla horizontal, Código de otras páginas, Adaptar Web a distintas resoluciones. 11. FUNCIONAMIENTO WEB. Como funciona un sitio Web, estructura y alojamiento, lenguaje html. 12. SUBIR UNA WEB A INTERNET paso a paso-. Como crear un alojamiento de páginas Web, Elección de hosting y dominio, proveedores de sitios Web, sitios gratuitos, sitios prepago, optimización de textos e imágenes, cuentas FTP, ficheros en Internet, actualización de un sitio Web.

4 DISEÑO Y EDICION GRAFICA PARA WEB con Photoshop 1. INTRODUCCIÓN A PHOTOSHOP. Qué es Photoshop, Instalación, Abrir una Imagen, Guardar una Imagen, Formatos de Imagen, Abrir un Nuevo Documento. 2. VENTANAS DEL ENTORNO PHOTOSHOP. El Área de Trabajo, La Barra de Menú, El Panel de Herramientas, La Barra de Estado, La Ventana Navegador, La Ventana Color, La Ventana Historia. 3. LAS HERRAMIENTAS DE BORRADO. La Herramienta Borrador, La Herramienta Borrador Mágico, La Herramienta Borrador de Fondos. 4. USO DE HERRAMIENTAS DE PINTURA Y EDICIÓN, La Herramienta Pincel, La Herramienta Lápiz, Opciones del Pincel y el Lápiz, El Concepto de Pincel, Crear Formas de Pincel, Combinaciones de Teclado, El Tampón de Motivo, El Tampón de Clonar, La Herramienta Degradado, Degradados Personalizados, La Herramienta Bote de Pintura. 5. MANEJO DE CAPAS. La Ventana Capas, Crear Nuevas Capas, Modificar Capas, Superposición de Capas, La Visibilidad de las Capas, La Herramienta Mover, Las Capas Enlazadas, Alineación y Distribución, Selección de Capas, Grupos de Capas, Bloquear las Capas, La Transformación, Las Máscaras de Capa. 6. LAS SELECCIONES. Trabajando con Selecciones Cortar, Copiar y Pegar, Las Herramientas de Selección de Marco, Las Herramientas de Selección de Lazo, La Herramienta Varita Mágica, Las Selecciones Personalizadas, Máscaras de Selección, La Superposición de Selecciones, Redimensionar la Imagen. 7. USO DE FORMAS Y TEXTO. Las Herramientas de Forma, El Texto 8. EDICIÓN AVANZADA DE CAPAS. Manejo de Estilos, Opciones de Fusión, Los Filtros. 9. FOTOGRAFÍA DIGITAL. Grietas, Rascaduras e Imperfecciones, Ojos Rojos, Aclarar u Oscurecer una Fotografía, Enfoque de una Fotografía, Otros Ajustes para Imágenes. 10. IMPRESIÓN DE IMÁGENES. Cambiando la Resolución de Imagen, Ajustando el Papel, Configurando la Imagen. 11. OPTIMIZACION DE IMÁGENES PARA WEB. 12. CREACION DE GIF ANIMADOS. 13. DISEÑO DE PÁGINA WEB. con imágenes editadas en Photoshop.

5 -paso a paso FLASH MX 1. INTRODUCCION. Como utilizar, porque usar FLASH, ventajas y desventajas, uso Javascript, ejemplos y usos, los primeros pasos, Realizando la animación. 2. CONOCIENDO EL ENTORNO FLASH MX. La Interfaz de FLASH, La Barra de Menús, La Línea de Tiempo, Las Capas, El Área de Trabajo, Las Vistas o Zooms, Los Paneles, Escenas, Fotogramas, Tipos y usos, Dibujar en FLASH. 3. LA BARRA DE HERRAMIENTAS. Herramientas Básicas, Herramientas Avanzadas, Opciones, El Panel Mezclador, El Panel Relleno. 4. TEXTOS. Propiedades de los Textos, Tipos de Textos, Texto Estático, Texto Dinámico, Texto de Entrada, Escribir textos 5. SONIDOS. Importar Sonidos, Propiedades de los Sonidos, Insertar un Sonido, Editar Sonidos, MP3 o WAV, Formatos de Audio, MP3 y WAV. 6. USO DE CAPAS. Las Capas. Entendámoslas, Trabajar con Capas, Trabajar con Capas. Opciones Avanzadas, Reorganizar las Capas, Tipos de Capas. 7. SÍMBOLOS. Qué son los Símbolos, Cómo crear los símbolos, Las Bibliotecas, Diferencia entre símbolo e Instancia, Modificar una Instancia, El Panel de Efectos sobre Instancias. 8. USO DE GRÁFICOS. Tipos de gráficos, Creando un gráfico y comprobando sus propiedades, Introducir un mapa de bits, Introducir un archivo vectorial, Exportar un objeto Flash como mapa de bits, animación, Tipos de Gráficos. 9. CLIPS DE PELÍCULA. Qué es un clip de película, comprobar las propiedades de un clip, crear un nuevo clip, importar y exportar clips de película, otros usos. 10. BOTONES. Qué es un Botón, Creación de un botón, Formas en los Botones, Botones de texto. La importancia de la Zona Activa, Incluir un Clip en un Botón, Acciones en los Botones, Incluir sonido en un Botón 11. ANIMACIONES DE MOVIMIENTO. La animación en Flash, Interpolación de Movimiento, Animación de textos, Animación de Líneas, Interpolación mediante Guía de Movimiento, Animaciones Fotograma a Fotograma. 12. TRANSFORMACIONES DE FORMA. Interpolación por Forma, Transformar Textos, Consejos de Forma. 13. EFECTOS SOBRE ANIMACIONES. Efectos sobre la Interpolación de Movimiento, Efectos sobre el símbolo Interpolado, Efecto Brillo, Efecto Tinta, Efecto Alpha. 14. GENERAR Y PUBLICAR PELÍCULAS. Consideraciones sobre el tamaño de las Películas, Pre-loader, Distribución como archivo swf en un reproductor autónomo, Distribución para páginas Web. 15. ACTIONSCRIPT. Qué es el ActionScript, el panel acciones, los operadores, las acciones, los objetos, las propiedades, conceptos iniciales de programación. 16. FLASH Y SU RELACIÓN CON UNA PAGINA WEB. Uso de películas y animaciones en una web, importación y optimización.

6 METODOLOGÍA En la mayoría de los casos Práctica 80% y repaso teórico de 20%. Entendimiento global del programa en el primer día de capacitación, se efectuaran ejercicios prácticos y evaluaciones interactivas para un mejor aprendizaje. LOGISTICA REQUERIDA Al ser el curso de carácter corporativo, la institución contratante debe proporcionar la logística necesaria para llevar a acabo la capacitación. Se necesita: - 1 computador de para una o dos personas. - Hojas para apuntes - En lo posible un proyector multimedia. MATERIAL Se entregara 1 CD interactivo del curso y ejercicios prácticos. DURACIÓN - Lenguaje HTML 10 horas - Dreamweaver 15 horas - Photoshop 15 horas - Flash MX 15 horas Nota.- El horario puede ser distribuido según sea más conveniente para la empresa y la disponibilidad de horario del capacitador. INVERSION - Capacitación Individual Bs (por paquete) - Grupos de 2 a 5 personas Bs (por paquete) - Grupos de 6 a 10 personas Bs (por paquete) Puede escoger el curso que mas considere necesario. MUCHAS GRACIAS POR SU ATENCION Esperamos trabajar con su empresa!!! Contactos: / eventos@internacionaleventos.com