Curso esencial de HTML5 de forma efectiva

introducci�n a HTML5 creaci�n de un sitio poco a poco

4.0

Course in Spanish

30 days Money Back Guarantee
Certificate of Completion
More than 1 hour of content
Additional Material
Lifetime
access

Teacher: Oscar Josu� Uh P�rez

Details

Description

HTML5 es la quinta revisión importante del lenguaje básico de la World Wide Web (Internet), HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos.

Al final de curso: los estudiantes podrán crear sitios web básicos, así como también tendrán la capacidad de conocer la estructura básica de un sitio web realizado con html5.

¿Quién puede tomar este curso?, todo aquel estudiante que esté interesado en conocer html5 y llevar a cabo su sitio web básico de forma rápida, confiable.

¿Quién no debería? Estudiantes con conocimiento nulo de internet.
Requerimientos antes de empezar el curso: Estudiantes con conocimiento de internet.

Nivel de instrucción: Introductorio.

View full description Hide full description

Objectives

Los estudiantes podr�n crear sitios web b�sicos

Instructional level

Introductory

Requirements

internet

Who should take this online course

Este curso esta dirigido a todo aquel estudiante que esté interesado en conocer HTML5 y llevar a cabo su sitio web básico de forma rápida y confiable.

Chapter 1: Estructuras HTML 5
- 1 Hola mundo (Etiquetas:html,head,body,html) 05:48 min
  
  DescriptionEn este vídeo se muestra la introducción a HTML5 usando varios editores de código como por ejemplo Sublime Text, Brackets, Dreamweaver, Visual estudio 2013 para web. Ejercicio online: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio1.htmlCódigo del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio1.html Documentación de apoyo:http://develoteca.comhttp://www.w3schools.com/html/html_elements.asphttp://mobilehtml5.org/http://www.wufoo.com.mx/html5/http://html5demos.com/
- 2 Etiquetas globales (meta, title, body) 04:20 min
  
  DescriptionEn este vídeo se muestra las etiquetas globales en un archivo HTML, con el objetivo de conocer la estructura que todo documento html debe de tener. Ejercicio de la lección :http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio2.htmlCódigo del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio2.html Documentación de apoyo:http://www.w3schools.com/html/html_elements.asp
- 3 Cuerpo del HTML (body, div, table) 05:37 min
  
  DescriptionEn este vídeo se muestra las etiquetas body, div, table de HTML, componentes muy especiales de este lenguaje básico Ejercicio de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio3.htmlCódigo del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio3.html Documentación:http://www.w3schools.com/html/html_attributes.asp Descargas de software:Brackets: http://brackets.io/Visual Estudio: https://www.visualstudio.com/es-es/products/visual-studio-express-vs.aspx
- 4 Estructura (header,nav,section,aside,article,footer) 06:50 min
  
  DescriptionEn este vídeo se muestra las etiquetas nuevas en html para la estructura de un documento. Ejercicio de la lección : http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio4.htmlCódigo del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio4.html Documentación:http://www.w3schools.com/html/html5_new_elements.asp Lista: https://www.youtube.com/watch?v=EW7ty9RXC7A&index=1&list=PLSuKjujFoGJ0Rx3PUm6BM0R8JN9R-Gich Descargas de software:Brackets: http://brackets.io/Visual Estudio: https://www.visualstudio.com/es-es/products/visual-studio-express-vs.aspx
- 5 Dentro del body (Más etiquetas - lo nuevo) 05:52 min
  
  DescriptionEn este vídeo se usan las etiquetas hgroup, figure, figcaption, img, mark, em, strong, small, cite, address, time que son las etiquetas nuevas de html5 que ayudan a generar nuevas estructuras diferentes a las tradicionales etiquetas html4. Ejercicio de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio5.html Código del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio5.html Documentación: http://www.w3schools.com/html/html5_new_elements.asp Lista: https://www.youtube.com/watch?v=EW7ty9RXC7A&index=1&list=PLSuKjujFoGJ0Rx3PUm6BM0R8JN9R-Gich
Chapter 2: Controles HTML5
- 1 Formularios, texto, botones, color, listas entre otras. 06:08 min
  
  DescriptionEn este vídeo se usan las etiquetas input, select y se implementan nuepos tipos de información muy diferentes a las tradicionales etiquetas html4. Ejercicio de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio6.html Código del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio6.html Documentación: http://www.w3schools.com/html/html_form_input_types.asp Lista: https://www.youtube.com/watch?v=EW7ty9RXC7A&index=1&list=PLSuKjujFoGJ0Rx3PUm6BM0R8JN9R-Gich
