Módulo 1. Estructura y maquetación Web
Introducción al diseño con estándares web
Conocer las tecnologías que forman parte de los estándares web y por qué su uso está revolu-cionando la forma de crear sitios web en la actualidad.

• XHTML 1.0 como lenguaje de estructura de datos e introducción al nuevo HTML5
• Hojas de estilo CSS2 y CSS3 como tecnología de presentación

Entender la importancia que tiene la separación del contenido y el diseño, lo que nos permite mayor productividad de cara a mantener proyectos web a medio y largo plazo, haciendo el pro-yecto compatible con un número mayor de navegadores y dispositivos, y reduciendo su peso, garantizando tiempos de carga menores.

Comprobar el grado de accesibilidad de un proyecto y conocer los mecanismos que permiten aumentar la compatibilidad de su uso, por parte de personas con algún tipo de discapacidad.

Introducción al SEO: optimización de un sitio web para su correcta indexabilidad por parte de los principales buscadores. Aprender las principales técnicas de optimización semántica para incre-mentar la relevancia y notoriedad del espacio web, lo que permitirá mejorar en la posición en los resultados de búsqueda.

Proporcionar los mecanismos necesarios para asegurar una correcta gestión de espacios web estándares.
XHTML 1.0 y HTML 5
• XHTML como lenguaje de estructuración de datos
• Diferencias entre XHTML 1.0 y otros lenguajes
• Terminología XHTML (elementos, etiquetas, atributos...)
• Tipos de documentos (DOCTYPE): Strict y Transitional
• Aplicación de semántica a la estructura
• Buena formación y validación de documentos XHTML
• Introducción a HTML 5
• Nuevas etiquetas en HTML 5




Etiquetas de estructura
• , y
• Diferencia entre etiquetas de estructura y etiquetas de presentación
• Elementos de línea y de bloque Párrafos

• Encabezados

,

,

,

,

,

• Listas: no ordenadas, ordenadas y de definición

