Curso-Taller HTML5

Curso taller de HTML5 con ejemplos.

http://neowelder.com

Transcript

1. Curso de Desarrollo Web Sesión 1 : HTML5
2. Curso de Desarrollo Web • Introducción al curso • Introducción, Instalación y configuración de un local server • Herramientas de desarrollo web • Estructura básica de un documento HTML5 • Etiquetas de texto y CSS • Colores y valores en HTML5 • Organización de una página • Manejo de listas y tablas • Navegabilidad • Multimedia en HTML5 (Audio y Video) • Formularios
3. Introducción al curso
4. Introducción, Instalación y configuración de un local server Apache PHP MySQL
5. Herramientas de Desarrollo Web
6. Estructura básica de un documento HTML5 • HTML • Head • Meta tags • Title • Body
14. Etiquetas de texto y CSS • Parrafo: p • Cabecera: h1 – 6 • Solo texto: span • Enlace: a • Texto Negrita: b, strong • Texto Cursiva: i, em • Texto Subrayado: u • Texto Tachado: s
15. Párrafos
16. Párrafo
17. Párrafo
18. Texto de Cabecera
21. Span
24. Enlace
27. Texto en negritas
30. Texto en itálica
33. Texto Subrayado
36. Texto tachado
39. Colores y valores en HTML5 • Prefijo en ingles • Valores hexadecimal • Funciones rgb y rgba
40. Prefijo ingles • Rojo : red • Azul : blue • Verde: Green • Amarillo: Yellow • Negro: black • Blanco: White • Café : Brown • Rosa: pink • Morado: purple • Violeta : violet
43. Valores hexadecimales • Rojo : #FF0000 • Azul : #0000FF • Verde: #00FF00 • Amarillo: #FFFF00 • Negro: #000000 • Blanco: #FFFFFF • Violeta : #FF00FF
46. Funciones rgb y rgba • Rojo : rgb(255,00,00) • Azul : rgb(0,0,255) • Verde: rgb(0,255,0) • Amarillo: rgb(255,255,0) • Negro: rgb(0,0,0) • Blanco: rgb(255,255,255) • Violeta : rgb(255,0,255)
49. Organización de una página
52. Manejo de listas y tablas Listas Tablas
53. Listas • Listas ordenadas • Listas no ordenadas • Tipos • Listas anidadas
54. Lista ordenada
57. Lista no ordenada
60. Tipos • Cuadro : Square • Circulo : Circle • Nada : None
63. Listas Anidadas
66. Tablas • Filas • Columnas
67. Navegabilidad • Tipo de navegablidad • Construyamos un Menu
68. Multimedia en HTML5 (Audio y Video) • Imágenes • Audio • Video
69. Formularios • Text Input • Password input • Radio button • Check button • Botones • Combo Box, Select, option • Componentes de HTML5 : Slider, number, email, address, pone