Curso Desarrollo WEB Front END HTML Y CSS PDF

Preview

Summary

Download Curso Desarrollo WEB Front END HTML Y CSS PDF

Description

CURSO DESARROLLO WEB FRONT END HTML Y CSS Introducción Introducción ¿Cómo funciona el navegador?

 Cómo funciona la web  Cómo funciona el navegador Introducción a HTML

 Definición de HTML  Renderizado HTML ¿Qué necesito para empezar? Organización de archivos y programas a utilizar Etiquetas y atributos

     

Estructura del documento base, etiquetas y atributos Etiqueta meta Etiquetas para títulos y párrafos Etiquetas para listas Etiquetas de imágenes Etiquetas de tablas

Formularios web

 Etiquetas de formularios  Captura de datos 

Más etiquetas de captura de datos

 Atributos en formularios Otras etiquetas

 

 





Etiqueta de enlaces Continuando con enlaces en HTML Enlaces con imágenes y de descarga Etiquetas contenedoras y semánticas Ejemplo de uso de etiquetas Terminando maquetado básico

Etiquetas multimedia

 Implementación de audio en una página web  Implementación de video en una página web  Etiqueta iframe HTML Gráfico

   

Utilización de archivos SVG Figuras básicas, etiquetas y atributos Etiquetas adicionales para SVG Herramientas para crear imágenes SVG

Introducción a CSS

   

Qué es CSS Utilización de CSS como atributo, etiqueta y archivo externo Cómo funciona la herencia en CSS Cómo funciona la cascada en CSS

Selectores

   

Selectores de etiqueta Selectores ID Selectores de atributos Selectores avanzados

Pseudo s y Pseudoelementos

 Qué son las Pseudo s y Pseudoelementos  Aplicación de las Pseudo s  Aplicación de Pseudoelementos Modelo de caja, su flujo y posicionamiento

       

Entendiendo el modelo de caja Unidades de medida en CSS Propiedad Display Propiedad Float Propiedad Position Propiedad Flex y Box-sizing Continuando con Flexbox Propiedades Flexbox para hijos

Propiedades para texto y fuente

 Cambio de tipografías

 Propiedades básicas para texto  Propiedad Text-shadow Propiedades de visualización

 Propiedades de color y fondo  Degradados, sombras y efectos de caja  Propiedades para tablas Diseño web responsivo

     

Introducción al diseño web responsivo Principales resoluciones de pantalla Uso del Viewport Imágenes responsivas Videos responsivos Media queries

Patrones de diseño adaptativo

    

Patrón Tiny Tweaks Patrón Mostly Fluid Patrón Column Drop Patrón Layout Shifter Patrón Off Canvas

Transformaciones

   

Rotate Scale Translate Skew

Animaciones

 Transition  Animation Filtros Aplicación de filtros a imágenes Cierre

        

Descargando los recursos a utilizar Estructura HTML del encabezado Estructura HTML del contenido Estructura HTML del pie de página Aplicando CSS a Encabezado Aplicando CSS a Banner Aplicando CSS a Sección de Bienvenida Iniciando CSS de Sección Sobre Nosotros Terminando CSS de Sección Sobre Nosotros

 Aplicando CSS a Pie de página  Aplicando Media Queries y terminando sitio web  Subiendo nuestra página a Surge...