,
,
1. ,

   ,

   ,

   
   • Saltos de línea
   
   • Citas de línea y de bloque

   
   • Abreviaturas y Acrónimos
   • Imágenes
   • Enlaces: relativos, absolutos, anclas, mapas de imágenes ,
   • Utilización de etiquetas de estructura con Adobe Dreamweaver CS5
   Imágenes
   • Imágenes
   • Tipos de archivo como imagen: .gif, .jpg y .png
   • Rutas absolutas, relativas a raíz de sitio y relativas a documento
   • Utilización de imágenes con Adobe Dreamweaver CS5
   Enlaces
   • Enlaces
   • Tipos de enlaces: absolutos, relativos, correo electrónico, descarga de archivos, anclas y mapas de imágenes
   • Utilización de enlaces con Adobe Dreamweaver CS5
   Formularios
   • Introducción a los formularios
   • Estructura básica:

   
   • Controles de formulario: , , <br /> • Botones de envío <br /> • Etiquetas <fieldset> y <legend> <br /> • Envío y recepción de datos <br /> • Usabilidad y accesibilidad en formularios <br /> • Utilización de formularios con Adobe Dreamweaver CS5<br /> Hojas de estilos (CSS)<br /> • Tipos de hojas de estilos: externas, embebidas y en línea <br /> • Sintaxis: selector, propiedad, valor <br /> • Planificación, organización y mantenimiento de CSS <br /> • Herencia y especificidad <br /> • Tipos de Selectores <br /> o universal <br /> o básico <br /> o contextual <br /> o clase <br /> o identificadores únicos <br /> o pseudoclases <br /> o hijo <br /> o adyacentes <br /> • Propiedades CSS 2.1: texto, bloque, listas, posición <br /> • Modelo de caja <br /> • Composición por flotación <br /> • Tipos de layout: fijo, líquido y elástico <br /> o posicionamiento <br /> o estático <br /> o absoluto <br /> o relativo <br /> o fijo <br /> • Estilos en formularios <br /> • Tipos de medios: pantalla e impresión <br /> • Introducción a los nuevos selectores y propiedades de CSS 3 <br /> • Utilización de CSS con Adobe Dreamweaver CS5<br /> Administración de sitios web<br /> • Organización y Administración de un sitio web <br /> • Arquitectura cliente/servidor <br /> • Configuración local y remota <br /> • Conexión FTP y local red <br /> • Sincronización y mantenimiento<br /> Módulo 2. Gestión de Proyectos y Dirección de Arte para Internet<br /> Conocer las principales técnicas de generación de espacios web, así como el proceso de desa-rrollo y sus distintas etapas. Aplicación de los conocimientos adquiridos en los otros módulos del curso al desarrollo de proyectos reales. <br /> <br /> Planificar y diseñar prototipos, ofreciendo una perspectiva global de todo el proceso de produc-ción de interactivos.<br /> <br /> Aplicación de Adobe Illustrator CS5 y Adobe Photoshop CS5 a la realización de prototipos e inter-faces interactivos.<br /> <br /> El alumno adquiere los recursos conceptuales, creativos y técnicos que permiten diseñar interfa-ces web.<br /> Experiencia de usuario <br /> • Criterios estéticos actuales <br /> • Usabilidad <br /> • Módulos de interacción (XHTML y Flash) <br /> Diseño de interfaz <br /> • Inspiración y recursos <br /> • Arborescencia y arquitectura de la información <br /> • Prototipado <br /> • Producción de interfaces <br /> Recursos y optimización web <br /> • Tratamiento de recursos multimedia <br /> • Optimización de imagen y vídeo <br /> • Localización de recursos en la web. Implicaciones legales<br /> Módulo 3. Diseño y Producción Interactiva con Adobe Flash CS5<br /> Conocer los principios básicos de animación y abordar el desarrollo de piezas interactivas en Flash. Comprender la importancia del módulo de interacción en cualquier pieza online y aprender a explotarlo de cara a mejorar la experiencia del usuario.<br /> <br /> Adquirir conocimientos básicos de las distintas disciplinas que rodean a la producción de piezas en Flash: imagen vectorial, mapas de bits, vídeo, audio e interactividad. Comprender las limitacio-nes del medio y de la herramienta Flash a nivel de accesibilidad.<br /> <br /> Dominar la herramienta Flash para ser capaz de llevar a cabo cualquier pieza interactiva no lineal o de animación lineal.<br /> Interfaz <br /> • Configuración personalizada <br /> • Procedimientos básicos <br /> • Barra de herramientas <br /> o Flecha <br /> o Subselección <br /> o Línea <br /> o Lazo <br /> o Pluma <br /> o Texto <br /> o Óvalo <br /> o Rectángulo <br /> o Lápiz <br /> o Pincel <br /> o Pincel Rociador <br /> o Deco <br /> o Transformación libre <br /> o Transformación de relleno <br /> o Transformación 3D y Rotación 3D <br /> o Bote de tinta <br /> o Cubo de pintura <br /> o Cuentagotas <br /> o Borrador <br /> Dibujo básico en Flash CS5<br /> • Trazos <br /> • Rellenos <br /> • Objetos de Dibujo <br /> • Grupos <br /> Texto <br /> • Edición de texto <br /> • Estático y dinámico <br /> Línea de tiempo <br /> • Capas (creación, edición, visibilidad, bloqueo) <br /> • Carpeta de capas <br /> • Papel cebolla <br /> Máscaras <br /> • Símbolos e instancias <br /> • Gráficos <br /> • Botones <br /> • Clip de película <br /> Trabajo con instancias <br /> • Duplicar, intercambiar, separar <br /> • Efectos de color (brillo, tinta, alfa, avanzado) <br /> • Filtros en botones y clips de película <br /> • Modos de fusión en clips de película <br /> Área de trabajo <br /> • Reglas<br /> • Cuadrícula <br /> • Guías <br /> Animación <br /> • Fotograma a fotograma <br /> • Nueva interpolación de movimiento <br /> • Editor de Movimiento <br /> • Interpolación de forma <br /> • Máscaras <br /> Imágenes <br /> • Importación de imágenes (GIF, JPEG, PNG…) <br /> • Trazar mapa de bits <br /> • Optimización <br /> 3D <br /> • Posición Z 3D <br /> • Rotación Z 3D <br /> Sonidos <br /> • Importación de sonidos <br /> • Sincronización evento y flujo <br /> • Edición de sonidos (efectos) <br /> • Optimización de exportación <br /> Vídeo en Flash <br /> • Importación de vídeos <br /> • Tipos de códec: On2VP6 y H.264 <br /> • Trabajo con Adobe Media Encoder <br /> • Creación de archivos .flv y .f4v <br /> • Trabajo con componentes <br /> Publicación <br /> • SWF <br /> • Insertar archivos Flash (.swf) en XHTML <br /> • Requisitos y opciones de publicación <br /> Actionscript para Diseñadores Web en Adobe Flash CS5<br /> • Introducción a Actionscript 3.0 <br /> • Procedimientos básicos (terminología y sintaxis) <br /> • Introducción a objetos, métodos, eventos y propiedades <br /> • Variables <br /> • Sentencias condicionales <br /> Prácticas AS3<br /> • Acciones de navegación <br /> • Carga y descarga de películas <br /> • Precargas básicas y avanzadas <br /> • Carga dinámica de imágenes - galería de fotos <br /> • Carga dinámica de textos <br /> • Scroll de texto <br /> • Reproductor de sonido <br /> • Reproductor de vídeo<br /></p></div></div><h2 class="results_h3r">¿Te interesa este curso?</h2><div id="frmEdwT4"><span></span></div><div class="relacionados" id="section-cursosrel"><div><div class="crelacomp"><h2 class="results_h3 h3 h3_comp">Cursos relacionados con: Curso Oficial de Creación y Animación de Proyectos Web y Multimedia</h2><div class="logocomp"><a href="#" class="btncomparar" id="btncomparar-57354" title="Comparar cursos">Comparar</a></div></div><table><tbody><tr><th scope="row"><span class="tdcu"><a class="crl" id="crl-157542" href="/curso/master-animacion-3d-personajes-madrid-presencial-157542/">Máster en Animación 3D de personajes</a></span><br /><span class="tdce"><a href="/centro/tad-centro-universitario-tecnologia-arte-digital-madrid-37589/">U-tad, Centro Universitario de Tecnología y Arte Digital</a></span></th><td>Presencial - Las Rozas (Madrid)</td></tr><tr><th scope="row"><span class="tdcu"><a class="crl" id="crl-157550" href="/curso/grado-animacion-digital-madrid-presencial-157550/">Grado en Animación Digital</a></span><br /><span class="tdce"><a href="/centro/tad-centro-universitario-tecnologia-arte-digital-madrid-37589/">U-tad, Centro Universitario de Tecnología y Arte Digital</a></span></th><td>Presencial - Las Rozas (Madrid)</td></tr><tr><th scope="row"><span class="tdcu"><a class="crl" id="crl-132745" href="/curso/master-superior-infografia-animacion-3d-madrid-presencial-132745/">MÁSTER SUPERIOR DE INFOGRAFÍA Y ANIMACIÓN 3D</a></span><br /><span class="tdce"><a href="/centro/trazos-madrid-11866/">Trazos_</a></span></th><td>Presencial - Madrid</td></tr><tr><th scope="row"><span class="tdcu"><a class="crl" id="crl-73679" href="/curso/master-creacion-desarrollo-contenidos-animaciones-multimedia-2d-3d-distancia-73679/">Master en Creación y Desarrollo de Contenidos y Animaciones Multimedia 2D / 3D</a></span><br /><span class="tdce"><a href="/centro/euroinnova-formacion-granada-18693/">Euroinnova Formación</a></span></th><td>Distancia</td></tr><tr><th scope="row"><span class="tdcu"><a class="crl" id="crl-132734" href="/curso/master-profesional-animacion-personajes-madrid-presencial-132734/">MÁSTER PROFESIONAL DE ANIMACIÓN DE PERSONAJES</a></span><br /><span class="tdce"><a href="/centro/trazos-madrid-11866/">Trazos_</a></span></th><td>Presencial - Madrid</td></tr></tbody></table><div class="clearer"></div></div><div class="clearer"></div><div><h2 class="results_h3 h3">Temas relacionados con: Curso Oficial de Creación y Animación de Proyectos Web y Multimedia</h2><div class="clearer"></div></div><ul><li><a href="/cursos-de/animacion-ordenador/" title="Cursos de Animación por ordenador">Animación por ordenador</a></li><li><a href="/cursos-de/autocad/" title="Cursos de Autocad">Autocad</a></li><li><a href="/cursos-de/creacion-audiovisual/" title="Cursos de Creación audiovisual">Creación audiovisual</a></li><li><a href="/cursos-de/creacion-videojuegos/" title="Cursos de Creación de Videojuegos">Creación de Videojuegos</a></li><li><a href="/cursos-de/3d/" title="Cursos de 3d">3d</a></li><li><a href="/cursos-de/3d-estudio/" title="Cursos de 3d estudio">3d estudio</a></li><li><a href="/cursos-de/animacion-digital/" title="Cursos de Animacion digital">Animacion digital</a></li><li><a href="/cursos-de/animacion-flash/" title="Cursos de Animacion en flash">Animacion en flash</a></li><li><a href="/cursos-de/comics/" title="Cursos de Comics">Comics</a></li></ul><div class="clearer"></div></div><div class="newsearch"><a class="anueva" href="/cursos/">Nueva búsqueda</a></div><div class="clearer"></div></div><div class="goads3fc"> <script type="text/javascript"> google_ad_client = "ca-pub-2007179201242248"; /* EDW-CUR-DET-728x90 */ google_ad_slot = "5507521919"; google_ad_width = 728; google_ad_height = 90; </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div><div class="clearer"></div><div class="clearer"><span></span></div><footer id="footer"><div class="footlinks"><div class="footermasbuscado">Cursos más buscados en educaweb</div><div class="footerlink"><a href="/cursos-formacion-de/marketing-ventas/" title="Cursos de Márketing y ventas">Cursos de Márketing y ventas</a></div><div class="footerlink"><a href="/masters-de/enfermeria/" title="Másters de Enfermería">Másters de Enfermería</a></div><div class="footerlink"><a href="/cursos-formacion-de/venta-formacion-comercial/" title="Cursos de Venta formación comercial">Cursos de Venta formación comercial</a></div><div class="footerlink"><a href="/cursos-formacion-de/direccion-ventas/" title="Cursos de Formación direccion ventas">Cursos de Formación direccion ventas</a></div><div class="footerlink"><a href="/cursos-formacion-de/formacion-enfermeria/" title="Cursos de Formación enfermería">Cursos de Formación enfermería</a></div><div class="footerlink"><a href="/cursos-formacion-de/ventas/" title="Cursos de Ventas">Cursos de Ventas</a></div><div class="footerlink"><a href="/cursos-formacion-de/fisioterapia/" title="Cursos de Fisioterapia">Cursos de Fisioterapia</a></div><div class="footerlink"><a href="/cursos-formacion-de/masaje/" title="Cursos de Masaje">Cursos de Masaje</a></div><div class="footerlink"><a href="/cursos-formacion-de/contabilidad/" title="Cursos de Contabilidad">Cursos de Contabilidad</a></div><div class="footerlink"><a href="/cursos-formacion-de/farmacia/" title="Cursos de Farmacia">Cursos de Farmacia</a></div><div class="footerlink"><a href="/masters-de/finanzas/" title="Másters de Finanzas">Másters de Finanzas</a></div><div class="footerlink"><a href="/cursos-formacion-de/finanzas/" title="Cursos de Finanzas">Cursos de Finanzas</a></div><div class="footerlink"><a href="/cursos-formacion-de/geriatria/" title="Cursos de Geriatría">Cursos de Geriatría</a></div><div class="footerlink"><a href="/cursos-formacion-de/auditor/" title="Cursos de Formación auditor">Cursos de Formación auditor</a></div><div class="footerlink"><a href="/cursos-formacion-de/fiscalidad/" title="Cursos de Fiscalidad">Cursos de Fiscalidad</a></div><div class="footerlink"><a href="/cursos-formacion-de/dietetica-nutricion/" title="Cursos de Dietetica y nutrición">Cursos de Dietetica y nutrición</a></div><div class="footerlink"><a href="/masters-de/recursos-humanos/" title="Másters de Recursos humanos">Másters de Recursos humanos</a></div><div class="footerlink"><a href="/cursos-formacion-de/recursos-humanos/" title="Cursos de Recursos humanos">Cursos de Recursos humanos</a></div><div class="footerlink"><a href="/cursos-formacion-de/dietetica/" title="Cursos de Dietética">Cursos de Dietética</a></div><div class="footerlink"><a href="/masters-de/nutricion/" title="Másters en nutrición">Másters en nutrición</a></div></div><div class="clearer"><span></span></div><div class="footerlinks"><ul><li><a href="/secciones/informacion-general/">Información General</a></li><li><a href="/secciones/servicios-webmasters/">Educaweb en tu web</a></li><li><a href="/secciones/sala-prensa/">Sala de prensa</a></li><li class="last"><a href="/publicidad/">Publicidad</a></li></ul><ul><li><a href="http://www.educaweb.br.com/">Brasil</a></li><li><a href="http://www.educaweb.mx/">México</a></li><li class="last"><a href="http://www.educaweb.cat/">Educaweb.cat</a></li></ul></div><div class="clearer"><span></span></div><div class="copy"><div class="h6"><a href="http://www.educaweb.com/">educaweb</a></div><p><a href="http://www.educaweb.com/">© Copyright Educaonline S.L. 1998-2012</a></p></div><div class="dep"><div class="h6"><a href="http://www.dep.net/publicacion/98/15-aniversario-dep.html" target="_blank">dep</a></div><p><a href="http://www.dep.net/arees.php?s=82&im=1&idio=2" target="_blank">DEP Consultoría Estratégica 1995-2012</a></p></div><div class="clearer"><span></span></div><div id="socialbar"><div class="socialbar-top"><span></span></div><div class="socialbar-bg"><div class="socialbar-items"> <span class='st_twitter_large'></span> <span class='st_facebook_large'></span> <span class='st_linkedin_large'></span> <span class='st_plusone_button'></span> <span class='st_fblike_vcount'></span> </div><div class="socialbar-more"><span></span></div><div id="socialbar-close"><span>Cerrar</span></div></div><div class="socialbar-bottom"><span></span></div></div></footer> <script type="text/javascript" src="http://static.educaweb.com/buscador/js/nielsen/v60.js"></script> <script type="text/javascript"> var pvar = { cid: "es-educaweb", content: "0", server: "secure-uk" };var feat = { surveys_enabled: 1, sample_rate: 0.01 };var trac = nol_t(pvar, feat);var _rsND = trac.getSchemeHost();var _rsCI = "es-educaweb";trac.record().post().do_sample();</script> <noscript> <div> <img src="//secure-uk.imrworldwide.com/cgi-bin/m?ci=es-educaweb&cg=0&cc=1&ts=noscript" alt="" /> </div> </noscript> </div></body></html>