Html5 y Css3. Revolucione el Dise¥o de sus Sitios Web
Autor:Christophe AUBRY;
Categoría:Candidatos a borrar
ISBN: 9782746073494
ENI EDICIONES nos ofrece Html5 y Css3. Revolucione el Dise¥o de sus Sitios Web en español, disponible en nuestra tienda desde el 05 de Abril del 2019. Este libro cuenta con un total de 491 páginas .
Argumento de Html5 y Css3. Revolucione el Dise¥o de sus 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.0
A. La creación de sitios web
B. Los lenguajes
C. El libro
1. Para los diseñadores web
2. El contenido
A. Breve historia de Internet
B. La evolución del HTML
1. Las investigaciones del W3C
2. El HyperText Markup Language
3. La evolución con el XHTML
4. Los disidentes del WHATWG
5. La llegada del HTML5
6. Los documentos HTML5 del W3C
7. La evolución de las recomendaciones
8. ¿Podemos usar HTML5?
9. Este libro y la evolución del HTML5
C. La evolución del CSS
1. La aparición del CSS
2. La utilidad del CSS
3. Las versiones del CSS
4. La llegada del CSS3
5. La llegada del CSS4
A. El doctype
1. La sintaxis en HTML 4 y XHTML 1.0
2. La sintaxis en HTML5
B. El documento HTML
1. La sintaxis en XHTML 1.0
2. La sintaxis en HTML5
C. La codificación de los caracteres
1. La sintaxis en HTML 4 y XHTML 1.0
2. La sintaxis en HTML5
D. Los scripts
E. Los estilos CSS
F. La sintaxis de los elementos
1. Objetivos
2. Las comillas
3. Los elementos con una única etiqueta de apertura
4. Los elementos con etiqueta de cierre facultativa
5. Las mayúsculas y minúsculas
6. Los atributos boleanos
7. Los elementos HTML, HEAD y BODY
8. La sintaxis recomendada
G. Los elementos obsoletos
1. ¿Qué es un elemento obsoleto?
2. Para una mejor accesibilidad
3. Los elementos en desuso o mal utilizados
H. Los elementos redefinidos
I. Los atributos obsoletos
J. Nuevos elementos
1. El elemento
a. En HTML 4
b. En HTML5
2. El elemento
3. El elemento
4. El elemento
5. Los elementos y
6. El elemento
7. El elemento
8. El elemento
9. Los elementos relacionados con los idiomas asiáticos
K. Tipos de contenido de los elementos
L. La visualización de los elementos
1. En HTML 4
2. En HTML5
A. Los elementos de la estructura en HTML 4
1. Las cajas
2. La "divitis"
3. Un contenido no semántico
B. Los elementos de la estructura en HTML5
1. Los nuevos elementos de la estructura
2. El elemento
3. El elemento
4. El elemento
5. El elemento
6. El elemento
7. El elemento
8. El elemento
9. Las cajas
C. El atributo semántico "role"
D. Ejemplos de estructura en HTML5
1. Una estructura simple
2. Una estructura más elaborada
3. La estructura de un artículo
E. Las técnicas de formato
A. Plantillas para sitios web en HTML5
B. La plantilla ArchiteXture
1. La fuente
2. El diseño del sitio web
3. La estructura general
4. El código de la estructura
5. El menú de navegación
6. El banner de presentación
7. La zona central
8. El pie de página
C. La plantilla Da Front Page
1. La fuente
2. El diseño del sitio web
3. La estructura general
4. El título del sitio web
5. El menú de navegación
6. El encabezado del sitio web
7. La zona central
8. El pie de página
D. La plantilla Learning Center
1. La fuente
2. El diseño del sitio web
3. La estructura general
4. La cabecera
5. El menú de navegación
6. La continuación de la cabecera
7. Los artículos resaltados
8. La continuación de la zona central
9. El pie de página
E. WordPress y las plantillas HTML5
F. La plantilla Basics
1. El diseñador
2. El diseño del sitio web
3. La estructura general
4. El banner superior
5. La zona central
6. Visualización de un artículo
7. La barra lateral
8. El atributo role
G. La plantilla Orange Flower
1. La fuente
2. La estructura general
3. La cabecera
4. La zona central
5. El pie de página
H. Joomla! y las plantillas HTML5
I. La plantilla Extralab
1. La fuente
2. La estructura general
3. La cabecera
4. El menú de navegación
5. La zona central
6. La columna lateral
7. El pie de página
J. La plantilla ht5live
1. La fuente
2. La estructura general
3. La cabecera del sitio web
4. La zona central del sitio web
A. Análisis de la situación
1. Los módulos en curso
2. Consultar las especificaciones
B. Los prefijos para los navegadores
1. Las especificaciones y las recomendaciones
2. Los navegadores y el CSS3
3. Los generadores de prefijos en línea
4. Net Tuts Prefixr
5. -prefix-my CSS
6. CSSPrefixer
7. El caso de Internet Explorer
8. Un generador de prefijos JavaScript
C. Cómo interpretan los navegadores el CSS3
1. ¿Qué propiedades podemos usar?
2. findmebyIP - HTML5 & CSS3 Support
3. When can I use
4. Examinar la compatibilidad con los selectores
5. CSS3 Please
6. Browser Support Checklist CSS3
A. Los selectores
1. Funcionalidad
2. Los selectores CSS 2
3. Las pseudo-clases
4. Los pseudo-elementos
5. La agrupación de selectores
B. Los nuevos selectores CSS3
C. El selector general de elementos adyacentes
D. El selector de atributo
1. Funcionalidad
2. Los vínculos hacia una dirección de e-mail
3. Los vínculos de descarga
E. La pseudo-clase de vínculo
1. Funcionalidad
2. La aplicación
3. Resultado
F. Las pseudo-clases estructurales
1. Funcionalidad
2. La raíz de la página
3. El último elemento hijo
4. Los elementos descendientes
5. Los últimos hijos de un elemento
6. Los primeros y los últimos elementos de un tipo determinado
7. Los primeros elementos de un tipo determinado
8. Los elementos únicos
9. Los elementos hijo único de un tipo determinado
10. Los elementos vacíos
11. Todos los elementos excepto el elemento seleccionado
A. Las nuevas propiedades CSS3
B. El tamaño de las cajas
1. Con CSS 2.1
2. Con CSS3
C. El desbordamiento de contenido
D. Los colores de fondo
1. El módulo de los colores
2. El modo HSB
3. El modo HSB con transparencia
4. El modo RGB con transparencia
5. Un editor RGBA en línea
6. La transparencia
E. Situación actual de fondos y bordes
F. Los bordes redondeados
1. Los prefijos
2. Bordes idénticos
3. Bordes redondeados diferentes
4. Elipses en los bordes
5. Los generadores en línea
G. Los bordes imaginativos
1. La sintaxis del W3C
2. Los generadores en línea
H. Las sombras
1. Situación actual
2. Crear una sombra
3. Varios ejemplos de sombras
4. Aplicar varias sombras
5. Los generadores en línea
I. Los degradados
1. Situación actual
2. Los degradados de Mozilla Firefox
3. Les degradados para WebKit
4. Los degradados según el W3C
5. Los generadores en línea
J. Los fondos múltiples
1. Funcionalidad
2. Un ejemplo sencillo
K. Otras propiedades del fondo
1. La posición inicial de una imagen
2. Recortar una imagen
3. El tamaño del fondo
L. Los generadores CSS3 en línea
1. Funcionalidad
2. WestCIV
3. CSS 3.0 Maker
4. CSS3 Generator
5. CSS3 Playground
6. CSS3 Generator
7. Layer Style
M. Ejemplo de una tabla con bordes redondeados
1. Funcionalidad
2. La estructura de la tabla
3. El diseño de la tabla
4. Las celdas de la tabla
5. Las celdas del encabezado
6. Celdas redondeadas
7. La activación de las líneas
N. Ejemplo de sombra para una página
A. Los elementos de texto obsoletos
1. La especificación del HTML5
2. Los elementos en desuso o mal utilizados
3. El formato del texto
B. Los elementos de texto redefinidos
1. La especificación del HTML5
2. El elemento
3. El elemento
4. El elemento
5. El elemento
6. El elemento
7. El elemento
8. El elemento
9. El elemento
10. El elemento
11. El elemento
C. Nuevos formatos para el texto
1. Las novedades CSS3
2. Las columnas
3. Las palabras cortadas
4. Los puntos suspensivos
D. Las fuentes tipográficas
1. El uso de las tipografías
2. Importar las fuentes tipográficas
3. La compatibilidad con los navegadores
4. La regla @font-face
5. El nombre de las tipografías
6. Las tipografías locales
7. Indicar varias fuentes tipográficas
8. Los estilos tipográficos
9. Un generador de fuentes tipográficas con @font-face
10. Las tipografías web en línea
11. Convertir las tipografías
12. Seleccionar las tipografías
E. El tamaño de las tipografías
1. Las diferentes medidas
2. El problema de la cascada
3. La nueva unidad rem
F. Textos con sombra
1. Los valores de la propiedad
2. Las herramientas en línea
3. Algunos ejemplos de diseño
G. La tipografía avanzada
1. Situación actual
2. El grosor de los caracteres
3. El tamaño de los caracteres
4. Ajustar el tamaño de los caracteres
5. Otras propiedades
A. Funcionalidad
B. Los métodos de envío
C. El elemento
D. Los nuevos campos
1. La visualización de los nuevos campos
2. Los campos para las direcciones de e-mail
3. El campo para los números de teléfono
4. El campo para las URL
5. Los campos para las fechas y las horas
6. El campo para los valores numéricos
7. Las barras de selección con cursor
8. Los campos de búsqueda
9. El campo de introducción de datos con sugerencias
10. La selección de un color
11. Las claves públicas
E. La validación de los formularios
1. La validación del lado del cliente
2. Desactivar la validación
3. Insertar un campo obligatorio
4. Los valores autorizados
F. Las expresiones regulares
1. Las letras autorizadas
2. Un intervalo de letras autorizadas
3. Otras letras a excepción de
4. Las mayúsculas y minúsculas
5. La condición O
6. Las palabras autorizadas
7. Autorizar cifras
8. Un número limitado de caracteres
9. Los valores múltiples
10. Los parámetros especiales
G. Las ayudas para los usuarios de un formulario
1. La ayuda para completar
2. Activar un campo
3. El completado automático
4. Redimensionar un campo
H. Las pseudo-clases para los formularios
1. Las funcionalidades de las pseudo-clases
2. El formulario y los estilos CSS
3. Resultado
4. Otra pseudo-clase
5. Los campos obligatorios y facultativos
6. El formato de :focus
I. La validación de los datos introducidos
1. Funcionalidad
2. El formulario
3. El diseño del formulario
4. Los campos no válidos
5. Los mensajes de error
6. Los campos válidos
7. Los valores fuera de los límites
J. Un primer ejemplo de formulario sencillo
1. Objetivo
2. La estructura del formulario
3. Los estilos generales
4. El fondo de la página
5. El formulario
6. Las etiquetas
7. Los campos de inserción de datos
8. El campo multilínea
9. Los campos activos
10. El botón de envío
K. Un segundo ejemplo de formulario muy sobrio
1. Objetivo
2. La estructura inicial del formulario
3. La sombra del formulario
4. El efecto punteado
5. El título del formulario
6. Los trazos decorativos
7. Los campos de inserción de datos
8. El botón de conexión
9. El uso del botón
10. Los demás vínculos
11. El resultado final
L. Un ejemplo de formulario interactivo
1. Objetivo
2. La estructura inicial del formulario
3. Las opciones adicionales
4. El botón de envío
5. El mensaje de confirmación
6. Los estilos generales
7. El diseño del formulario
8. Las etiquetas
9. Los campos de inserción de datos
10. El menú desplegable
11. El botón de envío
12. La gestión de las opciones
13. La visualización inicial
14. Visualizar las opciones
15. Ocultar las opciones
16. El mensaje de confirmación
M. Un último ejemplo de formulario elaborado
1. Objetivo
2. La estructura del formulario
3. Los objetos HTML5
4. El código completo del formulario
5. La visualización sin estilos
6. El diseño general
7. El diseño del formulario
8. El formato de las secciones
9. El diseño de los elementos de la lista
10. El diseño de las etiquetas
11. Los campos de tipo
12. El botón de envío del formulario
N. Crear botones con símbolos
1. Objetivo
2. El formulario
3. Crear una clase para los botones
4. El pseudo-elemento ::before
5. El contenido del pseudo-elemento ::before
6. Aplicar las clases
7. La visualización del formulario
8. Otros ejemplos similares
O. Los generadores de botones en línea
1. Funcionalidad
2. CSS3 Button
3. CSS3 Button Generator
4. CSS Drive Button Generator
5. CSS3 Button Creator
A. Situación actual y objetivos
B. La transformación
1. La propiedad
2. El punto de referencia
C. El desplazamiento
1. En los dos ejes
2. En un eje solamente
D. El cambio de escala
1. La escala proporcional
2. La escala no proporcional
3. El cambio de escala en una única dirección
E. La rotación
F. La deformación
1. La deformación en los dos ejes
2. La deformación un único eje
G. Aplicar todas las transformaciones
H. Los generadores en línea
1. CSS 3.0 Maker
2. CSS3 Generator
3. WestCIV
I. Un menú de ejemplo
1. Objetivo
2. La estructura del menú
3. El diseño
4. El resultado visual:
J. Ejemplo de una galería Polaroid
1. Objetivo
2. La estructura de la galería
3. El diseño de la galería
4. Los estilos para las fotografías
5. La transformación
6. El resultado visual
K. Ejemplo de una imagen con relieve
1. Objetivo
2. La fotografía
3. La sombra bajo la fotografía
A. Situación actual y objetivos
B. Aplicar transiciones
1. Las transiciones
2. Las propiedades CSS
C. Aplicar una transición de desplazamiento
1. Objetivo
2. El código necesario
3. Las propiedades de la transición
4. El resultado
D. Otras propiedades de las transiciones
1. El movimiento
2. El inicio de la transición
3. La sintaxis abreviada
4. Las transiciones múltiples
E. Los generadores en línea
1. CSS3 Generator
2. CSS 3.0 Maker
3. Crear las curvas de Bézier
F. Ejemplo de un menú de navegación interactivo
1. Objetivo
2. El diseño del formulario
3. Las transiciones
4. La visualización
G. Ejemplo de un diaporama interactivo
1. Objetivo
2. La estructura del diaporama
3. Las transformaciones
4. Las transiciones
5. La visualización
H. Ejemplo de un menú de navegación "con cajones"
1. Objetivo
2. La estructura del menú de navegación
3. El diseño del formulario
4. El diseño de los cajones
5. La visualización inicial
6. Las transiciones
7. La visualización
8. Los menús de navegación "flashy"
I. Ejemplo de interfaz en "acordeón"
1. Objetivo
2. La estructura del "acordeón"
3. El diseño del "acordeón"
4. El diseño de las zonas de visualización desplegables
5. La visualización
A. Situación actual y objetivos
B. La creación de una animación
C. Un desplazamiento simple
1. Objetivo
2. La estructura
3. La animación
4. La visualización
D. Rotación y transparencia
1. Objetivo
2. La estructura
3. La animación
4. La visualización
E. Un formulario que parpadee
1. Objetivo
2. La estructura del formulario
3. El diseño
4. La animación
5. La visualización
F. Una ventana modal
1. Objetivo
2. El botón
3. La ventana modal
4. El botón de cierre
5. Ocultar el cuerpo de la página
6. La animación de apertura
7. Activar la animación de apertura
8. Aplicar la ocultación
9. La animación de cierre
10. Activar la animación de cierre
11. El código completo
12. La visualización de la página
A. Situación actual
B. Insertar audio
1. El elemento audio
2. Los controles de audio
3. La apariencia del reproductor de audio
4. Los atributos para el audio
5. Los formatos de audio
6. Diseñe sus propios controles de audio
7. Los antiguos navegadores
C. Insertar vídeo
1. El elemento vídeo
2. Los atributos para el vídeo
3. La apariencia del reproductor de vídeo
4. Los formatos de vídeo
5. Convertir vídeos
A. La creación de imágenes bitmap con JavaScript
B. Las técnicas propuestas
C. Dibujar un rectángulo
1. El elemento canvas
2. El rectángulo
3. El código completo y la visualización
4. Aplicar un color de relleno
5. Aplicar una sombra
D. Dibujar un círculo
E. Trazar rayas
F. Trazar bordes
G. Añadir texto
H. Aplicar un degradado
I. Las transformaciones
J. La manipulación de objetos
A. Situación actual y objetivos
B. Las búsquedas "Media queries"
1. Objetivo
2. Con HTML 4 y CSS 2.1
3. Los criterios de búsqueda de Media Queries en CSS3
4. La sintaxis de las búsquedas Media Queries
5. Los valores máximos y mínimos
6. Los operadores lógicos
7. Búsquedas para diferentes soportes
C. El tamaño de las pantallas
1. La problemática actual
2. El tamaño del viewport
3. El zoom de la pantalla
4. El test de visualización en pantalla
D. Las estructuras flexibles
1. Las técnicas
2. Un ejemplo sencillo
3. Ejemplo de un sitio web sencillo
4. Aplicar un diseño adaptable sencillo
5. Las plantillas flexibles
E. Las imágenes flexibles
1. El desbordamiento de las imágenes
2. Imponer un ancho máximo
F. Crear un diseño flexible
1. Las dos estrategias
2. Diseñar un sitio web adaptable
3. Otros ejemplos de diseño web adaptable
G. El sitio web Food Sense
1. La visualización
2. La estructura principal
3. El viewport
4. La visualización para las pantallas de mayor tamaño
5. La visualización para las tabletas táctiles
6. La visualización para los smartphones
H. Las plantillas WordPress adaptables
A. La fuente
B. La estructura HTML5
1. Dos partes
2. El contenedor principal
3. El encabezado
4. El diaporama
5. El mensaje
6. Los cuatro artículos
7. El artículo solo
8. El pie de página
C. El diseño CSS3
1. Objetivo
2. El diaporama
3. Las fotografías de los artículos
4. Al pasar el cursor sobre las fotografías de los artículos
5. Los botones Read more
A. La fuente
B. La estructura HTML5
1. La caja principal
2. El menú de navegación
3. El encabezado
4. La zona central
5. El pie de página
C. El diseño CSS3
1. El contenedor principal
2. Las imágenes de los artículos
D. El elemento de interfaz de tipo acordeón
1. El funcionamiento
2. La estructura
3. El fondo del acordeón
4. La lista
5. Los títulos
6. Los artículos
7. Las imágenes de los artículos
8. La acción de pasar el cursor
9. La aparición de los artículos
A. La fuente
B. La estructura HTML5
1. La estructura principal
2. El encabezado
3. Los oradores
4. Los patrocinadores
5. El pie de página
C. El diseño CSS3
1. Las tipografías incorporadas
2. Las sombras aplicadas al texto
3. Las sombras de los contenedores
D. Los efectos al pasar el cursor sobre los oradores
1. El funcionamiento
2. La estructura
3. Los estilos iniciales
4. Al pasar el cursor sobre el vínculo
E. El diseño adaptable
1. La visualización modificada
2. El menú de navegación principal
3. El título y el eslogan
4. Las imágenes de los oradores
índice
Ultimacomic es una marca registrada por Ultimagame S.L - Ultimacomic.com y Ultimagame.com pertenecen a la empresa Ultimagame S.L - Datos Fiscales: B92641216 - Datos de Inscripción Registral: Inscrita en el Registro Mercantíl de Málaga, TOMO: 3815. LIBRO: 2726. FOLIO: 180. HOJA: MA-77524.
2003 - 2019, COPYRIGHT ULTIMAGAME S.L. - Leer esta página significa estar deacuerdo con la Política de privacidad y de uso
Juego de Tronos: Cancion de Hielo y Fuego 1. Omnium
Piensa y Hazte Rico
El Arte de la Guerra
Cosecha Roja
Investigaciones Sobre el Plano Astral
Hubo Gigantes En la Tierra : Dioses, Semidioses y Ancestros Humanos : la Evidencia de Un Adn Extraterrestre
Aprender a Crear su Primera Página Web Con 100 Ejercicios Prácticos
El Gran Libro de Debian Gnu/linux