Dreamweaver

Lección 9 – Para ir más lejos

1

Lección 9 – Para ir más lejos
A lo largo del manual sobre Dreamweaver hemos visto las bases para crear páginas estáticas, cuya actualización implica modificar los archivos manualmente y volverlos a publicar cada vez. En este capítulo aparte, veremos que también es posible insertar elementos más avanzados y crear sitios mucho más complejos con Dreamweaver. Eneste capítulo: Integración de Photoshop y Dreamweaver Conexión a una base de datos SQL Creación, modificación y eliminación de datos de la tabla de la base de datos a través de formularios Creación de una página dinámica para mostrar noticias. 1. Abre el archivo PSD directamente en Photoshop. 2. 3. 4. Selecciona la parte que te interese. Haz clic en Edición | Copiar o pulsa C+c. DesdeDreamweaver, coloca el cursor en el punto donde desees pegar la imagen y pulsa C+v. En el cuadro de diálogo que se abre, ajusta la optimización de la imagen y guárdala en la raíz del sitio o en una carpeta para imágenes.

5.

Modificar la imagen
Lo interesante en este caso es que Dreamweaver mantiene un vínculo entre el JPG optimizado y el PSD original. 1. Haz clic con botón derecho sobre la imagen enDreamweaver y selecciona Editar origen en > Photoshop.

Integración de Photoshop
Antes de entrar en materia, veamos una pequeña novedad de la versión CS3. 1. Haz clic en Insertar | Imagen y selecciona un archivo Photoshop multicapa. Se abrirá un cuadro de diálogo que nos permite optimizar la imagen para guardar en un formato compatible para la Web. Podemos elegir entre los formatos JPG, GIF yPNG.

2. 3. 2. 3. Selecciona JPG y acepta. Guarda la imagen en tu sitio web y define un texto alternativo para la misma.

Realiza las modificaciones pertinentes en el archivo PSD que se abre. Realiza de nuevo la selección de la zona que te interese y copia/pega en Dreamweaver.

La imagen se sustituye sin necesidad de volver a optimizarla ni guardarla de nuevo.

Otro método :

2

Lección9 – Para ir más lejos
Esta función simplifica mucho las cosas, siempre que funcione. El problema es que muchos proveedores impiden el acceso a distancia a las bases de datos por motivos de seguridad. En ese caso, para evitarnos problemas existe un método más sencillo. Crearemos un sitio web local, y lo probaremos con un servidor Apache/PHP/Mysql en el ordenador local. Crearemos una tablaidéntica que la que se encontrará en el servidor remoto. Una forma simple y gratuita de instalar un servidor local consiste en utilizar Xampp (disponible para Windows y Mac). Cuando el sitio web local esté listo, sólo tendremos que publicarlo desde Dreamweaver y actualizar el archivo de conexión, si es necesario, y la base de datos, exportando la base de datos local e importándola en la del servidor.¿Listos?

¿Qué es un sitio dinámico?
En lo que sigue, entraremos en terreno de profesionales. Un sitio dinámico es un conjunto de páginas Web vinculado a una base de datos. Esta, a su vez, contiene información ordenada en tablas, de forma similar a una tabla de Excel. Imaginemos un sitio que ofrezca productos para la venta. Todos los días deben actualizar el inventario. Con un sitio estático, seríanecesario añadir contenido en las páginas afectadas y publicarlo en línea tras cada modificación. Con un sitio dinámico, ya no es necesario modificar las páginas. Lo único que cambia es su contenido, y de forma muy sencilla: modificando los registros de la base de datos. Las páginas contienen zonas dinámicas que interactúan con la información de la base de datos para mostrarla, editarla oeliminarla. En las páginas siguientes crearemos un pequeño proyecto de un sitio Web para crear, modificar y eliminar noticias. Para empezar, deberemos crear una base de datos y conectarnos a la misma para añadir las tablas que contendrán los datos. En segundo lugar, crearemos las páginas web que nos servirán para manipular el contenido de la base de datos. Vaya por delante que esta sección presupone...