1. Libros
  2. Dreamweaver CC para PC/Mac (edición 2018) - Diseño de sitios web interactivos y atractivos

Dreamweaver CC para PC/Mac (edición 2018) Diseño de sitios web interactivos y atractivos

  • Acceso ilimitado 24/7
  • Todos los libros online de ENI
  • Más de 5 novedades todos los meses
  • Novedades disponibles el mismo día de su publicación
  • Acceso 100% online
  • Disponible
  • Expedido en 24 horas
  • Envío gratis a partir de 25 € de compra
  • Versión online gratis por un año
  • Acceso gratuito a todos nuestros libros online durante 1 hora por toda compra
  • Consulta inmediata
  • Versión HTML online
  • Acceso ilimitado 24/7

Presentación

Este libro está dirigido a cualquier persona, diseñadora de sitios web estáticos (sin conexión a bases de datos) que desee sacar el máximo partido al programa Dreamweaver de Adobe. Ha sido redactado partiendo de la versión Dreamweaver CC 2018 v18.0 (edición 10136) y describe de forma práctica funciones esenciales a la hora crear y publicar sitios web de acuerdo con los estándares del W3C, lo que implica separar claramente el contenido, asignado al HTML, del  diseño y la composición, asignados a las hojas de estilos CSS.

Una vez descrito el entorno y definido el sitio, se abordará la creación de páginas web con contenidos estándar: textos, imágenes, tablas, elementos multimedia, vínculos de hipertexto, etc. y se aprenderá a darles forma con las hojas de estilos CSS: organización, sintaxis y gestión. También se tratará el modo de crear formularios, utilizar los componentes de interfaz jQuery y Bootstrap y aprovechar las bibliotecas de objetos y las plantillas. El libro dedica un capítulo a la composición con elementos HTML5, así como otro nos inicia en el diseño reactivo (Responsive Web Design), que hace que las páginas web puedan verse de forma óptima en todo tipo de pantallas: ordenadores, tabletas y smartphones.

La obra concluye con la publicación del sitio en el servidor.

