Arrancar con HTML5 curso de programación /

By:

Herrera Ríos Emmanuel

Language: Español Publication details: Alfaomega Mexico 2012Edition: 1ra. edicionDescription: 264 Ilustracion 17 x 23 cmISBN:

9786077073314

Subject(s):

Programación

LOC classification:

QA76.76H94 H467

Contents:

iene y qué es HTML? ...... 1 Expectativa ..................................................... 2 Introducción ................................................... 3 Un poco de historia ....................................... 4 El éxito puede ser el mayor problema ....... 4 Round 2 (nuevos competidores) ................ 5 ¿HTML5 o una versión anterior? ................ 5 HTML4 ..................................................... 5 XHTML ..................................................... 6 HTML5 ..................................................... 6 Comprendiendo las etiquetas (tags) ......... 6 Comprendiendo las hojas de estilo en cascada (CSS) ....................................... 7 JavaScript ....................................................... 8 Tecnologías de páginas activas de servidor 8 Resumen ........................................................ 9 Autoevaluación.............................................. 9 Evidencia ........................................................ 10 Referencias .................................................... 11 Bibliografía ............................................. 11 Paginas Web recomendadas .............. 11 Respuestas sugeridas ................................. 12 Capítulo2 Preparándonos para HTML5 ................ 13 Expectativa ..................................................... 14 Introducción ................................................... 15 Eligiendo un navegador ............................... 15 Tipo de documento ....................................... 17 Etiqueta <!DOCTYPE html> .................. 18 Estructura básica de un documento HTML 18 Etiquetas <head> y <body> ................. 18 Título y Metadatos ........................................ 19 Ejemplo ................................................... 19 Ejercicio .................................................. 21 Párrafos y saltos de línea ............................ 21 Detección de las características de HTML5.................................................... 23 Resumen ........................................................ 26 Autoevaluación ............................................. 26 Evidencia ........................................................ 27 Referencias ................................................... 27 Bibliografía ............................................. 27 Paginas Web recomendadas .............. 27 Respuestas sugeridas ................................ 28 Capítulo 3 Más bases HTML ............................... 29 Expectativa ................................................... 30 Introducción ................................................. 31 ¿HTML o XHTML? .......................................... 31 Formato de texto con etiquetas ................. 32 Cabeceras .............................................. 33 Ejercicio .................................................. 34 Negritas, cursiva, subrayado y otros .. 34 Ejercicio .................................................. 36 Subíndices y superíndices ................... 36 Ejercicio .................................................. 37 Bloque de citas ...................................... 38 Ejercicio .................................................. 38 Línea Horizontal .................................... 39 Listas .............................................................. 40 Listas numeradas y listas no numeradas .................................... 41 Listas de definición ............................... 42 Ejemplo ................................................... 43 Acceso al material complementario ........ XIII programación ............................................. XI A Imágenes ....................................................... 44 Tablas ............................................................. 46 Ejemplo ................................................... 47 Hipervínculos (enlaces) ................................ 48 Ejemplo ................................................... 49 Formularios (controles clásicos) ................. 51 Estructura del formulario ..................... 56 Campo de texto ..................................... 56 Área de texto .......................................... 57 Campo de contraseña (password) ........................................... 57 Lista de selección simple (combobox) .......................................... 58 Lista de selección múltiple (listbox) ... 59 Lista de selección múltiple (listbox multiple selection) ................ 59 Lista de botones radio (radio buttons) .................................... 59 Lista de cajas (checkboxes) ................. 61 Botón para enviar información ........... 62 Botón para borrar información del formulario ............... 62 Botón simple .......................................... 62 Imagen (botón) ...................................... 63 Notas adicionales sobre botones ........ 63 Campo oculto ......................................... 63 Validar páginas HTML5 ................................ 64 Resumen ........................................................ 64 Autoevaluación.............................................. 65 Evidencia ........................................................ 65 Referencias .................................................... 66 Bibliografía ............................................. 66 Paginas Web recomendadas .............. 66 Respuestas sugeridas ................................. 66 Capítulo 4 Los nuevos elementos HTML5 ............ 67 Expectativa ..................................................... 68 Nueva semántica .......................................... 69 Elementos estructurales .............................. 69 article....................................................... 69 aside ........................................................ 70 footer ....................................................... 71 header ..................................................... 71 nav ........................................................... 71 section ..................................................... 72 Elementos estructurales complementarios ....................................... 72 address .................................................... 72 hgroup ..................................................... 73 menu ....................................................... 73 Elementos semánticos en línea ................. 74 command ............................................... 74 details y summary ................................ 75 dfn ........................................................... 75 figure y figcaption ................................. 76 wbr ........................................................... 76 Media .............................................................. 76 audio ....................................................... 76 canvas ..................................................... 77 embed ..................................................... 79 svg ........................................................... 80 video ........................................................ 81 Resumen ........................................................ 83 Autoevaluación ............................................. 83 Evidencia ........................................................ 84 Referencias ................................................... 84 Bibliografía ............................................. 84 Paginas Web recomendadas .............. 84 Respuestas sugeridas ................................ 84 Capítulo 5 Controles nuevos en formularios HTML5 ........................... 85 Expectativa .................................................... 86 Introducción .................................................. 87 Un vistazo a los controles nuevos .............. 87 Elementos independientes ......................... 90 fieldset .................................................... 90 keygen .................................................... 90 label......................................................... 91 meter ..................................................... 91 progress .................................................. 92 Elementos tipo input .................................... 92 email ....................................................... 92 number ................................................... 93 range ....................................................... 93 search .................................................... 93 tel ............................................................. 94 url ............................................................. 94 Nuevos atributos ........................................... 94 autofocus ................................................ 94 pattern .................................................... 95 placeholder ............................................ 95 Resumen ........................................................ 96 Autoevaluación ............................................. 96 Evidencia ........................................................ 97 Referencias ................................................... 97 Bibliografía ............................................. 97 Paginas Web recomendadas .............. 97 Respuestas sugeridas ................................. 98 Capítulo 6 Primeros pasos con CSS ...................... 99 Expectativa ..................................................... 100 Introducción ................................................... 101 Un vistazo a hojas de estilo o CSS (Cascading Style Sheets) .......................... 101 Utilizar estilos a nivel local .......................... 102 Utilizar estilos a nivel documento .............. 103 Utilizar estilos a nivel de sitio (link) ............ 105 Utilizar clases y el identificador (class e id) .................................................... 107 Manipular la apariencia de una página .... 110 Manipular texto ...................................... 110 Manipular colores .................................. 114 Manipular Bordes .................................. 115 Agrupación de elementos (span y div) ...... 116 span ......................................................... 116 Ejemplo ................................................... 117 div............................................................. 117 Ejemplo ................................................... 118 Posicionamiento ........................................... 119 Elementos flotantes (propiedades float y clear) ........................................ 119 Posicionamiento absoluto ................... 123 posicionamiento relativo ...................... 124 Resumen ........................................................ 126 Autoevaluación.............................................. 126 Evidencia ........................................................ 127 Referencias .................................................... 127 Bibliografía ............................................. 127 Paginas Web recomendadas .............. 127 Respuestas sugeridas ................................. 128 Capítulo 7 Nuevo y mejorado CSS3 ......................... 129 Expectativa ..................................................... 130 Introducción ................................................... 131 Motores de renderizado y CSS3 ................. 131 Nuevas notaciones para color .................... 132 Notación RGBA ...................................... 132 Notación HSL Y HSLA ............................ 132 Bordes ............................................................. 133 Bordes redondeados ............................. 135 Bordes sombreados .............................. 135 Bordes con imagen ............................... 136 Gradientes ...................................................... 138 Transformaciones ......................................... 144 Transiciones .................................................. 146 Transparencia ............................................... 150 Texto y fuentes descargables ..................... 151 text-shadow ............................................ 152 text-stroke .............................................. 152 @font-face .............................................. 153 Herramientas de selección ......................... 154 Selección por atributo .......................... 154 Selección por relación padre-hijo ....... 155 Selección inversa (not) ......................... 156 Resumen ........................................................ 158 Autoevaluación ............................................. 158 Evidencia ........................................................ 159 Referencias ................................................... 159 Bibliografía ............................................. 159 Paginas Web recomendadas .............. 159 Respuestas sugeridas ................................ 160 Capítulo 8 Novedades en JavaScript .................. 161 Expectativa .................................................... 162 Introducción .................................................. 163 Nuevas herramientas de selección ........... 163 getElementsByClassName() ................ 163 getElementsByTagName ..................... 164 querySelector() ...................................... 164 querySelectorAll() .................................. 165 Almacenamiento de sesión y local ............ 165 Almacenamiento por sesión ............... 166 Almacenamiento local ......................... 166 Asignando y recuperando datos de sessionStorage y localStorage ... 166 Métodos y propiedades de session Storage y localStorage ...................... 169 Web offline (caché) ...................................... 169 Geolocalización ............................................. 172 WebSocket .................................................... 176 Creación interfaz ................................... 183 Conexión de sockets ............................. 183 Envío de mensaje .................................. 184 Algunas puntualizaciones .................... 185 Web workers ................................................. 185 Creación interfaz ................................... 190 Llamar al web worker ........................... 191 Construir el código del web worker .... 192 Resumen: pasos para crear un Web worker ............................................ 193 Algunas puntualizaciones entre Web workers y navegadores ............... 194 Resumen ........................................................ 195

