HTML5 y CSS3 - Revolucione el diseño de sus sitios web

Front Cover
Ediciones ENI, 2012 - Education - 491 pages
"Es necesario que los diseñadores web, a la hora de crear sitios web, dominen los lenguajes fundamentales que son el HTML (HyperText Markup Language) y el CSS (Cascading Style Sheets). Esos dos pilares de la concepción de sitios web han llegado en la actualidad a dos versiones excepcionales, HTML5 y CSS3, que van a revolucionar la forma de crear sitios web. Este libro se dirige a los diseñadores de sitios web y a los grafistas web que ya tengan conocimientos de HTML 4 y de CSS 2.1 y que quieran evolucionar en su manera de trabajar para crear sitios web que integren esos nuevos estándares. En el apartado dedicado al HTML5, estudiará la nueva sintaxis, los nuevos elementos de estructura semántica (para el encabezado, las secciones, el menú de navegación ...), así como los formularios interactivos. En el apartado de CSS3, aprenderá a usar los nuevos selectores, el formato del texto y los estilos para los contenedores (sombras, bordes redondeados, degradados, bordes con diseños ...). Descubrirá el enorme potencial de los nuevos efectos de transformación, de transición y de animación y, por supuesto, utilizará una de las grandes novedades: la inserción nativa de elementos multimedia (audio y vídeo). Se ha dedicado un capítulo al Diseño web flexible (Responsive Web Design), que le permitirá adaptar sus sitios web a los diferentes soportes de difusión (pantallas de ordenador, tabletas táctiles y smartphones). El último capítulo le mostrará la aplicación concreta de diseños web mediante el estudio de plantillas de sitios web concebidas íntegramente en HTML5 y CSS3"--ENI Ediciones.
 

What people are saying - Write a review

User Review - Flag as inappropriate

NICE

User Review - Flag as inappropriate

hiiiiiiiiii

Contents

Introducción
20
Editions EN All rights reserved
21
La nueva sintaxis HTML5
37
F La sintaxis de los elementos
40
La visualización de los elementos
49
v v Q C Q Q Q S Q Q Q Q Q S Q Q Q Q Q Q Q Q Q Q Q Q Q Q Q v v Q Q v Q v v Q i Q S 5 Q t Q Q Q Q i Q Q Q Q Q Q Q oc Contenido 5
54
Contenido 3
55
El elemento figure
56
La estructura inicial del formulario
260
La sombra del formulario
261
El efecto punteado
262
Los trazos decorativos
263
Los campos de inserción de datos
264
El botón de conexión
265
El uso del botón
267
El resultado final
268

Ejemplos de estructura en HTML5
58
Una estructura más elaborada
59
La estructura de un artículo
60
Plantillas web en HTML5 A Plantillas para sitios web en HTML5
62
La estructura general
63
El código de la estructura
64
El banner de presentación
65
El pie de página
67
La plantilla Da Front Page
68
La estructura general
69
El título del sitio web
71
El encabezado del sitio web
72
El pie de página
74
La plantilla Learning Center
76
La estructura general
77
La cabecera
79
El menú de navegación
80
La continuación de la cabecera
81
G La plantilla Orange Flower
92
El camino hacia el CSS3
102
Net Tuts Prefixr
106
prefixmy CSS
107
C55Prefixer
108
Cómo interpretan los navegadores el CSS3
112
Examinar la compatibilidad con los selectores
114
CSS3 Please
116
Browser Support Checklist CSS3
117
Los nuevos selectores de C553
119
A Los selectores
120
Los pseudoelementos
121
El selector general de elementos adyacentes
122
El selector de atributo
123
Los vínculos de descarga
124
E La pseudoclase de vínculo
125
Resultado
126
F Las pseudoclases estructurales
127
Los elementos descendientes
129
Los últimos hijos de un elemento
135
Los primeros elementos de un tipo determinado
137
Los elementos hijo único de un tipo determinado
138
Los elementos vacíos
139
Los estilos de caja en C553
142
F Los bordes redondeados
150
H Las sombras
158
Los degradados
164
J Los fondos múltiples
170
K Otras propiedades del fondo
172
Los generadores CSS3 en línea
178
N Ejemplo de sombra para una página
189
Nuevos formatos para el texto
195
E El tamaño de las tipografías
210
G La tipografía avanzada
217
El campo para las URL
225
Las expresiones regulares
233
Los mensajes de error
248
Los campos válidos
250
Los valores fuera de los límites
251
J Un primer ejemplo de formulario sencillo
252
La estructura del formulario
253
Los estilos generales
254
S El formulario
255
Las etiquetas
256
El campo multilínea
257
Los campos activos
258
El botón de envío
259
La estructura inicial del formulario
270
El botón de envío
271
El diseño del formulario
272
Las etiquetas
273
El menú desplegable
274
El botón de envío
275
La gestión de las opciones
276
La visualización inicial
277
Ocultar las opciones
278
N Crear botones con símbolos
292
Las transformaciones C553
301
El cambio de escala
305
J Ejemplo de una galería Polaroid
312
Las transiciones con CSS3
321
Otras propiedades de las transiciones
326
G Ejemplo de un diaporama interactivo
335
La estructura
351
La animación
352
La visualización
354
La visualización
356
El diseño
357
La visualización
358
La ventana modal
359
El botón de cierre
361
Ocultar el cuerpo dela página
362
La animación de apertura
363
Activar la animación de apertura
364
Activar la animación de cierre
365
La visualización dela página
370
Los elementos multimedia audio y vídeo A Situación actual
372
La apariencia del reproductor de audio
373
Los formatos de audio
374
Diseñe sus propios controles de audio
375
Los antiguos navegadores
376
La apariencia del reproductor de vídeo
377
Dibujar un círculo
386
A Situación actual y objetivos
392
Las estructuras flexibles
407
F Crear un diseño flexible
423
H Las plantillas WordPress adaptables
439
El seño C553
449
Un diseño HTML5CSS3 FlipThru A La fuente
454
B La estructura HTMLS
455
El encabezado
456
El pie de página
457
El diseño CSS3
458
El elemento de interfaz de tipo acordeón
459
El fondo del acordeón
460
La lista ul
461
Los artículos
462
Las imágenes de los artículos
463
La aparición de los artículos
464
Un diseño HTML5CSS3 dConstruct 2011
467
A La fuente
468
B La estructura HTMLS
469
Los oradores
470
Los patrocinadores
471
El iseño CSS3
472
Las sombras aplicadas al texto
474
Las sombras de los contenedores
475
La estructura
477
Al pasar el cursor sobre el vínculo
478
E El diseño adaptable
479
Índice
485
Copyright

Other editions - View all

Common terms and phrases

Bibliographic information