Índice

  • Capítulo 1: Introducción
    • A. Internet en la actualidad
    • B. El World Wide Web Consortium y los estándares
    • C. Los programas de diseño de sitios web
    • D. Objetivo del libro
    • E. Creative Cloud de Adobe
  • Capítulo 2: Interfaz de diseño
    • A. El entorno del sistema
    • B. La instalación de Dreamweaver
    • C. Sincronizar la configuración
    • D. La pantalla de inicio
    • E. Los espacios de trabajo
    • F. Los paneles
      • 1. Usar los paneles
      • 2. Ver los paneles
      • 3. La vista del documento
      • 4. El menú de opciones de los paneles
      • 5. Separar una pestaña del panel
      • 6. Minimizar y expandir un grupo de paneles
      • 7. Guardar el espacio de trabajo
      • 8. Restablecer un espacio de trabajo
    • G. Los paneles importantes
      • 1. El panel Propiedades
      • 2. El panel Insertar
      • 3. El panel Archivos
    • H. Las barras de herramientas
      • 1. La barra de herramientas Documento
      • 2. La barra de herramientas Estándar
      • 3. La barra de herramientas Común
    • I. La barra de estado
      • 1. Ver el código HTML en curso
      • 2. Validación del código
      • 3. Idioma utilizado
      • 4. El tamaño de la ventana de diseño
    • J. El entorno de diseño
      • 1. El zoom de la página
      • 2. Las reglas
      • 3. La cuadrícula
      • 4. Las guías
  • Capítulo 3: Definir el sitio local y remoto
    • A. El sitio local y el sitio remoto
      • 1. El sitio local
      • 2. El sitio remoto
      • 3. Las actualizaciones
    • B. Crear el nuevo sitio
      • 1. Definir el sitio local
      • 2. Definir el sitio remoto
      • 3. Publicación mediante FTP
      • 4. Publicación mediante un servidor local
      • 5. Configuraciones avanzadas
      • 6. Los servidores remotos
      • 7. Los demás tipos de conexión
    • C. Los preprocesadores CSS
    • D. La configuración avanzada
      • 1. La información local
      • 2. La ocultación
      • 3. Las notas en los archivos
      • 4. La organización del mapa de archivos
      • 5. Trabajar con colaboradores
      • 6. Las carpetas de archivos del sitio
    • E. Administrar los sitios creados
    • F. Seleccionar un sitio local
  • Capítulo 4: La vista de las páginas
    • A. La vista de las páginas en los navegadores
      • 1. Probar la página en un navegador
      • 2. Añadir navegadores
      • 3. Ver la página en un navegador
    • B. Los tipos de vista clásicos
      • 1. La vista Diseño
      • 2. El modo Dividir
      • 3. El modo Código
    • C. La vista en vivo de páginas estáticas
    • D. La vista en vivo de páginas dinámicas
      • 1. Las páginas dinámicas
      • 2. Los archivos vinculados
      • 3. La vista en vivo
      • 4. La vista de código en vivo
      • 5. El inspector de código
    • E. Inspeccionar la página
    • F. Las propiedades de los elementos de estructura
  • Capítulo 5: Crear una nueva página
    • A. Objetivos
    • B. Crear una nueva página
      • 1. Elegir el tipo de página
      • 2. El título de la página
      • 3. Seleccionar el tipo de documento
    • C. Definir la configuración predeterminada de los nuevos documentos
    • D. Guardar el nuevo documento
      • 1. Guardar la página web
      • 2. El nombre de los archivos HTML
      • 3. El nombre de la página de inicio del sitio web
    • E. Administrar las páginas web creadas
      • 1. Enumerar los archivos
      • 2. Cambiar el nombre de un archivo
      • 3. Eliminar un archivo
      • 4. Utilizar el panel Archivos
  • Capítulo 6: Hojas de estilo CSS
    • A. Los estándares de la web
      • 1. Los lenguajes de la web: el HTML y las CSS
      • 2. ¿Por qué usar las CSS?
    • B. Cómo utilizar los estilos CSS
      • 1. Dónde guardar las hojas de estilo
      • 2. Conocer los selectores
      • 3. Poner nombre a los selectores
      • 4. Las preferencias de los estilos CSS
    • C. El panel Diseñador de CSS
    • D. Administrar estilos en el documento
      • 1. Crear un selector CSS
    • E. Crear estilos en un archivo CSS
      • 1. Crear el archivo CSS y un selector
    • F. Vincular un archivo CSS a una página HTML
    • G. Administrar las fuentes de estilos
      • 1. Seleccionar la fuente correcta
      • 2. Eliminar una fuente externa
      • 3. Eliminar una fuente interna
    • H. Administrar los selectores
      • 1. Añadir un nuevo selector
      • 2. Modificar un selector
      • 3. Buscar un selector
      • 4. Cambiar el nombre a un selector
      • 5. Eliminar un selector
    • I. Aplicar los selectores
      • 1. Aplicar un selector de elemento
      • 2. Aplicar un selector de clase a un texto
      • 3. Aplicar un selector de clase a una selección
      • 4. Ver una clase aplicada
      • 5. Ver y modificar los selectores con el navegador de código
      • 6. Dejar de aplicar un selector
    • J. Administrar las propiedades de los selectores
      • 1. Añadir una propiedad
      • 2. Añadir una propiedad manualmente
      • 3. Ver únicamente las propiedades utilizadas
      • 4. Desactivar una propiedad
      • 5. Eliminar una propiedad
    • K. La noción de caja
  • Capítulo 7: Composición CSS de las páginas
    • A. Objetivos
    • B. Los selectores utilizables
      • 1. El selector de elemento body
      • 2. Los selectores de clase
    • C. Las fuentes de caracteres
      • 1. Los tipos de fuente
      • 2. Administrar las fuentes en Dreamweaver
      • 3. Las fuentes web
      • 4. Las fuentes locales
      • 5. Las familias de fuentes
      • 6. Los tamaños de caracteres
    • D. Aplicar estilos a las páginas
      • 1. La tipografía
      • 2. Los márgenes
      • 3. El relleno
      • 4. El color de fondo
      • 5. Una imagen de fondo
  • Capítulo 8: Insertar texto
    • A. Principios generales
      • 1. La codificación de los caracteres
      • 2. Los elementos HTML contenedores de texto
      • 3. Los espacios entre las palabras
      • 4. Los caracteres especiales
      • 5. Copiar-pegar texto
    • B. Utilizar los encabezados
    • C. Utilizar los párrafos
    • D. Utilizar las citas en bloque
    • E. Utilizar texto con formato predeterminado
    • F. Utilizar las listas
      • 1. Las listas simples con viñetas
      • 2. Las listas ordenadas
      • 3. Las listas de definiciones
    • G. Conocer el elemento HTML utilizado
    • H. Editar el texto
      • 1. Buscar y remplazar
      • 2. Comprobar la ortografía
    • I. Insertar una línea de separación
  • Capítulo 9: Formato CSS de los caracteres
    • A. Principios generales
    • B. El formato con estilos clásicos
      • 1. Negrita, cursiva y resaltado
      • 2. La aplicación de estilos
      • 3. Los demás estilos
    • C. El formato con los estilos CSS
      • 1. Recordatorio sobre los selectores
      • 2. Crear un estilo CSS
      • 3. Las propiedades CSS
    • D. Las propiedades para el texto
      • 1. La propiedad color
      • 2. La propiedad font-family
      • 3. La propiedad font-style
      • 4. La propiedad font-variant
      • 5. La propiedad font-weight
      • 6. La propiedad font-size
      • 7. La propiedad text-decoration
      • 8. Les propiedades text-shadow
      • 9. La propiedad text-transform
      • 10. La propiedad letter-spacing
      • 11. La propiedad word-spacing
      • 12. La propiedad vertical-align
    • E. Las propiedades de la caja
      • 1. El texto y la caja
      • 2. La propiedad background-color
      • 3. La propiedad padding
      • 4. La propiedad margin
      • 5. La propiedad border
  • Capítulo 10: Composición CSS de los textos
    • A. La composición CSS
      • 1. Los selectores que pueden usarse
    • B. La composición referida al texto
      • 1. Las propiedades
      • 2. La propiedad line-height
      • 3. La propiedad text-align
      • 4. La propiedad text-indent
      • 5. La propiedad white-space
    • C. La composición referida al bloque
      • 1. Las propiedades
      • 2. Las propiedades ancho y alto
      • 3. La propiedad display
      • 4. La propiedad box-sizing
      • 5. Las propiedades margin y padding
      • 6. La propiedad border
      • 7. La propiedad background-color
      • 8. Las propiedades de imagen de fondo
      • 9. Las propiedades de sombreado
      • 10. Las propiedades de degradado
      • 11. Ejemplos de composición
    • D. La composición de las listas
      • 1. Las propiedades
      • 2. La propiedad list-style-position
      • 3. La propiedad list-style-image
      • 4. La propiedad list-style-type
  • Capítulo 11: Insertar tablas
    • A. El uso correcto de las tablas
    • B. Insertar una tabla
      • 1. La zona de Tamaño de tabla
      • 2. La zona del encabezado
      • 3. La zona Accesibilidad
    • C. La estructura de la tabla
      • 1. Añadir filas o columnas
      • 2. Añadir una columna
      • 3. Seleccionar filas y columnas
      • 4. Eliminar filas y columnas
      • 5. Combinar celdas
      • 6. Dividir celdas
      • 7. Imbricar las tablas
    • D. Ver una tabla en modo expandido
    • E. Ordenar una tabla
  • Capítulo 12: Composición CSS de las tablas
    • A. El código HTML y CSS para las tablas
    • B. El formato de la tabla
      • 1. El ancho de la tabla
      • 2. El fondo de la tabla
      • 3. El borde de la tabla
      • 4. Un ejemplo de formato para una tabla
      • 5. La alineación de la tabla
      • 6. Los márgenes de la tabla
    • C. El formato de la leyenda
      • 1. La leyenda de las tablas
      • 2. Crear una clase para la leyenda
      • 3. Añadir la propiedad
      • 4. Aplicar el selector a la leyenda
    • D. Ejemplo de formato de una tabla
    • E. El formato de las celdas
      • 1. El ancho de las celdas
      • 2. Los bordes de las celdas
      • 3. Resaltar una celda
  • Capítulo 13: Insertar imágenes
    • A. Los formatos de imagen
    • B. La ruta de acceso a las imágenes
      • 1. La ruta relativa y absoluta
      • 2. Las imágenes fuera del archivo local
    • C. Insertar imágenes
      • 1. Insertar una imagen ya optimizada
      • 2. Las propiedades de la imagen insertada
    • D. Editar las imágenes insertadas
  • Capítulo 14: Composición CSS de las imágenes
    • A. Las propiedades CSS utilizadas
    • B. La flotación
    • C. Las demás propiedades
    • D. Un ejemplo más completo
  • Capítulo 15: Insertar formularios
    • A. Utilizar formularios
    • B. Insertar un formulario
      • 1. El objeto formulario
      • 2. Configurar el formulario
    • C. Los objetos de texto
      • 1. El campo de texto
      • 2. El campo de contraseña
      • 3. El campo de texto multilínea
      • 4. El campo para las direcciones de correo electrónico
      • 5. El campo para los números de teléfono
      • 6. El campo para las direcciones web
      • 7. El campo de búsqueda
      • 8. El campo de texto para los números
      • 9. Las regletas con cursor
      • 10. Seleccionar un color
    • D. Los objetos de tiempo
      • 1. Seleccionar un mes
      • 2. Seleccionar una semana
      • 3. Seleccionar una fecha
      • 4. Seleccionar una hora
      • 5. Seleccionar una fecha y una hora
      • 6. Seleccionar una fecha y hora locales
    • E. El campo oculto
    • F. Los objetos botones de opción y casillas de verificación
      • 1. Los botones de opción
      • 2. Los grupos de botones de opción
      • 3. Las casillas de verificación
      • 4. Los grupos de casillas de verificación
      • 5. Los grupos de campos
    • G. El menú y la lista
    • H. El campo de selección de archivo
    • I. Los botones de gestión del formulario
      • 1. El botón de envío
      • 2. El botón de restablecer
  • Capítulo 16: Composición CSS de los formularios
    • A. Las hojas de estilo
      • 1. Los selectores utilizables
      • 2. Los elementos HTML utilizados
      • 3. Uso de una tabla para alinear los objetos del formulario
    • B. La composición de los campos de texto
      • 1. La composición de las etiquetas
      • 2. La composición de los campos de texto Línea simple
      • 3. La composición del campo de texto multilínea
      • 4. La composición de los grupos de campos
    • C. La composición del menú
      • 1. El objeto menú
      • 2. El elemento preseleccionado del menú
    • D. La composición de los botones
    • E. La composición del formulario
  • Capítulo 17: Insertar vínculos
    • A. Los vínculos
    • B. Los vínculos en una misma página
      • 1. Los documentos largos
      • 2. Añadir los identificativos
      • 3. Crear vínculos a los identificativos
    • C. Los vínculos hacia otra página del sitio
      • 1. Un vínculo hacia otra página
      • 2. Crear un vínculo a un ancla de otra página
    • D. Crear vínculos externos
      • 1. Un vínculo hacia otro sitio
      • 2. Un vínculo a una dirección de correo electrónico
      • 3. Un vínculo a un archivo
    • E. Comprobar todos los vínculos del sitio
      • 1. Comprobar los vínculos desde una página
      • 2. Comprobar los vínculos desde el mapa del sitio
    • F. Utilizar imágenes para crear vínculos
      • 1. Los mapas de imagen
  • Capítulo 18: Composición CSS de vínculos textuales
    • A. Los estilos especializados en los vínculos
      • 1. Los selectores pseudo-clases
      • 2. El orden de declaración
    • B. Crear estilos especializados
      • 1. Los selectores de pseudo-clases
      • 2. La formalización
    • C. Ejemplos de formato
    • D. La caché de los navegadores
  • Capítulo 19: Elementos multimedia
    • A. Los multimedia en la web
    • B. Insertar un vídeo Flash
      • 1. Insertar el vídeo
      • 2. Modificar la configuración del vídeo
      • 3. Los archivos JavaScript
      • 4. La vista en el navegador
    • C. Insertar una animación Flash
      • 1. Insertar animaciones
      • 2. Modificar la configuración de la animación
    • D. Insertar animaciones Adobe Edge Animate
    • E. Insertar elementos multimedia con HTML5
      • 1. El audio en HTML5
      • 2. Los vídeos en HTML5
    • F. Los demás elementos multimedia
      • 1. Otros archivos que necesitan un plugin
  • Capítulo 20: Componentes de interfaz jQuery
    • A. Los componentes jQuery
    • B. El acordeón
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Modificar el título y añadir contenido a los paneles
      • 4. Guardar la página
      • 5. Añadir, eliminar y ordenar paneles
      • 6. Configurar el acordeón
      • 7. Ver el acordeón
      • 8. Modificar las reglas CSS
    • C. Las pestañas
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Modificar el título y agregar contenido a los paneles
      • 4. Guardar la página
      • 5. Añadir, eliminar y ordenar los paneles
      • 6. Configurar el acordeón
      • 7. Mostrar las pestañas
      • 8. Editar las reglas CSS
    • D. El selector de fecha
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Guardar la página
      • 4. Configura el selector de fecha
      • 5. Mostrar el selector de fecha
      • 6. Editar las reglas CSS
    • E. El cuadro de diálogo
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Configurar el cuadro de diálogo
      • 4. La vista
      • 5. Editar las reglas CSS
    • F. Escribir con la herramienta de autocompletado
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Configurar el cuadro de diálogo
      • 4. La vista
      • 5. Editar las reglas CSS
    • G. Los conjuntos de botones
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Editar las etiquetas de los botones
      • 4. Configurar el conjunto de botones
      • 5. Utilizar los botones
      • 6. La vista
      • 7. Editar las reglas CSS
    • H. Los grupos de casillas de verificación
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Editar las etiquetas de los botones
      • 4. Configurar el grupo de casillas de verificación
      • 5. La vista
      • 6. Editar las reglas CSS
    • I. Los grupos de botones de opción
      • 1. El uso del componente
      • 2. Insertar el componente
      • 3. Editar las etiquetas de los botones
      • 4. Configurar el grupo de botones de opción
      • 5. La vista
      • 6. Editar las reglas CSS
  • Capítulo 21: Diseño con CSS
    • A. Elementos HTML5 y estilos CSS para el diseño
      • 1. Objetivos
      • 2. Las cajas <div>
      • 3. Los elementos de estructura HTML5
      • 4. Los modelos de caja
    • B. Realización de un ejemplo simple
    • C. El contenedor general
      • 1. Insertar la caja <div>
      • 2. El estilo CSS del contenedor
    • D. El encabezado de la página
      • 1. Insertar el elemento <header>
      • 2. Insertar un título en el encabezamiento
      • 3. El diseño del encabezado
      • 4. El diseño del título
    • E. La navegación
      • 1. Insertar el elemento <nav>
      • 2. El diseño de la navegación
      • 3. Insertar la lista de vínculos
      • 4. El diseño de la lista de vínculos
    • F. La parte central de la página
      • 1. Los elementos
      • 2. Insertar el elemento <article>
      • 3. El diseño del elemento <article>
      • 4. Insertar el elemento <aside>
      • 5. El diseño del elemento <aside>
    • G. El pie de página
      • 1. Insertar el elemento <footer>
      • 2. El diseño del elemento <footer>
    • H. La vista de la página
    • I. La vista de los estilos CSS
  • Capítulo 22: El diseño reactivo
    • A. Adaptación a las diferentes pantallas
    • B. Crear un nuevo documento
    • C. La estructura de la página
      • 1. El encabezado de la página
      • 2. La estructura general
      • 3. El encabezado del contenido
      • 4. La estructura principal del contenido
      • 5. El pie de página del contenido
    • D. La hoja de estilos CSS
    • E. Personalizar el contenido
    • F. Las demás plantillas
  • Capítulo 23: Componentes de interfaz Bootstrap
    • A. Los componentes Bootstrap
    • B. Los contenedores Bootstrap
      • 1. El contenedor de ancho fijo
      • 2. El contenedor de ancho fluido
      • 3. Las líneas y las columnas en el contenedor
      • 4. Los contenidos de texto en las celdas
    • C. La barra de navegación
      • 1. Insertar la barra de navegación Navbar
      • 2. Los elementos de la barra de navegación
      • 3. Las vistas responsive
    • D. Las imágenes responsivas
      • 1. La estructura general
      • 2. Insertar la imagen responsiva
      • 3. Las vistas responsivas
    • E. Los botones
      • 1. Insertar un botón
      • 2. Personalizar el botón
    • F. Las pestañas
      • 1. Insertar pestañas
      • 2. Personalizar las pestañas
      • 3. Las vistas responsivas
    • G. Los acordeones
      • 1. Insertar un acordeón
      • 2. Personalizar el acordeón
      • 3. Las vistas responsivas
  • Capítulo 24: Biblioteca de activos
    • A. El uso de la biblioteca de activos
      • 1. El principio de los activos
      • 2. Ver los activos
    • B. Los activos de imágenes
    • C. Los activos de colores
    • D. Los activos de vínculos externos
    • E. Los activos de medios
    • F. Los activos de scripts
    • G. Los activos de biblioteca
      • 1. Principios de uso
      • 2. Crear un elemento de biblioteca
      • 3. Insertar un elemento de biblioteca en una página
      • 4. Modificar un elemento de la biblioteca
      • 5. Eliminar un elemento de biblioteca
      • 6. Separar un elemento
      • 7. Cambiar el nombre a un elemento de la biblioteca
    • H. Las plantillas de documentos
      • 1. El uso de plantillas
      • 2. Crear la plantilla
      • 3. Crear regiones editables
      • 4. Administrar las regiones editables
      • 5. Crear un nuevo documento basado en una plantilla
      • 6. Editar una plantilla
  • Capítulo 25: Publicación del sitio
    • A. El sitio local y el sitio remoto
    • B. Insertar metadatos
      • 1. ¿Para qué sirven las metadatos?
      • 2. Insertar palabras clave
      • 3. Insertar una descripción
    • C. Administrar los archivos locales del sitio
      • 1. Los archivos locales
      • 2. Cambiar el nombre a un archivo
      • 3. Crear una carpeta
      • 4. Mover un archivo
      • 5. Eliminar un archivo
      • 6. Duplicar un archivo
      • 7. Actualizar la lista de archivos
    • D. Ver los servidores local y remoto
    • E. Publicar en el servidor remoto
      • 1. Publicar todo el sitio
      • 2. Publicar uno o varios archivos seleccionados
      • 3. Publicar la página HTML abierta
      • 4. Buscar los últimos archivos modificados
      • 5. Buscar los archivos locales no publicados
      • 6. Localizar el mismo archivo en el servidor remoto
    • F. Recuperar archivos del servidor
      • 1. Recuperar uno o varios archivos
      • 2. Buscar los archivos remotos más recientes
      • 3. Localizar el mismo archivo en el sitio local
    • G. Sincronizar los archivos
    • H. Generar un informa del sitio
    • Glosario
    • índice

Autor

Christophe AUBRYMás información

Responsable pedagógico en un centro de formation y formador en las tecnologías Web y las Artes Gráficas durante más de quince años, Christophe Aubry es hoy directivo de la sociedad netPlume especializada en la redacción pedagógica y creación de sitio en internet. Autor de numerosos libros y vídeos de Ediciones ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), siempre está al corriente de las novedades en relación a la concepción de sitios Web gracias a su atenta mirando del entorno tecnológico.

Características

  • Nivel Iniciado a Medio
  • Número de páginas 466 páginas
  • Publicación noviembre 2018
    • Encuadernación rústica - 17 x 21 cm
    • ISBN: 978-2-409-01591-5
    • EAN: 9782409015915
    • Ref. ENI: OWT18CCDRE
  • Nivel Iniciado a Medio
  • Publicación noviembre 2018
    • HTML
    • ISBN: 978-2-409-01592-2
    • EAN: 9782409015922
    • Ref. ENI: LNOWT18CCDRE