Summary: alternativas que ofrece HTML5. Cuenta con recursos en línea y contenido adicional para respaldar mejor el aprendizaje obtenido con el texto. Es un libro que ordena ideas, conceptos e información en nuestro idioma, es una forma muy bella y eficaz de aprender como se construye la Web moderna que incluye entre otras cosas video, audio, geolocalización y muchos más. Ventajas Competitivas En la Web se encuentran todos los programas fuentes del libro ordenados por capítulo. El libro es muy didáctico, basado en la versión 5 de HTML aun sin liberar. Repasa el modelo de trabajo de y las bases necesarias para trabajar con los distintos navegadores. El Libro esta pensado para programadores que quieran crear páginas Web e interfaces gráficas utilizando HTML5. Conozca Las bases del HTML5. Las características fundamentales de HTML5. Cómo crear páginas Web expresivas e interactivas, que pueden ejecutarse en el navegador tanto localmente como de manera remota. Aprenda A trabajar con los nuevos elementos de HTML5.

Holdings
Item type	Current library	Collection	Call number	Copy number	Status	Barcode
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	Ej.1	Available	0410Q
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	EJ.2	Available	0411Q
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	EJ.3	Available	0412Q
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	Ej.4	Available	0413Q
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	Ej.5	Available	0767q
Libro	CI Gustavo A. Madero Sala General	Colección General	QA76.76H94 H467 2012	Ej.6	Available	0768Q

