Playlist Diseño Web: HTML + CSS

Introducción al HTML5 y CSS3

Introducción al HTML5 y CSS3 19min

Introducción a los lenguajes de programación HTML y CSS

Introducción a HTML

Etiquetas HTML

Atributos

Textos

Enlaces, listas e imágenes

Formularios y tablas

Introducción a CSS

Selectores

Medidas y colores

Textos y enlaces

Imágenes

Cajas y contenedores

Posicionamiento

Recursos

Crea tu aplicación web con HTML5 y CSS3

Contenido: HTML5

Componentes básicos

Reproduciendo vídeo

Reproduciendo audio

API Canvas

Arrastrar y soltar en la web

API Geolocation

Estructura CSS3

Estilos CSS y modelos de caja

Propiedades CSS3

Responsive Design

Compatibilidad con navegadores antiguos

Funcionalidad: JQuery

Eventos

Efectos

HTML

Etiquetas (tags) y atributos HTML

Los comentarios en HTML

Carpetas y archivos de una página web

El editor de código, nuestra herramienta de trabajo

Desarrolla tu primera página web en HTML

Los hipervínculos (enlaces) en HTML

Tipos de listas en HTML y direcciones físicas

Imágenes en HTML

Formularios en HTML

Tablas en HTML

Los atributos ID y CLASS de HTML

Las etiquetas DIV y SPAN del HTML

Introducción al HTML5 - Etiquetas Header, Nav, Article, Section, Time, Footer y Blockquote

Cómo hacer que Internet Explorer 6,7 y 8 sea compatible con HTML5

Nuevos tipos de input en HTML5

Atributos personalizados en HTML5

CSS

Qué es el CSS, Reglas de Estilo, Sintaxis y Herencias

Las Unidades de Medida en CSS

Modelo de Caja en CSS

CSS Inline, Interno y Externo

Selectores de ID y de CLASE en CSS

Selectores Descendientes en CSS

Introducción

Introducción

HTML

Atributos

Encabezados

Párrafos

CSS estilo

Formato

Referencias o citas

Comentarios y colores

CSS

Enlaces

Imágenes

Tablas

Listas

Elementos de bloque y en línea

Iframe

Javascript, rutas y head

Layout

Responsive

Elementos de código de computadora

Formularios

Qué es un formulario y su estructura

Elementos de un formulario

Tipos de input

Atributos del input (parte 1)

Atributos del input (parte 2)

Atributos del input (parte 3)

Atributos del input (parte 4)

HTML5 y Graphics

Lo nuevo de HTML en su versión HTML5

Canvas

SVG

Google maps

HTML5 media

HTML5 vídeo

HTML5 audio

HTML5 plug-ins

HTML5 youtube

HTML5 APIs

Geolocalización

HTML5 Drag and Drop

HTML5 Web Storage

HTML5 Web Workers

HTML5 Server-Sent Events

Proyecto fin de curso

Creación del proyecto (parte 1)

Creación del proyecto (parte 2)

Creación del proyecto (parte 3)

Creación del proyecto (parte 4)

Creación del proyecto (parte 5)

Creación del proyecto (parte 6)

Efectos CSS3

Introducción

PseudoElementos

PseudoClases

Técnicas de Camuflaje

Triángulo Lateral

Triángulo Fijo

Esquina Página

Sombra Fija

sombra difuminada

sombra radial

sombra externa

sombra interna

iluminación

resalte de borde

borde interno

expansión de borde

recogida de borde

redondeado de esquinas

borde inferior

Conclusión

Keyframe CSS

Introducción

Estructura

Chicle

Rebote

FadeIn Variantes

Sombra Móvil

Arrow

Efecto 3D con CSS3

TranslateZ 3D

Animación Balanceo

Animación Bote

Animación Chicle

Animación Doble Click

Animación Intermitente

Animación Descarte

Animación Onda

Animación Giro 3D

Triángulo Lateral

Efecto Triángulo Fijo

Efecto Esquina de Página

Efecto Sombra Móvil

Efecto de Sombra Fija

CSS Efecto 3D

Introducción

Cubo Esqueleto

Bola del Mundo

Proyecto Presentación

Cómo crear un Menu Responsive CSS para tu Web

Introducción

Landing Page

Normal

Desplegado Vertical

Desplegado Horizontal

Android

Tarjetas Circulares

Botones Circulares

SemiEsfera