Curso gratis Online Desarrollador Web Profesional: Práctico

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 ONLINE DESARROLLADOR WEB PROFESIONAL: PRÁCTICO

Si desea ser un profesional en temas de desarrollo web y adquirir las técnicas para realizar esta labor con éxito este es su momento, con el Curso Online Desarrollador Web Profesional: Práctico podrá ser un experto en la labor de desarrollador web con la utilización del programa Dreamweaver CS6, el cual le brindo muchas facilidades para desempeñar esta función. En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Se trata de una herramienta imprescindible para todos aquellos interesados en convertirse en expertos del diseño web, por ello con este Curso Online Desarrollador Web Profesional: Práctico podrá aprender todos los conocimientos que le llevarán a ser un profesional en el manejo de este programa con lo que será capaz de ser un experto en desarrollo web.

CONTENIDO DEL CURSO GRATIS ONLINE DESARROLLADOR WEB PROFESIONAL: PRÁCTICO

MÓDULO 1. DESARROLLADOR WEB PROFESIONAL

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN Y OBJETIVOS

1. Propósito del curso: Aprender a crear páginas web con Dreamweaver, uno de los programas más completos y utilizados en el diseño web.
2. Destinatarios: Diseñadores gráficos, desarrolladores web o cualquier persona interesada en aprender a construir sitios web desde cero.

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

1. ¿Qué es un dominio web? Concepto y utilidad.
2. ¿Qué es un servidor web? Tipos de alojamiento: gratuito, compartido, housing o colocation.
3. Resolución de pantalla y sus distintos tamaños: diferencias entre tamaño absoluto y relativo.
4. Lenguaje HTML: la base para escribir y estructurar páginas web.
5. Uso de diferentes tipografías y colores en la web para mejorar el diseño.
6. Prácticas para aplicar estos conceptos y familiarizarse con la herramienta.

UNIDAD DIDÁCTICA 3. CREACIÓN Y GESTIÓN DE SITIOS Y DOCUMENTOS WEB

1. Configurar un sitio en Dreamweaver: pasos para crear y organizar un sitio web, diferencias entre sitio local y remoto, y cómo gestionar los archivos en cada uno.
2. Configuración inicial de un sitio web.
3. Administrar y editar los contenidos de tus sitios web.
4. Crear y abrir documentos: desde páginas en blanco, plantillas, archivos de muestra o documentos existentes para editar.
5. El espacio de trabajo en Dreamweaver CS6: cómo aprovecharlo al máximo.
6. Vistas del documento: código, diseño, vista dividida y vista en vivo para una edición eficiente.
7. Propiedades de las páginas: aplicar estilos CSS y editar código HTML.
8. Prácticas para consolidar los conocimientos.

UNIDAD DIDÁCTICA 4. EDICIÓN Y FORMATEO DE TEXTO

1. Insertar y formatear texto: cómo agregar contenido textual, ajustando fuente, tamaño, color, alineación, sangría y otros estilos CSS. Creación de listas (numeradas, con viñetas o de definición) y revisión ortográfica.
2. Importar documentos desde Microsoft Word para facilitar el trabajo.
3. Propiedades del texto: edición mediante HTML y CSS.
4. Crear listas personalizadas, listas anidadas y gestionar sus propiedades.
5. Insertar caracteres especiales en HTML para mejorar la presentación.
6. Revisión y corrección de textos: búsqueda, sustitución y ortografía.
7. Crear y aplicar estilos CSS para el texto.
8. Tipografías web: cómo usar fuentes personalizadas para un diseño más atractivo.
9. Prácticas que refuercen los conceptos aprendidos.

UNIDAD DIDÁCTICA 5. ENLACES Y HIPERVÍNCULOS

1. Introducción a los hipervínculos: cómo insertarlos en las páginas, incluyendo enlaces internos (anclajes), externos (otras páginas web) y enlaces de correo electrónico. Diferencias entre rutas absolutas y relativas, y cómo gestionarlas en Dreamweaver.
2. Crear enlaces con rutas relativas y absolutas, incluyendo la referencia a la raíz del sitio.
3. Enlaces a correos electrónicos: cómo crear un vínculo para enviar mensajes desde la página.
4. Puntos de anclaje: creación y uso para navegar dentro de la misma página.
5. Menús de navegación: cómo crear y gestionar menús desplegables y enlaces en ellos.
6. Widgets para barras de menús: agregar, editar y eliminar elementos de navegación.
7. Verificación de vínculos: cómo comprobar y reparar enlaces rotos en un documento o en todo el sitio.
8. Estilos para enlaces: diferentes estados como normal, visitado y activo.
9. Prácticas para aplicar en proyectos reales.

UNIDAD DIDÁCTICA 6. TRABAJO CON IMÁGENES

1. Insertar imágenes: cómo añadir imágenes a las páginas web, conocer los formatos gráficos compatibles y sus diferencias, además de crear imágenes de sustitución, mapas de imagen y barras de navegación.
2. Propiedades de las imágenes: gestión mediante el inspector de propiedades.
3. Alinear, redimensionar y ajustar imágenes para un diseño óptimo.
4. Rollover: crear efectos visuales en imágenes cuando el usuario pasa el ratón por encima.
5. Mapas de imagen: definir áreas clicables en una imagen para enlaces específicos.
6. Marcadores de posición: gestionar espacios reservados en el diseño.
7. Objetos inteligentes: cómo insertarlos y aprovechar sus ventajas.
8. Prácticas para dominar el trabajo con imágenes.

UNIDAD DIDÁCTICA 7. CREACIÓN Y MANEJO DE TABLAS

1. Tablas: organizar contenido en la web usando Dreamweaver, incluyendo la inserción, edición y formato de tablas y celdas.
2. Insertar nuevas tablas en el documento.
3. Seleccionar y gestionar los elementos de una tabla.
4. Propiedades de las tablas: ajuste mediante el inspector de propiedades.
5. Configurar las celdas: tamaño, borde, colores y estilos.
6. Modificar dimensiones: cambiar tamaño de tablas, columnas y filas.
7. Copiar, pegar, fusionar y anidar tablas para diseños complejos.
8. Aplicar estilos CSS a las tablas para un aspecto profesional.
9. Prácticas para consolidar el aprendizaje.

UNIDAD DIDÁCTICA 8. CAPAS Y COMPORTAMIENTOS DINÁMICOS

1. Capas y contenedores: uso de etiquetas div y span para definir áreas independientes y contener cualquier tipo de objeto, como formularios, textos o plugins.
2. Posiciones de las capas: estática, relativa, absoluta y fija, y cuándo usar cada una.
3. Insertar y gestionar capas en el diseño.
4. Propiedades de las capas: configuración mediante el inspector de propiedades.
5. Panel de elementos: manejo y organización de componentes en Dreamweaver.
6. Capa prediseñada: reutilización de diseños preconfigurados.
7. Conversión entre capas y tablas para mayor flexibilidad.
8. Comportamientos dinámicos: introducción a JavaScript para agregar interactividad.
9. Aplicar efectos y acciones mediante comportamientos programados.
10. Prácticas para crear páginas con comportamiento avanzado.