Índice

Información
- Título, autor...
Introducción
- Internet en la actualidad
- El World Wide Web Consortium y los estándares
- Los programas de diseño de sitios web
- Objetivo del libro
- Creative Cloud de Adobe
Interfaz de diseño
- El entorno del sistema
- La instalación de Dreamweaver
- Sincronizar la configuración
- La pantalla de inicio
- Los espacios de trabajo
- Los paneles
- Los paneles importantes
- Las barras de herramientas
- La barra de estado
- El entorno de diseño
Definir el sitio local y remoto
- El sitio local y el sitio remoto
- Crear el nuevo sitio
- Los preprocesadores CSS
- La configuración avanzada
- Administrar los sitios creados
- Seleccionar un sitio local
La vista de las páginas
- La vista de las páginas en los navegadores
- Los tipos de vista clásicos
- La vista en vivo de páginas estáticas
- La vista en vivo de páginas dinámicas
- Inspeccionar la página
- Las propiedades de los elementos de estructura
Crear una nueva página
- Objetivos
- Crear una nueva página
- Definir la configuración predeterminada de los nuevos documentos
- Guardar el nuevo documento
- Administrar las páginas web creadas
Hojas de estilo CSS
- Los estándares de la web
- Cómo utilizar los estilos CSS
- El panel Diseñador de CSS
- Administrar estilos en el documento
- Crear estilos en un archivo CSS
- Vincular un archivo CSS a una página HTML
- Administrar las fuentes de estilos
- Administrar los selectores
- Aplicar los selectores
- Administrar las propiedades de los selectores
- La noción de caja
Composición CSS de las páginas
- Objetivos
- Los selectores utilizables
- Las fuentes de caracteres
- Aplicar estilos a las páginas
Insertar texto
- Principios generales
- Utilizar los encabezados
- Utilizar los párrafos
- Utilizar las citas en bloque
- Utilizar texto con formato predeterminado
- Utilizar las listas
- Conocer el elemento HTML utilizado
- Editar el texto
- Insertar una línea de separación
Formato CSS de los caracteres
- Principios generales
- El formato con estilos clásicos
- El formato con los estilos CSS
- Las propiedades para el texto
- Las propiedades de la caja
Composición CSS de los textos
- La composición CSS
- La composición referida al texto
- La composición referida al bloque
- La composición de las listas
Insertar tablas
- El uso correcto de las tablas
- Insertar una tabla
- La estructura de la tabla
- Ver una tabla en modo expandido
- Ordenar una tabla
Composición CSS de las tablas
- El código HTML y CSS para las tablas
- El formato de la tabla
- El formato de la leyenda
- Ejemplo de formato de una tabla
- El formato de las celdas
Insertar imágenes
- Los formatos de imagen
- La ruta de acceso a las imágenes
- Insertar imágenes
- Editar las imágenes insertadas
Composición CSS de las imágenes
- Las propiedades CSS utilizadas
- La flotación
- Las demás propiedades
- Un ejemplo más completo
Insertar formularios
- Utilizar formularios
- Insertar un formulario
- Los objetos de texto
- Los objetos de tiempo
- El campo oculto
- Los objetos botones de opción y casillas de verificación
- El menú y la lista
- El campo de selección de archivo
- Los botones de gestión del formulario
Composición CSS de los formularios
- Las hojas de estilo
- La composición de los campos de texto
- La composición del menú
- La composición de los botones
- La composición del formulario
Insertar vínculos
- Los vínculos
- Los vínculos en una misma página
- Los vínculos hacia otra página del sitio
- Crear vínculos externos
- Comprobar todos los vínculos del sitio
- Utilizar imágenes para crear vínculos
Composición CSS de vínculos textuales
- Los estilos especializados en los vínculos
- Crear estilos especializados
- Ejemplos de formato
- La caché de los navegadores
Elementos multimedia
- Los multimedia en la web
- Insertar un vídeo Flash
- Insertar una animación Flash
- Insertar animaciones Adobe Edge Animate
- Insertar elementos multimedia con HTML5
- Los demás elementos multimedia
Componentes de interfaz jQuery
- Los componentes jQuery
- El acordeón
- Las pestañas
- El selector de fecha
- El cuadro de diálogo
- Escribir con la herramienta de autocompletado
- Los conjuntos de botones
- Los grupos de casillas de verificación
- Los grupos de botones de opción
Diseño con CSS
- Elementos HTML5 y estilos CSS para el diseño
- Realización de un ejemplo simple
- El contenedor general
- El encabezado de la página
- La navegación
- La parte central de la página
- El pie de página
- La vista de la página
- La vista de los estilos CSS
El diseño reactivo
- Adaptación a las diferentes pantallas
- Crear un nuevo documento
- La estructura de la página
- La hoja de estilos CSS
- Personalizar el contenido
- Las demás plantillas
Componentes de interfaz Bootstrap
- Los componentes Bootstrap
- Los contenedores Bootstrap
- La barra de navegación
- Las imágenes responsivas
- Los botones
- Las pestañas
- Los acordeones
Biblioteca de activos
- El uso de la biblioteca de activos
- Los activos de imágenes
- Los activos de colores
- Los activos de vínculos externos
- Los activos de medios
- Los activos de scripts
- Los activos de biblioteca
- Las plantillas de documentos
Publicación del sitio
- El sitio local y el sitio remoto
- Insertar metadatos
- Administrar los archivos locales del sitio
- Ver los servidores local y remoto
- Publicar en el servidor remoto
- Recuperar archivos del servidor
- Sincronizar los archivos
- Generar un informa del sitio
Glosario
- Glosario

La vista de la página

Esta es la vista que obtenemos con esta composición estructurada y diseño minimalista.

images/21OWT-26.png

Para saber más, escoja la opción que le interese:

Suscripción

acceso ilimitado a todos los libros de ENI
sin compromiso de permanencia

¡Quiero suscribirme!

¿Ya ha contratado
su suscripción?

Acceder al contenido

libro impreso
o digital online

¡Me interesa!