Pginas Web Barcelona

Fernando ITrainer

Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se preere que los delegados tengan una experiencia bsica en HTML para un mayor entendimiento de las funciones avanzadas de ciertas aplicaciones. No son necesarios conocimientos previos en la creacin de pginas web. Objetivos: A la terminacin del curso los delegados sern capaces de disear y crear pginas web. Adems podrn familiarizarse con el cdigo fuente de pginas HTML as como los elementos de diseos utilizados en websites publicada en Internet. Podran oFinalmente los delegados construirn una pequea website usando imgenes, tablas, javascripts, formularios, animaciones ash, CSS y podrn optimizar sus pginas para diferentes resoluciones de pantalla y navegadores junto con la inscripcin de dichas pginas en buscadores como Google y Yahoo. Quin debe asistir: El curso va dirigido a personas que deseen adquirir los conocimientos necesarios para la creacin de pginas web. Dreamweaver permite la construccin de pginas web para personas sin previa experiencia en cdigo HTML y tambin es un complemento para profesionales que trabajan en campos como el diseo grco, edicin o programacin. El curso es basado en experiencia prctica. Temario del curso: El curso es una combinacin de aplicaciones como Photoshop, Dreamweaver y Flash. Junto con conocimientos avanzados de HTML, XHTML, CSS, Javascripts y tcnicas SEO.

HTML:
Capitulo 1: Terminologia y conocimientos basicos: - Qu es HTML? - Creacin de un documento HTML - Elementos de la etiqueta head de un documento HTML - Elementos de la etiqueta body de un documento HTML - Diseo bsico de fuentes - Diseo bsico de prrafos - Insertar y manipular algunos elementos basico de diseo - Cimientos de una pagina HTML - Visualisar la pagina HTML en un navegador - Ejercicio prctico Capitulo 2: Desarrollo en el diseo de fuentes: - Introduccin a los atributos de una etiqueta - Eleccin del tipo de fuente; fuentes disponibles en un documento HTML - Tamao disponible de fuentes - Ejercicio prctico Capitulo 3: Desarrollo en el diseo de prrafos - Diferencias entre las etiquetas BR y P - Diferencias entre H y P

Alineacin de prrafos; Izquierda, centro y derecha Espacios horizontales y verticales Ejercicio prctico Capitulo 4: Listas - Creacin de listas ordenadas - Creacin de listas no ordenadas - Creacin de listas de denicin - Creacin de listas anidadas - Combinacin de listas ordenadas, no ordenadas y de denicin en listas anidadas - Ejercicio prctico Capitulo 5: Enlaces - Qu es un enlace? - Enlaces absolutos y relativos - Enlaces dentro de la misma ventana o en una nueva ventana - Enlaces a otros documentos HTML - Enlaces a otros documentos diferentes a HTML: pdf, ash, quicktime movies etc. - Enlaces dentro del mismo documento HTML; Enlaces saltos - Ejercicio prctico Capitulo 6: Imgenes - Formatos de imgenes disponibles en cualquier navegador - Diferencias entre imgenes gif y jpeg - Insertar imgenes en un documento HTML - Resolucin y tamao de imgnes en un documento HTML - Manipulacin de imgenes; alineacin, bordes, altura, anchura, etc. - Texto alternativo de imagen - Usando imgenes como enlaces - Importancia de la etiqueta alt - Creacin de imgenes como fondo de pgina - Ejercicio prctico Capitulo 7: Tablas - Creacin de una tabla sencilla - Aadir un borde - Aadir atributos; color de fondo, alto, ancho, color de bordes etc - Aadir las y columnas - Aadir celdas que se extiendan varias las - Aadir celdas que se extiendan varias columnas - Aadir texto a las celdas - Aadir imgenes a las celdas - Combinar imgenes y texto en una misma celda - Valores absolutos y relativos de una tabla - Alineacin de tablas, las, columnas y contenido - Controlar el espacio entre celdas - Controlar el espacio dentro de una celda con su contenido - Uso de imgenes transparente gif para el diseo de una tabla - Ejercicio prctico

Dreamweaver:
Capitulo 1: Introduccin a aspectos bsicos de Dreamweaver: - Elementos bsicos de Dreamweaver - Vista cdigo, vista diseo - Conguracin de un nuevo sitio local - Conguracin de un nuevo sitio remoto - Establecer las preferencias; Navegador y editores - Ejercicio prctico Capitulo 2: Aadir contenido de texto: - Insertar y modicar texto en una pgina HTML - Establecer las propiedades de la pgina - El inspector de propiedades; formato bsico de texto - Creando listas de texto - Correccin ortogrca - Ejercicio prctico Capitulo 3: Aadir contenido grco: - Formatos de imgenes disponibles en cualquier navegador - Diferencias entre imgenes gif y jpeg - Insertar imgenes en un documento HTML - Resolucin y tamao de imgenes en un documento HTML - Manipulacin de imgenes; alineacin, borde, altura, anchura, etc. - Texto alternativo de imagen - Importancia de la etiqueta alt - Combinacin de texto e imgenes en un mismo documento - Alineacin de texto e imgenes - Creacin de imgenes como fondo de pgina - Mapas de imgenes - Ejercicio prctico Capitulo 4: Enlaces - Qu es un enlace? - Enlaces absolutos y relativos - Enlaces dentro de la misma ventana o en una nueva ventana - Enlaces a otros documentos HTML - Enlaces a otros documentos diferentes a HTML: email, pdf, ash, quicktime movies etc. - Enlaces de salto; Anchor points - Enlaces de salto entre diferentes documentos HTML - Diferencias entre; enlaces ordinarios, enlaces visitados, enlaces activos y enlaces hover - Manipulacin de los colores de los diferentes enlaces - Ejercicio prctico Capitulo 5: Tablas - Insertar una tabla

