Curso gratis Técnico Diseñador en Dreamweaver CS5, HTML5 y CSS3

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS TÉCNICO DISEÑADOR EN DREAMWEAVER CS5, HTML5 Y CSS3

El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico. Es por esto que hoy muchas empresas o instituciones mayoritariamente utilizan como medio de comunicación su sitio web dejando un poco más de lado publicaciones escritas, folletos, catálogos impresos u otros medios relacionados con el diseño grafico tradicional. Al finalizar el curso el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web necesarias para desarrollarse profesionalmente con éxito en este ámbito.

CONTENIDO DEL CURSO GRATIS TÉCNICO DISEÑADOR EN DREAMWEAVER CS5, HTML5 Y CSS3

PARTE 1. DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS5

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN Y CONTENIDOS

1. Propósito del curso. Dreamweaver es una de las herramientas más potentes para crear páginas web, facilitando un proceso de diseño muy intuitivo y eficiente.
2. Dirigido a diseñadores gráficos o web que desean aprender a desarrollar sitios web desde cero.

UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS Y NOVEDADES EN DREAMWEAVER

1. ¿Qué es el dominio de un sitio web?
2. ¿Qué es un servidor web?
3. ¿Qué implica el alojamiento web? Tipos de alojamiento: gratuito, compartido, housing o colocation.
4. Resolución de pantalla y diferentes tamaños de visualización
5. Lenguaje HTML: la base para crear páginas web
6. Tipografías y colores en la web
7. Principales novedades y funciones nuevas en Adobe Dreamweaver CS5

UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB

1. Crear y gestionar sitios en Dreamweaver. Pasos para configurar un sitio web, diferencias entre sitio local y remoto, organización de contenidos y diferentes formas de visualizar los archivos.
2. Configuración de un sitio web
3. Gestión y edición de sitios existentes
4. Creación y apertura de documentos: páginas en blanco, plantillas, archivos de muestra y edición de documentos existentes
5. Área de trabajo y vistas del documento
6. Configuración de propiedades de la página

UNIDAD DIDÁCTICA 4. TRATAMIENTO DEL TEXTO

1. Insertar y formatear texto en páginas web. Uso de estilos CSS, creación de listas (numeradas, no numeradas y de definición), revisión ortográfica y otros objetos como reglas horizontales, comentarios y fecha de modificación.
2. Importar documentos
3. Propiedades del texto: HTML y CSS
4. Creación y gestión de listas, incluyendo listas anidadas y configuración de propiedades
5. Uso de caracteres especiales en HTML
6. Revisión y corrección de texto: búsqueda, reemplazo y ortografía
7. Creación de estilos CSS para el texto

UNIDAD DIDÁCTICA 5. ENLACES E HIPERVÍNCULOS

1. Introducción a los hipervínculos. Cómo insertarlos en Dreamweaver, incluyendo vínculos a lugares específicos en la misma página, enlaces a otras páginas (internas y externas) y menús de navegación. Diferencias entre rutas absolutas y relativas, gestión y modificación de enlaces, y uso de comportamientos para eventos específicos.
2. Creación de enlaces con rutas relativas y absolutas
3. Enlaces a direcciones de correo electrónico
4. Creación de puntos de anclaje para navegación interna
5. Menús de salto y navegación rápida
6. Widgets de barras de navegación: agregar, eliminar y gestionar elementos de menú y submenús
7. Verificación y reparación de vínculos en el sitio
8. Estilos aplicados a los enlaces

UNIDAD DIDÁCTICA 6. IMÁGENES Y ELEMENTOS VISUALES

1. Insertar imágenes en páginas web. Formatos gráficos compatibles, diferencias, creación de imágenes alternativas, mapas de imagen y barras de navegación
2. Propiedades de las imágenes
3. Alinear y redimensionar imágenes
4. Imágenes con rollover (efectos al pasar el ratón)
5. Mapas de imagen interactivos
6. Marcadores de posición
7. Uso de objetos inteligentes y elementos dinámicos