iene y qué es HTML? ...... 1
Expectativa ..................................................... 2
Introducción ................................................... 3
Un poco de historia ....................................... 4
El éxito puede ser el mayor problema ....... 4
Round 2 (nuevos competidores) ................ 5
¿HTML5 o una versión anterior? ................ 5
HTML4 ..................................................... 5
XHTML ..................................................... 6
HTML5 ..................................................... 6
Comprendiendo las etiquetas (tags) ......... 6
Comprendiendo las hojas de estilo
en cascada (CSS) ....................................... 7
JavaScript ....................................................... 8
Tecnologías de páginas activas de servidor 8
Resumen ........................................................ 9
Autoevaluación.............................................. 9
Evidencia ........................................................ 10
Referencias .................................................... 11
Bibliografía ............................................. 11
Paginas Web recomendadas .............. 11
Respuestas sugeridas ................................. 12
Capítulo2
Preparándonos para HTML5 ................ 13
Expectativa ..................................................... 14
Introducción ................................................... 15
Eligiendo un navegador ............................... 15
Tipo de documento ....................................... 17
Etiqueta <!DOCTYPE html> .................. 18
Estructura básica de un documento HTML 18
Etiquetas <head> y <body> ................. 18
Título y Metadatos ........................................ 19
Ejemplo ................................................... 19
Ejercicio .................................................. 21
Párrafos y saltos de línea ............................ 21
Detección de las características
de HTML5.................................................... 23
Resumen ........................................................ 26
Autoevaluación ............................................. 26
Evidencia ........................................................ 27
Referencias ................................................... 27
Bibliografía ............................................. 27
Paginas Web recomendadas .............. 27
Respuestas sugeridas ................................ 28
Capítulo 3
Más bases HTML ............................... 29
Expectativa ................................................... 30
Introducción ................................................. 31
¿HTML o XHTML? .......................................... 31
Formato de texto con etiquetas ................. 32
Cabeceras .............................................. 33
Ejercicio .................................................. 34
Negritas, cursiva, subrayado y otros .. 34
Ejercicio .................................................. 36
Subíndices y superíndices ................... 36
Ejercicio .................................................. 37
Bloque de citas ...................................... 38
Ejercicio .................................................. 38
Línea Horizontal .................................... 39
Listas .............................................................. 40
Listas numeradas y listas
no numeradas .................................... 41
Listas de definición ............................... 42
Ejemplo ................................................... 43
Acceso al material complementario ........ XIII
programación ............................................. XI
A Imágenes ....................................................... 44
Tablas ............................................................. 46
Ejemplo ................................................... 47
Hipervínculos (enlaces) ................................ 48
Ejemplo ................................................... 49
Formularios (controles clásicos) ................. 51
Estructura del formulario ..................... 56
Campo de texto ..................................... 56
Área de texto .......................................... 57
Campo de contraseña
(password) ........................................... 57
Lista de selección simple
(combobox) .......................................... 58
Lista de selección múltiple (listbox) ... 59
Lista de selección múltiple
(listbox multiple selection) ................ 59
Lista de botones radio
(radio buttons) .................................... 59
Lista de cajas (checkboxes) ................. 61
Botón para enviar información ........... 62
Botón para borrar
información del formulario ............... 62
Botón simple .......................................... 62
Imagen (botón) ...................................... 63
Notas adicionales sobre botones ........ 63
Campo oculto ......................................... 63
Validar páginas HTML5 ................................ 64
Resumen ........................................................ 64
Autoevaluación.............................................. 65
Evidencia ........................................................ 65
Referencias .................................................... 66
Bibliografía ............................................. 66
Paginas Web recomendadas .............. 66
Respuestas sugeridas ................................. 66
Capítulo 4
Los nuevos elementos HTML5 ............ 67
Expectativa ..................................................... 68
Nueva semántica .......................................... 69
Elementos estructurales .............................. 69
article....................................................... 69
aside ........................................................ 70
footer ....................................................... 71
header ..................................................... 71
nav ........................................................... 71
section ..................................................... 72
Elementos estructurales
complementarios ....................................... 72
address .................................................... 72
hgroup ..................................................... 73
menu ....................................................... 73
Elementos semánticos en línea ................. 74
command ............................................... 74
details y summary ................................ 75
dfn ........................................................... 75
figure y figcaption ................................. 76
wbr ........................................................... 76
Media .............................................................. 76
audio ....................................................... 76
canvas ..................................................... 77
embed ..................................................... 79
svg ........................................................... 80
video ........................................................ 81
Resumen ........................................................ 83
Autoevaluación ............................................. 83
Evidencia ........................................................ 84
Referencias ................................................... 84
Bibliografía ............................................. 84
Paginas Web recomendadas .............. 84
Respuestas sugeridas ................................ 84
Capítulo 5
Controles nuevos en
formularios HTML5 ........................... 85
Expectativa .................................................... 86
Introducción .................................................. 87
Un vistazo a los controles nuevos .............. 87
Elementos independientes ......................... 90
fieldset .................................................... 90
keygen .................................................... 90
label......................................................... 91
meter ..................................................... 91
progress .................................................. 92
Elementos tipo input .................................... 92
email ....................................................... 92
number ................................................... 93
range ....................................................... 93
search .................................................... 93
tel ............................................................. 94
url ............................................................. 94
Nuevos atributos ........................................... 94
autofocus ................................................ 94
pattern .................................................... 95
placeholder ............................................ 95
Resumen ........................................................ 96
Autoevaluación ............................................. 96
Evidencia ........................................................ 97
Referencias ................................................... 97
Bibliografía ............................................. 97
Paginas Web recomendadas .............. 97
Respuestas sugeridas ................................. 98
Capítulo 6
Primeros pasos con CSS ...................... 99
Expectativa ..................................................... 100
Introducción ................................................... 101
Un vistazo a hojas de estilo o CSS
(Cascading Style Sheets) .......................... 101
Utilizar estilos a nivel local .......................... 102
Utilizar estilos a nivel documento .............. 103
Utilizar estilos a nivel de sitio (link) ............ 105
Utilizar clases y el identificador
(class e id) .................................................... 107
Manipular la apariencia de una página .... 110
Manipular texto ...................................... 110
Manipular colores .................................. 114
Manipular Bordes .................................. 115
Agrupación de elementos (span y div) ...... 116
span ......................................................... 116
Ejemplo ................................................... 117
div............................................................. 117
Ejemplo ................................................... 118
Posicionamiento ........................................... 119
Elementos flotantes (propiedades
float y clear) ........................................ 119
Posicionamiento absoluto ................... 123
posicionamiento relativo ...................... 124
Resumen ........................................................ 126
Autoevaluación.............................................. 126
Evidencia ........................................................ 127
Referencias .................................................... 127
Bibliografía ............................................. 127
Paginas Web recomendadas .............. 127
Respuestas sugeridas ................................. 128
Capítulo 7
Nuevo y mejorado CSS3 ......................... 129
Expectativa ..................................................... 130
Introducción ................................................... 131
Motores de renderizado y CSS3 ................. 131
Nuevas notaciones para color .................... 132
Notación RGBA ...................................... 132
Notación HSL Y HSLA ............................ 132
Bordes ............................................................. 133
Bordes redondeados ............................. 135
Bordes sombreados .............................. 135
Bordes con imagen ............................... 136
Gradientes ...................................................... 138
Transformaciones ......................................... 144
Transiciones .................................................. 146
Transparencia ............................................... 150
Texto y fuentes descargables ..................... 151
text-shadow ............................................ 152
text-stroke .............................................. 152
@font-face .............................................. 153
Herramientas de selección ......................... 154
Selección por atributo .......................... 154
Selección por relación padre-hijo ....... 155
Selección inversa (not) ......................... 156
Resumen ........................................................ 158
Autoevaluación ............................................. 158
Evidencia ........................................................ 159
Referencias ................................................... 159
Bibliografía ............................................. 159
Paginas Web recomendadas .............. 159
Respuestas sugeridas ................................ 160
Capítulo 8
Novedades en JavaScript .................. 161
Expectativa .................................................... 162
Introducción .................................................. 163
Nuevas herramientas de selección ........... 163
getElementsByClassName() ................ 163
getElementsByTagName ..................... 164
querySelector() ...................................... 164
querySelectorAll() .................................. 165
Almacenamiento de sesión y local ............ 165
Almacenamiento por sesión ............... 166
Almacenamiento local ......................... 166
Asignando y recuperando datos
de sessionStorage y localStorage ... 166
Métodos y propiedades de session
Storage y localStorage ...................... 169
Web offline (caché) ...................................... 169
Geolocalización ............................................. 172
WebSocket .................................................... 176
Creación interfaz ................................... 183
Conexión de sockets ............................. 183
Envío de mensaje .................................. 184
Algunas puntualizaciones .................... 185
Web workers ................................................. 185
Creación interfaz ................................... 190
Llamar al web worker ........................... 191
Construir el código del web worker .... 192
Resumen: pasos para crear un
Web worker ............................................ 193
Algunas puntualizaciones entre
Web workers y navegadores ............... 194
Resumen ........................................................ 195

alternativas que ofrece HTML5. Cuenta con recursos en línea y contenido adicional para respaldar mejor el aprendizaje obtenido con el texto. Es un libro que ordena ideas, conceptos e información en nuestro idioma, es una forma muy bella y eficaz de aprender como se construye la Web moderna que incluye entre otras cosas video, audio, geolocalización y muchos más.

Ventajas Competitivas

En la Web se encuentran todos los programas fuentes del libro ordenados por capítulo.
El libro es muy didáctico, basado en la versión 5 de HTML aun sin liberar.
Repasa el modelo de trabajo de y las bases necesarias para trabajar con los distintos navegadores.
El Libro esta pensado para programadores que quieran crear páginas Web e interfaces gráficas utilizando HTML5.
Conozca

Las bases del HTML5.
Las características fundamentales de HTML5.
Cómo crear páginas Web expresivas e interactivas, que pueden ejecutarse en el navegador tanto localmente como de manera remota.
Aprenda

A trabajar con los nuevos elementos de HTML5.

Ingeniería en Tecnologías de la Información y Comunicación

There are no comments on this title.

to post a comment.

Click on an image to view it in the image viewer