- 2 HTML5 y CSS3 (Hojas de estilo, etiquetas link y style) 04:19 min
  
  DescriptionEn este vídeo se usan las etiquetas style, link y se muestra una introducción al uso de hojas de estilo. Ejercicio de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio7.html Código del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio7.html Documentación: http://www.w3schools.com/css/default.asp
- 3 HTML5 y CSS3 (selectores css, lo básico de css ) 04:06 min
  
  DescriptionEn este vídeo se usan los selectores css con el objetivo de empezar a entender como funciona css3 mediante un recordatorio básico de funcionamiento css. Ejercicio de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio8.html Código del ejercicio: https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio8.html Documentación: http://www.w3schools.com/cssref/css_selectors.asp
- 4 Expresiones regulares en CSS3, más selectores 04:07 min
  
  DescriptionEn este vídeo se usan los selectores pero con expresiones. Ejercicio online de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio9.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio9.html 2.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/documentocss9.css Documentación: http://www.w3schools.com/cssref/css_selectors.asp
Chapter 3: interfaz HTML5
- 1 Aplicando css a las etiquetas html5 (cambio de apariencia) 06:34 min
  
  DescriptionEn este vídeo se aplican los estilos para el cambio de apariencias de las etiquetas html5. Ejercicio online de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio10.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio10.html Documentación: http://www.w3schools.com/cssref/default.asp
- 2 Atributos CSS3 (Sombras en texto, imágenes ) 07:01 min
  
  DescriptionEn este vídeo se aplican los atributos nuevos en css3 utilizando una plantilla html5. Ejercicio online de la leccción: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio11.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio11.html Documentación: http://www.w3schools.com/css/css3_shadows.asp
- 3 Framework Bootstrap y html (sencillo) 06:01 min
  
  DescriptionEn este vídeo se aplican clases del framework bootstrap Ejercicio online de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio12.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio12.html Documentación: http://getbootstrap.com/css/
- 4 Bootstrap implementando grids(básico) 06:16 min
  
  DescriptionEn este vídeo se aplican clases del framework bootstrap grids de 12 columnas. Ejercicio online de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio13.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio13.html Documentación: http://getbootstrap.com/css/https://bootswatch.com/http://getbootstrap.com/css/#gridhttp://www.w3schools.com/bootstrap/bootstrap_grid_system.asphttp://odetocode.com/images2/Windows-Live-Writer/Why-Use-A-Bootstrap-Grid_B33D/image_7.png
- 5 Bootstrap implementando modal(básico) 03:23 min
  
  DescriptionEn este vídeo se aplican clases del framework bootstrap modal de javascript. Ejercicio online de la lección: http://oscaruhp.github.io/html5-css-js/EjerciciosHTML5/Ejercicio14.html Código del ejercicio:1.- https://github.com/oscaruhp/html5-css-js/blob/gh-pages/EjerciciosHTML5/Ejercicio14.html Documentación: getbootstrap.com/javascript/#modals http://www.w3schools.com/bootstrap/bootstrap_modal.asp

The Teachlr

Oscar Josu� Uh P�rez

Profesor de asignatura y Desarrollador Web.

Ingeniero en sistemas computacionales egresado del Instituto Tecnol�gico de M�rida con t�tulo de maestr�a en gesti�n de tecnolog�as de la informaci�n en la Universidad Tecmilenio. Con amplia experiencia laboral que avalan los 10 a�os dedicados al desarrollo de software y m�s de 3 a�os en impartir cursos de programaci�n y de tecnolog�as de la informaci�n, actualmente es desarrollador de plataformas web de grupo Megamedia en el �rea de medios digitales, as� como tambi�n es profesor de asignatur

Reviews

Saida Tahuri
Jhordan Mari�o

Un excelente curs para quien va empesando en el manejo de lenguajes html , css
Jaqueline Arispe

Muy buena introduccion a HTML, CSS y Bootstrap
Jere Arteaga
Luis vicente Capera Remigio
Julian Hurtado
Mario Javier Romero Barrios

muy bueno el curso es bastante explicito, muy sencillo de entender y sobre todo f�cil a la hora de realizar el boceto correspondiente
Steven Joel Holguin Veloz

genial
Maybelline E. Loor Osejos
Abraham Lino Uruchima

muy bueno excelente se explica bien y es muy facil