Curso de Diseño Web: HTML y CSS desde cero hasta avanzado.
Información
Udemy
Online
Curso
Escribir y analizar código. Conocer la sintaxis y funcionamiento de estos lenguajes. Conocer los diferentes elementos, etiquetas y atributos del lenguaje HTML. Crear la estructura de una web y sus contenidos. Aprender a utilizar los elementos semánticos de HTML5. Definir el aspecto visual de los elementos de una web. Maquetar estructuras Responsive Web Design. Conocer las diferentes propiedades de CSS y CSS3. Utilizar herramientas y recursos online que facilitan el trabajo del desarrollador. Aprender a detectar y corregir errores. Publicar una web. A quién va dirigido Personas interesadas en iniciar una carrera en el mundo del diseño y desarrollo web. Diseñadores y desarrolladores web que desean actualizar sus conocimientos. Diseñadores gráficos. Profesionales del área de marketing digital. Profesionales que trabajan con diseñadores y desarrolladores web, y desean comunicarse correctamente con el equipo técnico. Público en general. Requisitos No se requiere ningún conocimiento previo de diseño o desarrollo web. Tener un computador (Windows, OSX o Linux) con conexión a internet Temario completo de este curso Contenido del curso Presentación del curso Instalar navegadores Firefox y Firefox Developer Edition Actualizar navegador Firefox a la sión más reciente Configurar navegador Firefox como predeterminado (usuarios Windows 8 y 10) Instalar editor Sublime Text Disclaimer Determinar la sión de Windows que ejecuta tu computador Configurar Emmet en el editor Sublime Text Instalar editor Visual Studio Code ¿Qué es HTML? Origen y evolución de HTML Elementos, etiquetas y atributos Etiquetas HTML más utilizadas Atributos globales HTML Estructura básica de un documento HTML Formatear textos en HTML Entidades HTML de uso más común Formatear textos en HTML (II) Formatear textos en HTML (III) Formatear textos en HTML (IV) Comentarios Encabezados HTML Utilizar varios elementos H1 dentro de un mismo documento HTML Enlaces o hipervínculos Estructura de una URL Atributos Target y Download Enlaces tipo ancla Uso del signo de numeral o almohadilla (#) en los enlaces Imágenes Listas Listas de descripción o definición Listas anidadas Tablas Tablas avanzadas Multimedia: Insertar un reproductor de audio en un documento HTML Multimedia (II): Insertar un reproductor de video en un documento HTML Otros atributos del elemento Otros elementos multimedia Formularios Formularios (II): Elemento Input Formularios (III): Otros campos de formulario con el elemento Input Formularios (IV): Más campos de formulario con el elemento Input Otros atributos que admite el elemento Formularios (V): Listas desplegables y áreas de texto Formularios (VI): Botones Atributos que admite el elemento Otros campos de formulario Elemento Div Elementos semánticos estructurales Elementos semánticos estructurales (II) Diferencia entre los elementos Article y Section Elementos semánticos estructurales (III) ¿Qué es CSS? Estructura del lenguaje CSS Cómo incluir CSS en un documento HTML Selectores Selectores (II): selector Class Selectores avanzados Selectores avanzados (II) Selectores avanzados (III) Cascada y herencia en CSS Pseudo-selectores Pseudo-selectores (II) Otros valores que admite la propiedad cursor Pseudo-selectores (III) Algunos atajos de la extensión Emmet para escribir código HTML más rápido Pseudo-selectores (IV) Pseudo-selectores (V) Propiedades de las fuentes o tipografías Unidades de medida en CSS Propiedades de las fuentes o tipografías (II) Propiedades de las fuentes o tipografías (III) Combinaciones de fuentes más comunes Agregar fuentes mediante Google Fonts Regla @font-face Textos y alineaciones Textos y alineaciones (II) Otras propiedades para aplicar estilos a los textos Colores Fondos Propiedad de atajo background Dimensiones Bordes Bordes redondeados (Propiedad border-radius) Márgenes y relleno Modelo de cajas estándar de CSS Posicionar elementos Superposición de elementos Elementos flotantes Propiedad Box-sizing Propiedades Display y Visibility Propiedad Oflow Opacidad y transparencia Efecto de sombra Gradientes (CSS3 Gradients) Gradientes (II) Prefijos CSS (vendor prefixes) Efecto de transición (CSS3 Transition) Transformaciones (CSS3 Transform) Transformaciones 3D Animaciones (CSS3 Animations) Propiedades CSS “animables” Animaciones (II) Aplicar estilos a los enlaces Aplicar estilos a las listas Cómo crear un menú de navegación Aplicar estilos a los botones Cómo añadir íconos con CSS Aplicar estilos a las tablas Aplicar estilos a los campos de un formulario Media queries Media queries (II) Media queries (III) Responsive Web Design Responsive Web Design (II) Responsive Web Design (III) Responsive Web Design (IV) Modelo de diseño de Flexbox Modelo de diseño de Flexbox (II) Modelo de diseño de Flexbox (III) Modelo de diseño de Flexbox (IV) Modelo de diseño de Flexbox (V) Introducción Preparar entorno de trabajo Estructura HTML Estructura HTML (II) Estructura HTML (III) Estilos CSS Estilos CSS (II) Estilos CSS (III) Estilos CSS (IV) Introducción Estructura HTML Estructura HTML (II) Estructura HTML (III) Estilos CSS Estilos CSS (II) Estilos CSS (III) Estilos CSS (IV) Estilos CSS (V) Estilos CSS (VI) Estilos CSS (VII) Estructura HTML Estilos CSS Estilos CSS (II) Estilos CSS (III) Estilos CSS (IV) Recursos del proyecto Landing page Recursos del proyecto Sitio corporativo Recursos del proyecto Sitio web de una sóla página (One page site) Normalizar los estilos de los navegadores con Normalize.css Cómo “minificar” el código CSS Publicar un proyecto en Internet: Dominio, Hosting y Cliente FTP más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Aprender qué es una red ip, y realizar operaciones básicas con direcciones ip: calcular dirección de red/host/broadcast... sentar una base sólida sobre el modo en...
Mainframe IBM en tu PC
(Udemy)
Crear entorno en la pc... alojamientos de las bibliotecas a usar... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Temario completo de este curso contenido del curso... ¿qué son los host virtuales?... configuración de host virtuales... configuración básica de apache...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Temario completo de este curso contenido del curso... modificación de conducta (parte 4): desensibilización de las salidas... implementación conjunta de la modificación...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Temario completo de este curso contenido del curso... requisitos curso 1: de preferencia tener un nivel básico de francés... niños y adultos que quieran leer y escuchar...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Temario completo de este curso contenido del curso... las métricas del call center... tener idea de qué es un call center... crearán visualizaciones analíticas de...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Graphql configurando los resolvers instalando mongodb en windows 10 instalando mongodb en mac instalando mongoose mutation: crear registros en mongodb instalando...