UNIDAD DIDÁCTICA 7. TABLAS

1. Diseño y organización de tablas en páginas web. Uso de tablas, capas y modo de diseño para estructurar contenido
2. Insertar y gestionar tablas
3. Seleccionar y editar elementos dentro de tablas
4. Configuración de propiedades de tablas y celdas
5. Ajustar tamaño, añadir o eliminar filas y columnas
6. Copiar, pegar, combinar celdas y tablas anidadas
7. Aplicar estilos CSS a tablas y celdas

UNIDAD DIDÁCTICA 8. CAPAS Y COMPORTAMIENTOS

1. Crear y gestionar capas usando etiquetas `
   ` y ``. Cómo contener formularios, textos o plugins dentro de capas
2. Insertar y editar capas
3. Propiedades de las capas
4. Panel de elementos y panel de comportamiento
5. Capas prediseñadas y conversión entre elementos y tablas
6. Aplicación de comportamientos interactivos y efectos

UNIDAD DIDÁCTICA 9. ESTILOS CSS I

1. Introducción a las hojas de estilo en cascada (CSS). Cómo separar contenido y presentación mediante reglas CSS
2. Uso del panel de estilos CSS en diferentes modos
3. Creación de nuevas reglas de estilo
4. Propiedades básicas: tipo, fondo, bloque, caja y borde

UNIDAD DIDÁCTICA 10. ESTILOS CSS II

1. Propiedades avanzadas: listas, posicionamiento y extensiones
2. Exportar y vincular reglas CSS a hojas externas
3. Compatibilidad con diferentes navegadores
4. Ejemplos de hojas de estilos en Dreamweaver y diseño con CSS

UNIDAD DIDÁCTICA 11. ELEMENTOS MULTIMEDIA Y SPRY

1. Insertar archivos SWF, incluyendo animaciones, vídeos, botones y textos Flash. Integración con Fireworks para crear galerías y otros elementos interactivos
2. Insertar archivos de vídeo FLV y sonidos en diferentes formatos
3. Widgets de Spry: agregar y personalizar componentes como acordeones, paneles en fichas y más

UNIDAD DIDÁCTICA 12. PLANTILLAS Y COMPONENTES REUTILIZABLES

1. Crear y gestionar plantillas, incluyendo regiones de plantilla y regiones repetidas
2. Insertar regiones opcionales y editar páginas basadas en plantillas
3. Utilizar el panel de activos y crear bibliotecas de elementos reutilizables

UNIDAD DIDÁCTICA 13. FORMULARIOS Y SITIOS REMOTOS

1. Diseñar y configurar formularios para recopilar datos del usuario y enviarlos al servidor
2. Crear formularios HTML, gestionar diferentes tipos de campos y validaciones
3. Trabajar con sitios remotos y gestionar archivos en servidores

PARTE 2. DISEÑO WEB AVANZADO CON HTML5 Y CSS3

UNIDAD DIDÁCTICA 1. HERRAMIENTAS ESENCIALES

1. Introducción a las herramientas básicas para el desarrollo web
2. Elegir y usar editores de texto adecuados
3. Seleccionar navegadores para probar y validar páginas

UNIDAD DIDÁCTICA 2. FUNDAMENTOS DE HTML

1. Qué es HTML y cómo se estructura
2. Creación de documentos HTML básicos
3. Características esenciales del lenguaje

UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

1. Cómo incluir y formatear textos
2. Crear enlaces y navegar entre páginas
3. Construir listas y manejar imágenes y objetos multimedia

UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Diseñar tablas para organizar datos
2. Crear formularios para interacción con usuarios
3. Construir estructuras y layouts con HTML

UNIDAD DIDÁCTICA 5. ETIQUETAS CLAVE

1. Resumen de etiquetas importantes para estructurar contenido

UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. Qué es la metainformación y su uso
2. Principios de accesibilidad web
3. Validar páginas para asegurar compatibilidad y buenas prácticas

UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS

1. Qué son las hojas de estilo en cascada y cómo funcionan
2. Uso del panel de estilos en Dreamweaver
3. Crear reglas CSS básicas
4. Propiedades de fondo, bloques, cuadros y bordes

UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES Y COLORES

1. Tipos de selectores CSS
2. Unidades de medida comunes
3. Gestión de colores en CSS

UNIDAD DIDÁCTICA 9. MODELO DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. El modelo de cajas y sus propiedades
2. Control del margen, relleno, borde y tamaño
3. Posicionamiento avanzado y control de visualización

UNIDAD DIDÁCTICA 10. DISEÑO Y DISTRIBUCIÓN DE PÁGINAS (“LAYOUT”)

1. Conceptos básicos de layout
2. Cómo centrar páginas horizontal y verticalmente
3. Construcción de estructuras y límites de altura y anchura
4. Aplicación de estilos avanzados para layouts

UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS EN CSS

1. Estilizar textos con CSS
2. Aplicar estilos a enlaces
3. Controlar la apariencia de imágenes
4. Formatear listas con CSS

UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND

1. Diseño de tablas con CSS
2. Creación y estilos de formularios

UNIDAD DIDÁCTICA 13. OTRAS UTILIDADES DE CSS

1. Optimización para impresión
2. Personalización del cursor
3. Hacks, filtros y técnicas avanzadas
4. Prioridad y cascada en las reglas CSS
5. Validar y depurar hojas de estilo
6. Recomendaciones y recursos útiles

UNIDAD DIDÁCTICA 14. FIREBUG

1. ¿Qué es Firebug y cómo funciona?
2. Instalación y configuración
3. Uso práctico para depurar y analizar estilos y elementos

UNIDAD DIDÁCTICA 15. Novedades en HTML5

1. ¿Qué es HTML5 y cuáles son sus ventajas?
2. Etiquetas obsoletas y modificadas
3. Listado de nuevas etiquetas
4. Atributos eliminados y cambios relevantes
5. Estructura básica en HTML5 y nuevas formas de organizar el contenido

UNIDAD DIDÁCTICA 16. ATRIBUTOS, EVENTOS Y PSEUDO-CLASES EN HTML5

1. Introducción a atributos globales y nuevos atributos específicos
2. Eventos recientes y cómo gestionarlos

UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elementos como bdi, command, data, details, mark, meter, progress, ruby, time, wbr

UNIDAD DIDÁCTICA 18. MEJORAS EN FORMULARIOS

