Máster en Programación y B.D.
Maestría
En México
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Descripción
-
Tipología
Maestría
-
Lugar
México
-
Horas lectivas
60h
-
Duración
4 Semanas
Elabora un sitio web. Desde cero, sin necesidad de tener conocimientos previos.
HTML 5 y CSS 3
Dreamweaver CC
Dreamweaver es tanto un editor de lenguajes varios de programación como una interfaz de trabajo visual para generar HTML y CSS, entre otros. Nos permite organizar todo un sitio web. Desde esta aplicación podemos publicar las páginas en la web para que sea posible accesar al sitio desde cualquier lugar.
Sedes y fechas disponibles
Ubicación
Inicio
Inicio
Acerca de este curso
Conocer la interfaz del programa, entender su lógica y la integración a otras aplicaciones y aprovechar al máximo el uso de sus herramientas. Aprender la sintaxis de los lenguajes HTML, CSS y las bases para aplicación de herramientas jQuery, fundamentales en el entorno del diseño web.
Opiniones
Materias
- Diseño web
- Dreamweaver
- Programacion
- Edición
- Escritura
- HTML
- Diseño web avanzado
- Anidamiento de elementos
- Desarrollando con Dreamweaver
- Inserción de botones
Programa académico
1. INTERFAZ DEL PROGRAMA
Identificación de las diferentes herramientas de trabajo (Barra de menús, ventana de Inserción de etiquetas, ventana de Archivos y panel de Propiedades)
Visualización y uso de las diferentes formas de organizar las vistas, tanto de código como de diseño
Uso de los espacios de trabajo establecidos y creación de áreas de trabajo personalizadas (Workspace)
Preferencias del programa para optimizar el desarrollo de la página
Control de líneas de código y agrupamiento de contenidos
2. CREACIÓN DE SITIO WEB
Dar de alta sitio web
Ubicar el destino
Edición de datos de un sitio web
3. FUNDAMENTOS DEL LENGUAJE HTML
¿Qué es HTML?
Directrices definidas por el W3C
Trabajando con HTML 5
Estructura esquemática y sintáctica del HTML 5
Convenciones en la escritura del código fuente
Elementos y etiquetas
Anidamiento de elementos y la estructura tipo árbol
4. PROCESAMIENTO DE CÓDIGO FUENTE
Trabajando con TextEdit
Otras alternativas de edición
Desarrollando con Dreamweaver
5. JERARQUÍA DE LOS CONTENIDOS
Doctype: declaraciones iniciales
La etiqueta raíz o el ancestro mayor
Inserción de atributos en etiquetas HTML
Atributos de lenguaje y conjuntos de caracteres
La importancia de la etiqueta <title>
Estructura básica de un documento HTML (head y body)
Inserción de la etiqueta <div> para delimitar zonas lógicas en un documento web
Uso de etiquetas semánticas para proveer sentido a sus contenidos
Escritura de etiquetas de ínea
6. CREACIÓN Y MANIPULACIÓN DE TABLAS
Inserción de tablas
Etiquetas relacionadas con la etiqueta table (tbody, tr, td, th)
Propiedades obsoletas en HTML 5
7. CREACIÓN DE FORMULARIOS EN HTML
La etiqueta <form> y sus atributos
Inputs, textarea, botones, propiedades y otros elementos
Inserción de campos de texto
Inserción de botones
Atributos de la etiqueta <input>
Uso del atributo Placeholder
8. INSERCIÓN DE DOCUMENTOS EXTERNOS
Uso de la etiqueta iframe para llamar un archivo html externo
Iframe para video de Youtube o Vimeo
Iframe de Google Maps
9. VALIDACIÓN DE DOCUMENTOS HTML
Revisión online de la estructura de documento bajo los lineamientos del W3C
Listado de errores y advertencias
Recomendaciones para la edición de código
Desplegado del esquema jerárquico de la página (Outline)
10. VISUALIZACIÓN EN UN NAVEGADOR
Google y las opciones de desarrollador
Analizando elementos
El Modelo de Caja
Cambiando atributos
11. LENGUAJE CSS (CASCADING STYLE SHEETS)
¿Qué es el lenguaje CSS?
Reglas y declaraciones
Sintaxis del lenguaje CSS3: Selectores y atributos
Herencia y Cascada
Importancia, Especificidad y Orden de las fuentes
Formas de insertar CSS
Selectores básicos (tag, class, ID)
Selectores Descendientes: Hijos, Adyacentes y Hermanos
Pseudoclases y Psudoelementos
Selectores de atributos
Rompimiento de la continuidad HTML con Flotados y Posicionamientos: Fijo, Absoluto y Relativo
Capas: z-index
12. TRABAJANDO CON EL MODELO DE CAJA
Márgenes externos e internos (Margin, Padding)
Width, Height, Top, Right, Bottom, Left
Color y Background
Border, Border-Radius, Boxshadow y Text-shadow
Uso de la etiqueta Figure para compilar imágenes (img) y su descripción (figcaption)
13. ESTILIZANDO LA PÁGINA
Uso de fuentes desde servidores en línea como Google
Atributos de fuente y de texto
Incrustación de fuentes en el sitio
Efectos de sombreado y color en cajas y textos
Efectos de relleno y combinación de colores e imágenes
Control de rellenos con atributos de tamaño y posición
Trabajando con columnas con diferentes alternativas: DisplayInline, Flexbox y Grid CSS para dividir en columnas
Añadiendo columnas a párrafos con el atributo Columns
Cambio de atributos con pseudoclases: Hover y Active
Uso de las pseudoclases ::before y ::after
14. MOBILE FRIENDLY
Trabajando con Media Queries
Tamaños de pantalla más comunes
Ajustando el CSS para adaptarse a los dispositivos
Revisión en navegadores con previsualizadores especiales
Revisión en dispositivos
15. CSS DESIGNER
Estilos en Cascada en modo gráfico
Fuentes CSS, Medios de representación, Selectores y Propiedades
¿Qué es el DOM? Configuración en pantalla
Uso de Gradientes CSS
Implementación de Transiciones
Animación básica
16. CODIFICANDO CON EMMET
Parámetros de codificación
Como agilizar la escritura de código con emmet
17. TRABAJANDO CON JAVASCRIPT
Panel Behaviors
Inserción de texto automático por medio de eventos de ratón
Enlaces con Javascript
¿Qué es el jQuery?
Importación de plug-ins
Implementación de efectos.
Sliders
Lightbox
jQuery básico
18. EXPORTACIÓN DEL SITIO
Adquisición de Dominio
En busca de hospedaje
Uso del Panel de Control del sitio de hospedaje para subir la página
Uso de programas administradores FTP
Subir archivos y revisión de página
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Máster en Programación y B.D.