Diplomado de Diseño Web
Diplomado
En Coyoacán
¿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
Diplomados
-
Lugar
Coyoacán
-
Horas lectivas
90h
-
Duración
6 Semanas
Construye sitios modernos. Atrévete a explorar el conjunto de programas más completos para web.
HTML 5 y CSS 3
Dreamweaver CC
WordPress y JQuery
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
- Formas de lectura
- Importación
- HTML
- Escritura
- Edición
- Base de datos
- Dreamweaver
- PHP
- Guardar como wp-config.php
- Configuración de página
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
Estructura básica de un documento HTML (head y body)
Inserción de la etiqueta para delimitar zonas lógicas en un documento web
Uso de etiquetas semánticas para proveer sentido a sus contenidos
Escritura de etiquetas de encabezado y párrafo para organizar la información en niveles
Inserción de imágenes a documentos HTML por medio de la etiqueta
Importancia del atributo “alt”
Generación de listados numerados o con viñetas
Creación de enlaces internos y externos por medio de la etiqueta Anchor
Otras etiquetas de importancia
Aplicación de elementos de lí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 y sus atributos
Inputs, textarea, botones, propiedades y otros elementos
Inserción de campos de texto
Inserción de botones
Atributos de la etiqueta
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 paracompilar 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
1. INTRODUCCIÓN A WORDPRESS
¿Qué es un CMS?
¿Qué es un blog?
¿Por qué WordPress?
Características de WordPress
Diferencia entre wordpress.com y wordpres.org
Descargar paquete WP
2. CONFIGURAR DOCUMENTO INICIAL
Edición del documento wp-config-sample.php
Agregar el nombre de la base de datos, el usuario y contraseña
Definir claves secretas con texto aleatorio y prefijo
Guardar como wp-config.php
3. INSTALACIÓN DE WORDPRESS
Subir el sitio al servidor
Localizar el sitio con una URL en navegador
Instalar Wordpress
Abrir Wordpress
Configuración inicial
4. CREACIÓN DE BASE DE DATOS
Entrar al CPanel
Seleccionar el apartado de Bases de Datos
Generar una base de datos nueva
Asignar un usuario
Agregar una contraseña
5. EL ESCRITORIO
Vistazo general al escritorio de Wordpress
Entradas, Páginas, Medios, Apariencia, Plugins, Herramientas, Ajustes y Usuarios
Usar tema instalado o descargar uno nuevo
Personalizar según las limitaciones de la plantilla
6. GESTIONAR LA ADMINISTRACIÓN DEL BLOG
Manejo de entradas (posts)
Modos de escritura
Personalización y configuración
Importación de imágenes y creación de galerías
Inclusión de imagen destacada
Publicar una entrada
Editar una entrada y actualizar
Edición rápida de una entrada
Definición del Menú
Posicionamiento en menú
Creación de formularios
Añadir categorías y etiquetas
Modificar una categoría
Creación de páginas estáticas
Configuración de página
7. GESTIÓN DE WIDGETS Y PLUGINS
Administrar Widgets
Importación de plugins
Colocar Google Analytics
Optimización para motores de búsqueda
8. AJUSTES GENERALES.
Opciones de escritura
Formas de lectura
Administración de comentarios
Manejo de medios
Asignación de enlaces permanentes
Restricción de accesos
9. EDITOR
Acceso a hojas de estilo y documentos PHP
Editar CSS añadiendo clases o cambiando atributos a selectores
Insertar CSS inline en etiquetas HTML
Uso de iFrame para incorporar videos o mapas
¿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.
Diplomado de Diseño Web