- Valores absolutos y relativos de una tabla - Alineacin de tablas, las, columnas y contenido - Controlar el espacio entre celdas - Controlar el espacio dentro de una celda con su contenido - Colores de fondo de tabla, celda, la y columna - Uso de imgenes transparente gif para el diseo de una tabla - Uso de imgenes de fondo en una tabla - Anidar tablas usando valores relativos y absolutos - Visualizar tablas en diferentes navegadores - Ejercicio prctico Capitulo 6: Marcos - Crear una pgina con marcos - Seleccionar y editar marcos - Enlazar marcos - Eliminar marcos - Visualizar marcos en el navegador - Ejercicio prctico Capitulo 7: Comportamientos -Qu son los comportamientos? - La ventana de comportamientos - Insertar algunos comportamientos; mensajes, carga previa de imgenes, etc. - Insertar comportamientos en el cdigo de una pgina HTML - Comportamientos en diferentes navegadores - Aplicaciones multimedia; Flash, javascripts, archivos de sonidos, etc. - Ejercicio prctico Capitulo 8: Formularios - Crear un formulario - Scripts asociados a formularios - Elementos de un formulario - Campos ocultos - Envo y recogida de un formulario - Ejercicio prctico Capitulo 9: Optimizar para buscadores: Google - Optimizar una pgina para buscadores; Metatags - Dar de alta una pgina en diferentes buscadores - Preparar enlaces para los buscadores - Crear una archivo de texto para buscadores; robots.txt - Ejercicio prctico Capitulo 10: Estilos, CSS - Introduccin a CSS - Diferentes clases de estilos CSS; Etiqueta, Clases y Avanzados - Crear y aplicar diferentes estilos CSS

- Plantilla de estilos - Modicar el archivo de estilos - Estilos CSS en diferentes navegadores - Ejercicio prctico Capitulo 11: Publicar la Web - Registrar un nombre - Comprar el alojamiento web - Conexiones FTP; Ventana de archivos - Subir archivos y carpetas a un servidor remoto - Bajar archivos y carpetas a un servidor remoto - Sincronizar los archivos locales con los archivos remotos o viceversa - Seguridad usando conexiones FTP - Ejercicio prctico

Flash:
Capitulo 1: Introduccin a Flash: - Elementos bsicos de Flash - Disposicin de las herramientas de Flash; Barra de herramientas, paneles y lnea de tiempo - Conguracin del escenario - Herramientas de precisin - Ejercicio prctico Capitulo 2: Aadir contenido grco y de texto: - La barra de herramienta - El panel de propiedades - Herramientas y paneles de dibujo - Trabajando con elementos creados en Flash - Importando vectores a Flash - Importando bitmaps a Flash - Ejercicio prctico Capitulo 3: Instancias, smbolos y el panel de biblioteca: - Diferentes clases de smbolos - Creando smbolos grcos - Creando smbolos botones - Creando smbolos clip de pelicula - Usando instancias de los smbolos - Creando un smbolo dentro de otro simbolo - Guardando smbolos; El panel de biblioteca - Cambiando las propiedades y funciones de los simbolos - Ejercicio prctico Capitulo 4: Aadiendo movimiento - Diferentes clases de animaciones - Animaciones de cuadros - Animaciones de forma - Animaciones de movimiento

- Elementos avanzados de animaciones - Efectos especiales en las animaciones - Combinando diferentes tipos de animaciones - Ejercicio prctico

Photoshop:
Captulo 1: Introduccin a Photoshop: - Diferencia entre una imagen bitmap y un grco vectorial - Diferentes clases de formatos para imgenes bitmap(imgenes de mapa de bits) - Introduccin a la caja de herramienta - Introduccin a las diferentes paletas - Resolucin de una imagen, profundidad y modo de color - Creacin de imgenes para impresin; 300dpi - Creacin de imgenes para web; 72ppi - Ejercicio prctico Captulo 2: Herramienta de texto - Creacin y modicacin de texto - Creacin y modicacin de mscara de texto - Color, orientacin, fuentes, estilos, tamao y suavizado de texto - Elementos de textos deformados - Estilos aplicados de capas de texto - Ejercicio prctico Captulo 3: Acciones y automatizacin - La ventana de acciones - Usando las acciones por defectos - Grabando nuestras propias acciones - Modicando las acciones - Creando una galera de fotografas web - Creando una hoja de contacto - Creando PSD desde PDF - Photomerge - Ejercicio prctico Captulo 4: Optimizacin de imgenes; ImageReady - Introduccon a ImageReady - Tamao de imagen y resolucin - Optimizando en formato JPG - Optimizando en formato GIF - Optimizando con transparencias - Guardando archivos en ImageReady - Guardando imagenes optimizadas en ImageReady; JPG y HTML - Usando la herramienta sector - Creando animaciones en ImageReady - Ejercicio prctico