
Con más de tres millones de usuarios, Dreamweaver es el software de desarrollo Web más importante del mundo. La versión CS3 es mucho más práctica en el uso de los estándares, con nuevas herramientas CSS y componentes Ajax para generar interfaces dinámicas. Posee además una integración avanzada con otros programas de la Suite de Adobe.
Este libro muestra cómo desarrollar sitios Web dinámicos desde los esbozos iniciales hasta la publicación. Aprenda a manejar XHTML y CSS, a construir funciones como validación de formularios, funciones de búsqueda, galerías dinámicas con Ajax y páginas de login.
Ésta es una guía esencial para aprender Dreamweaver CS3. Descubra cómo crear interfaces en Fireworks CS3 e importarlas a Dreamweaver y conozca Apache, MySQL, phpMyAdmin, Spry y feeds RSS. El uso de los estándares y un lenguaje riguroso y efectivo le permitirán sacar el máximo partido a las nuevas tecnologías de la Web.



Prólogo
Introducción
A quién va dirigido
¿Necesito Dreamweaver CS3?
Organización del libro
Lo que no aparece en este libro
Compatibilidad con Windows y Mac
Una nota sobre las versiones usadas
Uso de los archivos de descarga
1. Dreamweaver CS3. Su compañero de creación
Primeros pasos con Dreamweaver
Inicio
Crear un nuevo documento
Configuración de las preferencias del nuevo documento
Exploración del área de trabajo
Barra Insertar
Ventana Documento
Organización del área de trabajo
Cambio de paneles
Guardar y compartir diseños del espacio de trabajo personalizados
Acceso a los archivos y carpetas ocultas en Windows
Visualización de las barras de herramientas opcionales
Ocultar todos los paneles temporalmente
Organizar cuestiones visuales con Bridge
Control de imágenes en miniatura
Añadir metadatos
Renombrar archivos
Arrastrar y soltar archivos
Creación de páginas Web conforme a los estándares
Soporte CSS mejorado
Han muerto las capas... Bienvenidos los elementos PA
Observar el impacto de los cambios de CSS a tiempo real
Gestión de hojas de estilo mejoradas
Uso de ayudas visuales para comprender su estructura CSS
Comprobación de errores del navegador
Comprobar el aspecto de su página en otro medio
Comprender el diseño de Dreamweaver
Dibujar elementos posicionados absolutamente
El modo diseño desaparece
Sacar el mayor partido a la vista Código
Uso de la barra de herramientas programación
Configuración de opciones de la vista Código
Uso de las pistas de código y de la auto finalización
También dinamismo
2. Creación de sitios dinámicos con Ajax y PHP
Comprender cómo funcionan las páginas Web dinámicas
Creación de páginas Web dinámicas con la tecnología del cliente
Aumento de la interactividad del usuario con la tecnología del servidor
¿Por qué PHP?
Obtener mayor rendimiento de la funcionalidad dinámica con Ajax
Comprensión de las limitaciones de Ajax
Terminología dinámica 101
Uso de los comportamientos de Dreamweaver y de los efectos Spry
Acceso al panel Comportamientos
Proporcionar a los elementos una única identidad
Eliminar un atributo ID
Editar comportamientos y configuración de efectos
Eliminar comportamientos y efectos limpiamente
Reestablecer un comportamiento o efecto eliminado
Exploración de los efectos Spry
Aparecer/Desvanecer
Persiana
Aumentar/Reducir
Resaltado
Agitar..
Deslizar
Arrinconar
Creación de un envoltorio para el efecto Deslizar
Aplicación de múltiples eventos a un elemento desencadenante
Administración de datos dinámicos con Spry y PHP
Comparación de cómo administran Spry y PHP los conjuntos de datos
Creación de sitios PHP con Dreamweaver
Comparación de diferentes versiones de archivo
Configuración de la prestación Comparación de Archivos
Uso de la comparación de archivos
Comparación de dos archivos locales en el mismo sitio
Comparación de dos archivos locales en sitios diferentes
Comparación de archivos locales y remotos
Mark of the Web
El siguiente paso
3. Preparación del entorno de trabajo
Decidir dónde comprobar sus páginas
Comprobar que su servidor remoto acepta PHP
Creación de un servidor de prueba local
Elegir la versión para instalar
Instalación individual o un paquete de todo incluido
Configuración en Windows
Mostar las extensiones de los archivos en Windows
Elección del servidor Web adecuado
Descarga del software
Preparación para la instalación en Windows Vista
Deshabilitar temporalmente el control de cuentas de usuario (UAC) en Vista
Antes de comenzar
Comprobar que el puerto 80 está libre
Instalación de Apache en Windows
Monitor Apache en Vista
Iniciar y finalizar Apache en Windows
Modificar las preferencias de inicio o deshabilitar Apache
Instalar PHP en Windows
Comprobación de la instalación PHP (Windows XP y Vista)
Modificación del puerto por defecto de Apache
Modificación del puerto por defecto en IIS
Configuración Mac OS X
Iniciar y detener Apache en Mac OS X
Actualización de PHP en Mac OS X
Comprobación de la configuración PHP
Comprensión de la salida de phpinfo()
Comprobar la ubicación de php.ini
Comprobar la configuración PHP Core
Comprobación de extensiones instaladas
Comprobar las variables $_SERVER aceptadas
Modificar php.ini
Acceder a php.ini en Mac OS X
Configurar PHP para que muestre errores
Habilitar extensiones PHP en Windows
Habilitar descargas de archivos y sesiones (Instalador de Windows)
Invalidación de las configuraciones de su servidor remoto
Suprimir mensajes de error
Invalidar la configuración por defecto con ini_set()
Usar .htaccess para modificar las opciones por defecto
Resumen
4. Configuración de un sitio PHP
Decidir dónde ubicar sus sitios
Compresión de los enlaces con documentos o con el servidor raíz
Enlaces relacionados con un documento
Enlaces relacionados con la raíz
Almacenar todo junto en el servidor raíz
Servidores virtuales
Encontrar el servidor raíz
Cambiar de ubicación el servidor raíz Apache en Windows
Configurar un archivo por defecto para Apache con Windows
Añadir un archivo PHP por defecto a IIS
Creación de servidores virtuales en Apache
Registro de servidores virtuales en Windows
Registro de servidores virtuales en Mac OS X
Registro de directorios virtuales en IIS
Definición de un sitio PHP con Dreamweaver
Abrir el cuadro de diálogo definición del sitio
Indicarle a Dreamweaver dónde encontrar los archivos locales
Indicarle a Dreamweaver cómo llegar el servidor remoto
Definir el servidor de prueba
Selección de opciones para la prueba local
Selección de opciones para la prueba remota
Configurar otras opciones del sitio
Configuración de Spry
Guardar la definición del sitio
Comprobar el sitio PHP
Localización y solución de problemas
Configuración de opciones para la previsualización en un navegador
Gestión de sitios Dreamweaver
Y ahora prosigamos con
5. Añadir un toque de estilo
Evitar los malos hábitos
Mantenerse lejos del inspector de Propiedades para las fuentes
Creación de CSS sencillas para los principiantes
Introducción del panel Estilos CSS
Abrir el panel Estilos CSS
Visualización de los modos Todo y Actual
La opción Propiedades del panel Estilos CSS
Propiedades CSS por categoría
Propiedades CSS ordenadas alfabéticamente
Mostrar únicamente las propiedades CSS configuradas
Añadir una nueva hoja de estilo
Añadir, modificar y eliminar reglas de estilo
Creación de nuevas reglas de estilo
Definir un selector
Definición de las propiedades de la regla
Mover reglas de estilo
Exportar reglas a una nueva hoja de estilo
Mover reglas dentro de una hoja de estilo
Mover reglas entre hojas de estilo externas
Configuración de sus preferencias CSS
Crear y editar reglas de estilo
Configuración del formato por defecto de las reglas de estilo
Damos paso a la creación
6. Creación de un sitio CSS
Usar un diseño CSS preestablecido
Decidir dónde ubicar sus reglas de estilo
Vínculo con hojas de estilo existentes
Asegurarse de que se aplican los comentarios condicionales
Añadir estilo a una página
Examinar la cascada en el modo Actual
Finalizar el diseño
Eliminar el comentario CSS
¿Qué tal le fue?
7. Organizar un sitio con la barra de menú Spry
Estructura de la barra de menús de Spry
Estructura XHTML
Eliminar la barra de menú
Editar una barra de menú
Mantener la accesibilidad con la barra de menú Spry
Personalización de estilos
Modificar el ancho del menú
Modificar los colores
Añadir bordes
Modificar la fuente
Diseño de una barra de menús Spry
Ajustar o no ajustar, esa es la cuestión
Creación de la estructura de navegación
Personalización del diseño
Con pros y contras
8. Organizar el contenido gracias a las opciones de Spry
Prestaciones que tienen en común todas las opciones de Spry
Creación de una interfaz en fichas
Examinar la estructura de un panel en fichas
Editar un panel en fichas
Selección de colores armoniosos
Convertir a fichas verticales
Evitar los problemas de diseño con los paneles en fichas
Comprensión de los objetos Spry
Uso del acordeón de Spry
Examinar la estructura de un acordeón
Editar y añadir estilo al acordeón de Spry
Usar la inicialización de objeto para modificar los valores preestablecidos del acordeón
Abrir un panel acordeón a partir de un vínculo
Uso de paneles que se pueden contraer
Examinar la estructura de un panel que se puede contraer
Editar y añadir estilo a los paneles que se pueden contraer
Abrir un panel que se puede contraer a partir de un vínculo
Eliminar un widget Spry
Más widgets todavía
9. Creación de formularios online y validación de datos de entrada
Creación de un sencillo formulario de retroalimentación
Escoger el tipo de página correcto
Creación de una página PHP
Mezclar páginas .php y.html en un sitio
Insertar un formulario en una página
Insertar un formulario en la vista código
Añadir elementos de texto entrantes
Configuración de propiedades para los elementos de entrada
Convertir un campo de texto en un área de texto y viceversa
Añadir estilo al formulario de envío de datos básico
Comprender la diferencia entre GET y POST
Transmitir información a través de un campo oculto
Usar elementos de formulario de elección múltiple
Proporcionar varias opciones con las casillas de verificación
Proporcionar una única elección de un menú desplegable
Creación de listas desplazables de múltiple elección
Usar botones de opción para ofrecer una única elección
Organizar los elementos en grupos lógicos
Insertar un juego de campos
Validación de los datos de entrada del usuario antes de enviarlos
Comprobaciones mínimas con la validación de formulario
Usar los widgets de validación de Spry para realizar comprobaciones sofisticadas
Limitaciones de los widgets de validación de Spry
Insertar un widget de validación Spry
Eliminar un widget de validación
Validar un campo de texto con Spry
Creación de su propio patrón personalizado
Validar un área de texto con Spry
Validar una única casilla de verificación con Spry
Validar un grupo de casillas de verificación con Spry
Validar un menú desplegable con Spry
Ahora, vamos al lado del servidor
10. Principios básicos de PHP
Principios básicos de PHP
Introducir PHP en una página Web
Finalizar los comandos con un punto y coma
Usar variables para representar valores cambiantes
Nomenclatura de las variables
Asignar valores a las variables
Mostrar salidas PHP
Comentar los scripts para aclararlos y para poder encontrar y solucionar los errores
Comillas sencillas o dobles
Usar secuencias de escape en las cadenas
Unión de cadenas
Adicción a una cadena existente
Empleo eficiente de las comillas
Casos especiales: true, false y null
Trabajo con números
Realizar cálculos
Combinar cálculos y asignaciones
Uso de matrices para almacenar variables múltiples
Usar nombres para identificar los elementos de la matriz
Inspeccionar los contenidos de una matriz con print_r()
Toma de decisiones
La verdad según PHP
Uso de comparaciones para tomar decisiones
Comprobar más de una condición
Usar la sentencia switch para las cadenas de decisiones
Usar el operador condicional
Usar bucles para las tareas repetitivas
Bucles que usan while y while...do
El versátil bucle for
Poner un bucle a través de las matrices con foreach
Romper un bucle
Uso de funciones para tareas preprogramadas
Comprensión de los mensajes de error PHP
Y ahora, manos a la obra
11. Usar PHP para procesar un formulario
Activar el formulario
Obtener información del servidor con las súper globales PHP
Enviar un correo electrónico
Escribir el script del formulario de retroalimentación
Uso de equilibrar llaves
Comprobar el formulario de retroalimentación
Localización y solución de problemas con mail()
Eliminación de las barras invertidas no deseadas
Comprobar que los campos obligatorios no están en blanco
Mantener los datos de entrada del usuario cuando un formularioestá incompleto
Filtrado de ataques potenciales
Introducir con seguridad la dirección del usuario en las cabecerasde los mensajes
Gestión de elementos de formularios de múltiple elección
Redireccionamiento a otra página
Tomarse un respiro
12. Trabajo con incluidos PHP y con las plantillas
Incluir texto y código de otros archivos
Introducir los comandos include de PHP
Indicarle a Dreamweaver dónde encontrar los archivos externos
Usar los vínculos relativos a la raíz del sitio con incluidos
Aligerar el volumen de trabajo con los incluidos
Elegir la extensión correcta para los archivos incluidos
Mostrar salidas XHTML
Evitar problemas con los archivos incluidos
Aplicar estilos con las hojas de estilo de tiempo de diseño
Añadir código dinámico a un incluido
Usar los incluidos para reciclar el código PHP que se usacon frecuencia
Adaptar el script de procesamiento de correo electrónico como un incluido
Analizar el script
Creación del cuerpo del mensaje con un script genérico
Evitar el error 'headers already sent'
Uso de plantillas de Dreamweaver en un sitio PHP
Creación de una plantilla
Añadir regiones editables a la plantilla maestra
Creación de páginas hijo a partir de una plantilla
Bloquear código fuera de las etiquetas
Elegir la herramienta adecuada
13. Configuración de MySQL y PHPMYADMIN
Introducción de MySQL
Comprensión de la terminología MySQL básica
Instalar MySQL
Instalar MySQL en Windows
Decidir si permitir el soporte InnoDB
Modificar el tipo de tabla predeterminado en Windows Essentials
Iniciar y detener MySQL manualmente en Windows
Uso del monitor MySQL en Windows
Configuración de MySQL en Mac OS X
Adaptar MySQL a su PATH
Proteger MySQL en MAC OS X
Uso del monitor MySQL en Windows y Mac
Uso de MySQL con phpMyAdmin
Configuración de phpMyAdmin en Windows y Mac
Ejecutar phpMyAdmin
Salir de phpMyAdmin
Copia de seguridad y transferencia de datos
Continuamos
14. Almacenar archivos en una base de datos
Configuración de una base de datos en MySQL
Creación de una base de datos local para la comprobación
Creación de cuentas de usuario para MySQL
Garantizar los privilegios de usuario necesarios
Cómo almacena información una base de datos
Cómo funcionan las claves principales
Diseñar una tabla de base de datos
Elección del nombre de la tabla
Cuántas columnas crear
Elegir el tipo de columna adecuado en MySQL
Decidir si un campo puede estar vacío
Almacenar datos a partir de un formulario de entrada
Analizar el formulario
Definir una tabla en phpMyAdmin
Comprensión de collation
Insertar datos del formulario informativo
Localizar y solucionar problemas de conexión
Localización de problemas
Uso de comportamientos de servidor con vínculos relativos a la raíz del sitio
Inspeccionar el código del comportamiento del servidor
Insertar datos en columnas SET
Mostrar el contenido de una base de datos
Crear un juego de registros
Mostrar registros individuales
Mostrar saltos de línea en un texto
Fusión de datos de entrada con el procesamiento de correo electrónico
Un gran trato conseguido
15. Control de acceso a su sitio
Creación de un sistema de registro de usuarios
Definir la tabla de la base de datos
Creación del formulario de registro
Preservar la integridad de sus registros
Creación de comportamientos de servidor personalizados
Completar el formulario de registro del usuario
Actualizar y eliminar los registros de usuario
Creación de las páginas de actualización y de eliminación
Las sesiones: qué son y cómo trabajan
Creación de sesiones PHP
Creación y eliminación de las variables session
Eliminar una sesión
Comprobar que las sesiones están activadas
Registro y autenticación de usuarios
Creación de un sistema de conexión
Restringir acceso a páginas individuales
Desconexión de usuarios
Comprender cómo rastrea Dreamweaver a los usuarios
Creación de sus propias variables $_SESSION a partir de la informacióndel usuario
Redireccionar a una página personal tras la conexión
Codificar y descodificar contraseñas
¿Se siente más seguro?
16. Trabajo con tablas múltiples
Almacenar información relacionada en tablas separadas
Decidir cuál es la mejor estructura
Uso de claves extranjeras para vincular registros
Evitar los registros huérfanos
Definición de las tablas de la base de datos
Añadir un índice a una columna
Definir la relación de clave extranjera en InnoDB
Completar las tablas
Restablecer el contenido de las tablas
Seleccionar registros de más de una tabla
Los cuatro elementos esenciales de SQL
SELECT
INSERT
UPDATE
DELETE
Gestión de contenido con múltiples tablas
Insertar nuevas citas
Usar una función MySQL y un alias para manipular los datos
Insertar nuevos autores
Uso de variables en una consulta SQL
Actualización de los autores
Eliminar autores
Mejorar el formulario de eliminación
Ejecución de una eliminación en cascada con tablas InnoDB
Actualización de quotations
Solucionar el misterio de los registros perdidos
Eliminar citas
Qué hemos conseguido
17. Búsqueda de registros y gestión de fechas
Consultar una base de datos y mostrar los resultados
Mejorar la apariencia de los resultados de una búsqueda
Mostrar el número de resultados de búsqueda
Creación de filas rayadas de tablas
Comprender cómo crea Dreamweaver una consulta SQL
Localización de errores en las consultas SQL
Configuración de los criterios de búsqueda
Uso de comparaciones numéricas
Búsqueda dentro de un rango numérico
Búsqueda de texto
Realizar una búsqueda sensible ante las mayúsculas
Mostrar un mensaje si no se encuentran resultados
Búsqueda en varias columnas
Búsqueda con una correspondencia parcial
Uso de caracteres comodín en una búsqueda
Uso de caracteres comodín con los números
Uso del índice FULLTEXT
Solución de problemas comunes
Recuento de registros
Eliminar los duplicados de un juego de registros
Volver a usar un juego de registros
Comprensión del funcionamiento de repetir región
Formateo de fechas y horas en MySQL
Uso de DATE_FORMAT() para mostrar fechas de fácil comprensión
Trabajo con fechas en PHP
Configuración de la zona horaria correcta
Creación de un sello de tiempo Unix
Formateo de fechas en PHP
Almacenar fechas en MySQL
Validar y formatear fechas para introducirlos en una base de datos
Continúa la búsqueda de la perfección
18. Usar XSLT para mostrar noticias en directo y XML
Una guía rápida sobre XML y XSLT
Apariencia de un documento XML
Uso de entidades HTML en XML
Uso de XSLT para mostrar XML
Generador de noticias RSS
Cómo gestiona Dreamweaver el XSLT del servidor
Uso de XSLT para acceder a los datos fuente de XML
Mostrar las noticias en directo en una página Web
Innovando con XSLT
Configuración de una fuente XML local
Cómo está XSLT estructurado
Acceso a elementos repetitivos anidados
Creación de regiones condicionales
Comprobación de una condición sencilla
Comprobación de condiciones alternativas
Clasificación de elementos
Formateo de elementos
Mostrar datos de salida según criterio selectivo
Filtrar nodos con XPath
Uso de parámetros XSLT para filtrar datos
Y aún queda más XML
19. Usar Spry para mostrar XML
Cómo gestiona Spry los datos XML
Comprobando que Spry encuentra los datos
Creación de un conjunto de datos Spry
Mostar el conjunto de datos en una tabla Spry
Comprensión del código de los datos Spry
Validar páginas que usan Spry
El único problema de Spry
Mostrar un conjunto de datos a modo de lista
¿Cuál es la diferencia entre repeat y repeatchildren?
Caso práctico: Creación de una galería de imágenes con Spry
Planificación de la galería
Seleccionar dinámicamente el conjunto de datos de la galería
Controlar la estructura con las CSS
Unirlo todo
Activación del manejo de eventos
Distinguir entre los conjuntos de datos
Creación dinámica de un conjunto de datos
Ya casi lo tenemos
20. Obtener el mayor rendimiento de ambos mundos con PHP y Spry
Generar XML dinámicamente
Preparación de la tabla de la base de datos
Usar phpMyAdmin para generar XML
Usar la extensión Exportar XML
Actualización de la carpeta includes
Creación manual de XML a partir de un juego de registros
Usar un script proxy para obtener un suministrador remoto
Creación de un documento XML a partir de una fuente dinámica
Configuración de los permisos de escritura en archivos para PHP
Uso de PHP para escribir a un archivo
Uso de Spry en páginas que funcionan sin JavaScript
Cómo incorporar un conjunto de datos Spry a una página Web ordinaria
Usar XHTML con Spry
Caso práctico: Facilitar el acceso de la galería Spry
Creación de la galería con PHP
Generar las fuentes XML con PHP
Mejorar el acceso a la galería con Spry
El final de un largo camino
Índice alfabético
Otros clientes que compraron Desarrollo Web con Dreamweaver CS3, CSS, Ajax y PHP, también compraron:
Otros libros de Dreamweaver CS3: