Tecnología

Inicio

Cómo crear sitios web dinámicos en Dreamweaver

Cómo crear sitios web dinámicos en Dreamweaver


Adobe Dreamweaver es sin duda el mejor producto de la consolidación de tela en el mercado, pero a veces la calidad aumenta la complejidad. A pesar de que ofrece una gama de herramientas para la creación de sitios web dinámicos - que son sitios web con bases de datos que utilizan un lenguaje de programación como PHP - que puede ser difícil encontrar justo donde las herramientas son, o cómo usarlos bien. Si usted tiene un poco de paciencia y te gusta resolver problemas, usted estará en su camino.

Instrucciones

1 Dreamweaver abierto y seleccione el proyecto apropiado en la lista "Crear nuevo". Debido a que usted está tratando de construir un sitio web dinámico, tendrá que seleccionar un lenguaje de script con las capacidades de la base de datos de la conexión, es decir, PHP, ASP.NET o ColdFusion.

2 Familiarizarse con la pantalla básica de Dreamweaver. Por defecto, usted debe tener una barra de herramientas en la parte superior de la pantalla para el archivo de base, Editar, Ver, etc. funciones. Debajo de eso debe haber una pantalla que muestra el código de la página actual, y debajo de eso debe haber una pantalla que muestra el diseño de la página actual - lo que realmente se vería en un navegador.

En la parte superior de la barra lateral a la derecha debe ser un panel de "Insertar" que enumera una serie de tareas comunes, como los hipervínculos y la inserción de imágenes. Si hace clic en el menú desplegable en la parte superior que dice "Común", verá una lista de categorías más especializadas. Por ejemplo, si usted está haciendo una página PHP, una de las opciones será PHP; seleccionarlo y se le dará una lista de tareas comunes específicas de PHP.

Debajo del panel Insertar es un panel Estilos CSS y un administrador de archivos; también hay una barra de herramientas inferior utilizado para la inserción de propiedades de HTML y CSS.

3 Crear un diseño de página y averiguar donde los elementos dinámicos de la página irán; como el sitio web de Adobe dice, "el diseño de la página se convierte en crucial para su facilidad de uso." Por ejemplo, si usted está tirando de un artículo de una base de datos, se debe crear un diseño que permite el espacio para el título y el contenido del artículo - y tal vez el autor y la fecha también. Si usted está tirando de datos, como una lista de miembros, usted debe crear un diseño mesa- o basado en una lista que puede mostrar la información de un elemento tal como su nombre de usuario, información de contacto, o la ubicación.

4 Abra el panel Vinculaciones. Si no se muestra por defecto en la barra lateral derecha de su espacio de trabajo, seleccione el menú desplegable de la derecha esquina superior de la pantalla que muestra "Designer". De las opciones, seleccione "Classic". El panel Vinculaciones debe aparecer ahora como una de las cajas en la barra lateral derecha.

5 Siga las instrucciones que aparecen en el panel Vinculaciones para utilizar datos dinámicos; usted será llevado a través de un asistente le pide el nombre del sitio y la información del servidor. El propósito de esto es para conectarse a una base de datos que se pueden extraer información de. Para ello, tendrá que configurar un servidor privado en su equipo fuera de Dreamweaver. Probablemente la forma más sencilla de hacerlo es descargar XAMPP (ver Recursos), un servidor privado gratuito y de código abierto que funciona con PHP y la base de datos MySQL.

6 Haga clic en el botón de signo más ( "+") en la esquina superior izquierda del panel y seleccione los enlaces de "registros". Se le pedirá que introduzca la información de la base de datos para terminar la conexión a la base de datos; esto incluye el servidor (que será "localhost" en XAMPP), y la base de datos de nombre, nombre de usuario y contraseña. Cuando haya terminado, se le han completado una conexión y puede utilizar el conjunto de registros para insertar datos en su página directamente desde la base de datos.