Aprende HTML5 y CSS3 desde cero
- Descripción
- Currículum
- Reseñas
¿DE QUÉ SE TRATA EL CURSO?
Hoy en día todo diseñador gráfico que se oriente hacia la web debe conocer los lenguajes de marcado y de estilo HTML y CSS. Conocer dichos lenguajes les permite transformar diseños en experiencias interactivas, fundamental para un buen desarrollo web.
El HTML en su versión 5 nos permite maquetar sitios web a través de etiquetas y dichas etiquetas las podemos convertir en objetos visuales gracias al CSS en su versión 3.
En este curso aprenderás a escribir etiquetas HTML5, cómo se clasifican y cuáles son sus funciones. Además las propiedades CSS necesarias para dar una apariencia estética a nuestros sitios web.
¿CÓMO ES EL CURSO?
Comenzaremos a conocer las etiquetas más importantes de HTML5, desde la cabecera hasta el cuerpo del sitio web, pasando por las etiquetas de meta-datos, enlaces, estilos, cabezote, barra de navegación, columnas, secciones, artículos, imágenes, video, audio y pie de página.
Luego conoceremos la clasificación de las propiedades CSS para dar la mejor apariencia a cada una de esas etiquetas que creamos en HTML5.
En este curso podrás descargar una carpeta donde está todo el material necesario para la elaboración del mismo.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que menos de una semana puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos del inicio de cada Sección.
¿A QUIÉN VA DIRIGIDO ESTE CURSO?
- Diseñadores gráficos, visuales, artistas, desarrolladores
- Empresas y emprendedores
- Cualquier persona que quiera tener una página web
-
1PresentaciónVideo lesson
-
2Canales de comunicación y aprendizajeText lesson
-
3Bienvenida introducción HTML5Video lesson
En esta clase conocerás que el HTML5 es un lenguaje de marcado y se necesita de un editor de código para poder crearlo. Recuerda descargar el material de apoyo de esta primera sección en esta clase.
-
4Descargando nuestro editor de códigoVideo lesson
En esta clase aprenderás a descargar el editor de código que más te guste para el desarrollo del curso.
-
5Creando el primer archivo html5Video lesson
En esta clase aprenderás a crear un archivo en la extensión .html
-
6Etiquetas html5Video lesson
En esta clase conocerás los nombres de las etiquetas HTML5 más importantes y la creación de las mismas.
-
7Estructura de una página web html5Video lesson
En esta clase aprenderás a construir una la estructura de una página web en HTML5.
-
8Estructura de la cabecera de un sitio webVideo lesson
En esta clase aprenderás a construir la cabecera de un sitio web utilizando las etiquetas HTML5 correspondientes.
-
9Estructura del cuerpo de un sitio web - parte 1Video lesson
En esta clase aprenderás a construir el cuerpo de un sitio web utilizando las etiquetas HTML5 adecuadas.
-
10Estructura del cuerpo de un sitio web - parte 2Video lesson
En esta clase continuamos aprendiendo cuáles etiquetas HTML5 son las que se utilizan en el cuerpo del sitio web.
-
11Estructura del cuerpo de un sitio web - parte 3Video lesson
En esta clase continuamos aprendiendo cuáles etiquetas HTML5 son las que se utilizan en el cuerpo del sitio web.
-
12Etiqueta AudioVideo lesson
En esta clase conoceremos las etiquetas de Audio y sus funciones.
-
13Etiqueta VideoVideo lesson
En esta clase aprenderemos a utilizar la etiqueta Video con sus respectivas funciones.
-
14Etiqueta IframeVideo lesson
En esta clase aprenderemos a utilizar la etiqueta IFRAME. Es una etiqueta que permite vincular recursos multimediales externos.
-
15Etiqueta DivVideo lesson
En esta clase conoceremos la etiqueta más usada en HTML, la etiqueta DIV.
-
16Etiqueta FormularioVideo lesson
En esta clase conocerás las etiquetas de formulario, utilizadas para que el usuario pueda interactuar con la página y solicitar información al proveedor del sitio.
-
17Bienvenida Introducción CSS3Video lesson
En esta clase veremos el alcance de este curso de CSS3. Recuerda descargar el material de apoyo de esta segunda sección en esta clase.
-
18Sintaxis CSS3Video lesson
En esta clase aprenderemos a escribir la sintaxis del lenguaje de estilo CSS.
-
19Propiedades de formaVideo lesson
En esta clase conoceremos las propiedades forma, son aquellas que nos permiten dar forma a las cajas HTML.
-
20Propiedades de colorVideo lesson
En esta clase aprenderemos a utilizar las propiedades de color. Son aquellas que nos permiten colorear las cajas HTML.
-
21Propiedades de Ubicación - Parte 1Video lesson
En esta clase comenzaremos a conocer las propiedades de ubicación. Estas propiedades nos permitirán maquetar de una manera correcta un sitio web.
-
22Propiedades de Ubicación - Parte 2Video lesson
En esta clase continuaremos con las propiedades de ubicación.
-
23Propiedades de Ubicación - Parte 3Video lesson
En esta clase continuamos con las propiedades de ubicación.
-
24Propiedades de Ubicación - Parte 4Video lesson
En esta clase finalizamos las propiedades de ubicación.
-
25Propiedades de Texto - Parte 1Video lesson
En esta clase explicaremos las propiedades de texto que podemos utilizar en CSS3.
-
26Propiedades de Texto - Parte 2Video lesson
En esta clase finalizamos las propiedades de texto.
-
27Propiedades de ListaVideo lesson
Las propiedades de lista nos permite organizar de manera estética listados que construyamos en html.
-
28Estilos de FormularioVideo lesson
Cuando construimos formularios es importante que tengan una apariencia agradable y fácil de usar.
-
29Propiedades de EnlaceVideo lesson
En las propiedades de enlace damos estética a los menú y botones auxiliares.
-
30Despedida Introducción a CSS3Video lesson
Haz finalizado esta introducción a CSS3. Ahora vamos al siguiente nivel, vamos a aprender Diseño Web Responsivo con HTML5 y CSS3.
-
31¿Cómo subir una página web a internet gratis?Video lesson
Te invito a que veas este tips de Tutoriales a tu Alcance que está en mi canal de youtube: https://www.youtube.com/c/TutorialesatuAlcance
Si acabas de construir un sitio web y no sabes cómo visualizarlos en internet, este "Tip" es para ti.