1. Nuevos elementos y atributos en formularios
2. Cambios en atributos `type` en ``
3. Nuevos atributos en `
   `, `

   `, `` y ``</li> </ol> <h4>UNIDAD DIDÁCTICA 19. OTRAS INNOVACIONES EN HTML5</h4> <ol> <li>Incorporación de elementos multimedia: `<source>`, `<track>`, `<video>`, `<audio>`, `<embed>`, `<canvas>`</li> <li>Introducción a MathML y SVG para gráficos y matemáticas</li> <li>Funciones de Drag and Drop y validación de HTML5</li> </ol> <h4>UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3</h4> <ol> <li>Conceptos básicos y diferencias con CSS2</li> <li>Unidades, colores y tipografías en CSS3</li> <li>Nuevos selectores y pseudo-clases</li> </ol> <h4>UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDE</h4> <ol> <li>Propiedades para animaciones CSS3</li> <li>Nuevas opciones para fondos y gradientes</li> <li>Estilos avanzados para bordes y efectos visuales</li> </ol> <h4>UNIDAD DIDÁCTICA 22. CAJAS, FLEXBOX, COLORES Y FUENTES</h4> <ol> <li>Propiedades de cajas y cajas flexibles (Flexbox)</li> <li>Gestión de colores y tipografías avanzadas</li> </ol> <h4>UNIDAD DIDÁCTICA 23. ENLACES Y MULTICOLUMNAS</h4> <ol> <li>Estilización de enlaces</li> <li>Propiedades para diseños en múltiples columnas</li> </ol> <h4>UNIDAD DIDÁCTICA 24. TEXTO Y TRANSFORMACIONES 2D/3D</h4> <ol> <li>Estilización avanzada de textos</li> <li>Transformaciones 2D y 3D con CSS3</li> </ol> <h4>UNIDAD DIDÁCTICA 25. TRANSICIONES Y INTERACTIVIDAD</h4> <ol> <li>Propiedades para animar transiciones y efectos visuales</li> <li>Personalización de interfaces con CSS3</li> <li>Validación y mejores prácticas en CSS3</li> </ol> </span> <div class="s-btns"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://buscocursosgratis.com/index.php/cursos-gratis/informatica/diseno-paginas-web/tecnico-disenador-en-dreamweaver-cs5-html5-y-css3-21108.html"><i class="fa fa-fb fa-facebook"></i><span>Compartir</span></a> <a target="_blank" href="https://twitter.com/share?url=https://buscocursosgratis.com/index.php/cursos-gratis/informatica/diseno-paginas-web/tecnico-disenador-en-dreamweaver-cs5-html5-y-css3-21108.html"><i class="fa fa-tw fa-twitter"></i><span>Tweet</span></a> <a target="_blank" href="https://plus.google.com/share?url=https://buscocursosgratis.com/index.php/cursos-gratis/informatica/diseno-paginas-web/tecnico-disenador-en-dreamweaver-cs5-html5-y-css3-21108.html"><i class="fa fa-gp fa-google-plus"></i><span>Compartir</span></a> </div> <br/> </div> </div> <div class="col-md-4 col-sm-5"> <div class="sidebar-box" style="padding: 0; position: relative;"> <h3 class="text-center" style="text-transform: uppercase;font-size: 22px; top: 0; left: 0; padding: 0; margin: 0; position: absolute; right: 0; line-height: 50px; height: 55px; color: #666; background: rgba(255,255,255,0.8)">Pedir información</h3> <img src="/assets/images/info.jpg" style="width: 100%;" /> <form name="solicita" id="solicita-curso" class="inscription-form" style="padding: 0 15px 15px;"> <div class="form-group callus text-center" style="margin-top: 20px;"> Llámanos ahora al teléfono: <span class="phone" style="display: block; font-size: 25px; line-height: 46px; color: rgb(240, 109, 14);">951 400 150</span> Si prefieres rellene este formulario y nosotros te llamamos. </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Nombre" id="firstname" name="firstname" /> <i class="fa fa-user"></i> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Apellidos" id="lastname" name="lastname" > <i class="fa fa-user"></i> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Email" id="email" name="email" > <i class="fa fa-envelope"></i> </div> <div class="form-group"> <img src="https://buscocursosgratis.com/assets/images/blank.gif" class="flag flag-us" alt="Estados Unidos" /> <input type="text" class="country form-control" placeholder="País" id="country" name="country" value="+1 - Estados Unidos" readonly > <input type="hidden" id="country_id" name="country_id" value="2"> <i class="fa fa-globe"></i> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Teléfono" id="phone" name="phone" > <i class="fa fa-phone"></i> </div> <div class="form-group"> <label>Está usted trabajando</label> <select class="form-control" id="is_working" name="is_working"> <option value="">Seleccione</option> <option value='1'>Sí</option> <option value="2">No, estoy en un ERTE</option> <option value='0'>No</option> </select> </div> <div class="form-group"> <label>Horario de contacto</label> <select class="form-control" id="call_time" name="call_time"> <option value='0'>Cualquiera</option> <option value='1'>Mañana</option> <option value='2'>Tarde</option> </select> </div> <div class="form-group"> <textarea placeholder="Comentarios" rows="5" cols="35" class="form-control" id="comment" name="comment" >