Saltar al contenido
xelu.net

Un espacio para compartir.
Desde 2007.

Portada de Dreamweaver CS y WAMP

medio

Dreamweaver CS y WAMP

Autoría:
Xevi Vilardell Bascompte
Nivel:
medio
Actualizado:

255.260 visitas

Todos los materiales

Sobre este material

Descripción

Da el paso de las páginas estáticas a las aplicaciones con datos con este curso de Dreamweaver CS y WAMP. El material introduce la creación de una web dinámica con PHP y MySQL mediante actividades relacionadas con el proyecto Worldplanet.

WAMP combina Windows, el servidor web Apache, la base de datos MySQL y el lenguaje PHP. Los ejercicios utilizan Dreamweaver como editor y phpMyAdmin para trabajar con los datos.

Encontrarás propuestas para crear tablas, insertar registros e importar o exportar una base de datos. La colección también incorpora archivos PHP, estilos e imágenes relacionados con el desarrollo del proyecto.

Otros recursos tratan la zona restringida y la subida de archivos al servidor. Este conjunto permite observar cómo se relacionan los formularios, el código de la página y la información almacenada.

El curso es inicial dentro del desarrollo dinámico y presupone familiaridad con la construcción de páginas web. Los recursos corresponden a herramientas y versiones antiguas: utilízalos para estudiar los conceptos y revisa el código y la seguridad antes de adaptarlos a un entorno actual.

Prepárate, practica, aprende

Apuntes y ejercicios

Web de worldplanet:

Material necesario:

  • bbdd.rar

    Base de datos (actualizada el 19 de marzo de 2009)

  • estils.rar

    Hoja de estilos (actualizada el 19 de marzo de 2009)

  • arxius.rar

    Todos los archivos PHP implicados en la página (actualizado el 19 de marzo de 2009)

  • basics_login.rar

    Archivos para implementar la zona restringida (actualizado el 10 de marzo de 2009)

  • imatges.rar

    Todas las fotos de la web

  • upload.rar

    Archivos para implementar la subida de archivos al servidor (actualizado el 19 de marzo de 2009)

  • Ejercicio 01

    Creación de una base de datos MySQL con phpMyAdmin. Creación de dos tablas. Inserción de registros en las tablas.

  • Ejercicio 02

    Definición del sitio con Dreamweaver.

  • Ejercicio 03

    Cómo exportar e importar la base de datos con phpMyAdmin

  • Ejercicio 04

    Creamos una conexión MySQL a nuestra base de datos desde Dreamweaver.

  • Ejercicio 05

    Definición de una consulta (conjunto de registros) a la base de datos desde Dreamweaver.

  • Ejercicio 06

    Inserción de una tabla dinámica con el resultado de una consulta en un documento PHP con Dreamweaver.

  • Ejercicio 07

    Creación del índice de nuestra web World Planet

    capcalera1.jpg

  • Ejercicio 08

    Creación de la plantilla para mostrar los datos de un país (tablas y textos dinámicos)

    capcalera2.jpg

  • Ejercicio 09

    Enlaces con parámetros.

  • Ejercicio 10

    Practicamos los conocimientos adquiridos. Creación de otras 3 páginas dinámicas.

  • Ejercicio 11

    Subir la web con la base de datos a un servidor.

  • Ejercicio 12

    Validación de usuarios. Creación de un área restringida de gestión de los contenidos de la web.

  • Ejercicio 13

    Aprendemos a editar un registro de la base de datos a través de la zona restringida.

  • Ejercicio 14

    Aprendemos a añadir un registro a la base de datos a través de la zona restringida.

  • Ejercicio 15

    Aprendemos a eliminar un registro de la base de datos a través de la zona restringida.

  • Ejercicio 16

    Aprendemos a enviar archivos al servidor a través de un formulario de la zona restringida.

Información complementaria

  • Índice de contenidos

  • WAMP / LAMP:
  • ¿Qué es la tecnología WAMP / LAMP?
  • Instalación de WampServer
  • PHPMyAdmin:
  • El entorno de trabajo
  • Conceptos esenciales sobre bases de datos
  • Creación de una base de datos MySQL
  • Creación de una tabla
  • Definición de los campos
  • Definición de la clave principal de la tabla
  • Gestión de los registros de una tabla (insertar, eliminar y editar)
  • Exportación / importación de una base de datos
  • El lenguaje PHP:
  • Conceptos esenciales del lenguaje PHP
  • Estructura de un archivo PHP
  • Paso de parámetros entre archivos PHP
  • Páginas web dinámicas con Dreamweaver:
  • Configuración del sitio
  • Conexión de Dreamweaver con la base de datos MySQL
  • Creación de consultas sencillas a la base de datos.
  • Creación de consultas sencillas con parámetros a la base de datos.
  • Mostrar los resultados de las consultas en un documento PHP:
  • Creación de una plantilla.
  • Inserción de listados en forma de tablas.
  • Inserción de campos individuales.
  • Enlaces con parámetros.
  • Creación de un área de gestión:
  • Identificación de usuarios.
  • Formulario de edición de registros.
  • Formulario de inserción de registros.
  • Formulario de eliminación de registros.
  • Animación básica con Flash

  • Presentación de los recursos

  • WEB DE WORLDPLANET: (cómo debería quedar después del ejercicio 16)
  • MATERIAL NECESARIO:
  • Para descargar los materiales, pulsar el botón derecho sobre el enlace y guardar destino como
  • paisos.sql - Base de datos (actualizada el 19 de marzo de 2009)
  • estils.css - Hoja de estilos (actualizada el 19 de marzo de 2009)
  • Todos los archivos php implicados en la página (actualizado el 19 de marzo de 2009)
  • Archivos para implementar la zona restringida (actualizado el 10 de marzo de 2009)
  • imatges.rar - Todas las fotos de la web (actualizado el 10 de febrero de 2009)
  • upload.rar - Archivos para implementar la subida de archivos al servidor (actualizado el 19 de marzo de 2009)
  • Ejercicio 01 - Creación de una base de datos MySQL con phpMyAdmin. Creación de dos tablas. Inserción de registros en las tablas.
  • Ejercicio 02 - Definición del sitio con Dreamweaver.
  • Ejercicio 03 - Cómo exportar e importar la base de datos con PHPMyAdmin.
  • Ejercicio 04 - Creamos una conexión MySQL a nuestra base de datos desde Dreamweaver.
  • Ejercicio 05 - Definición de una consulta (conjunto de registros) a la base de datos desde Dreamweaver.
  • Ejercicio 06 - Inserción de una tabla dinámica con el resultado de una consulta en un documento PHP con Dreamweaver.
  • Ejercicio 07 - Creación del índice de nuestra web World Planet - capcalera.png
  • Ejercicio 08 - Creación de la plantilla para mostrar los datos de un país (tablas y textos dinámicos) - capcalera.jpg
  • Ejercicio 09 - Enlaces con parámetros.
  • Ejercicio 10 - Practicamos los conocimientos adquiridos. Creación de otras 3 páginas dinámicas.
  • Ejercicio 11 - Subir la web con la base de datos a un servidor.
  • Ejercicio 12 - Validación de usuarios. Creación de un área restringida de gestión de los contenidos de la web.
  • Ejercicio 13 - Aprendemos a editar un registro de la base de datos a través de la zona restringida.
  • Ejercicio 14 - Aprendemos a añadir un registro a la base de datos a través de la zona restringida.
  • Ejercicio 15 - Aprendemos a eliminar un registro de la base de datos a través de la zona restringida.
  • Ejercicio 16 - Aprendemos a enviar archivos al servidor a través de un formulario de la zona restringida.

  • Enlaces de interés

    (01) Descarga del programa WAMP Server (inglés)
  • (02) WAMP en la Wikipedia (castellano)
  • (03) WAMP en la Viquipèdia (catalán)
  • (04) PHP.net (inglés)
  • (05)

La conversación 8 comentarios

Escribe un comentario
Sergi

Solucionat!

És nota q akesta versió és més robusta! I ja puc obrir les pàgines en el Mozilla! Merci!

Responder
Xevi

Problemes amb els navegadors

Hola Sergi! Veuràs que aquesta versió del Dreamweaver, com a mínim la que he pogut provar jo, és molt estable. Pel que fa al tema de la vista prèvia en un altre navegador ja m'hi he trobat en més d'un ordinador que no funciona. Suposo que ja has anat a Archivo -> Vista prévia en el navegador -> Editar lista de navegadores i ho tens ben configurat. L'opció que queda és engegar el Motzilla o el que sigui i escriure directament a l'adreça http://localhost, i ja està.

Responder
Sergi

sembla q funciona...

Bones altre cop Xevi! Doncs al final he instal·lat el Dreamweaver CS3 i de moment he pogut crear nous jocs de registres sense cap problema aparent... x fí!! L'única cosa q em passa ara es q nomes hem deix fer vistes prèvies de les pàgines amb el IExplorer i am el Mozilla no... q extrany... Merci!!

Responder
Sergi

tornar-lo a instal·lar

Bons Xevi! Doncs he desisntalat i reinstalat la versió 8 del Dreamweaver i... em continua passant el mateix, es tanca sobtadament despres d crear jocs d registres o d ferqualsevol cosa q requereixi conectarse am un BD. Hem sembla q provaré d'instalar la versió CS3, tot i q tot plegat no em fa massa bona espina...

Responder
Xevi

Ho desconeixia

Hola Sergi! Desconeixia que en una versió anterior es pogués fer. Ja et dic, de moment no n'he tingut necessitat. Pel que fa al Dreamweaver, per la meva experiència et puc dir que és un programa que si l'utilitzes molt es deteriora espectacularment i al cap d'un temps es comença a penjar de la forma que tu descrius. La solució que he adoptat jo sempre és desinstal·lar-lo i tornar-lo a instal·lar i torna a anar durant uns quants mesos. Sembla que la versió que tinc ara, la CS3, és més estable, ja que fa temps que l'utilitzo i de moment segueix funcionant com el primer dia.

Responder
Sergi

P

Bones Xevi, merci x la resposta!! Al final ho he pogut solucionar instal·lant una versió anterior del wamp q sí q sortia l'opció per relacionar taules. Després vagi exportar la BD x despres importar-la a la nova versió del wamp. Ara tinc un altre problema ;). No sé el pq, però el Dreamweaver se'm tanca inesperadamnt després de crear jocs de registres i no puc continuar treballant. Hi deu haver algun conflicte q fa q es tanqui repentinament, prò totes les coses q he provat no han servit. Fins q no tanco el PC i el torno a obrir al cap d'una estona (això si hi ha sort) no hem deix crear els jocs d registres. Se t'acut alguna idea d q podria passar?? Merci!!!!

Responder
Xevi

T'ho busco

Hola Sergi! Merci pel comentari! Pel que fa a les relacions entre taules en una base de dades MySQL, jo encara no n'he hagut d'utilitzar, ja que els projectes que tinc entre mans no són prou complexes per haver-ho de fer servir. Tot i així vaig llegir a la revista Personal Computer & Internet en un curs que feien sobre webs dinàmiques que hi ha un programa per fer la base de dades MySQL diferent del PHPMyAdmin que permetia una vista de relacions semblant a la que tens amb Access. Ara no tinc a mà les revistes antigues però ho buscaré a la que tingui un moment i et diré el nom del programa.

Responder
Sergi Nadal

relacions entre taules

Bones Xevi, primer donar-te les gràcies per aquest curs de wamp i Dreamweaver. Els exercicis stan moltt bé i m'han anat molt perfecte per practicar. Vaig al gra. Am la versió del wamp q hem vaig descarregar, no trobo x enlloc l'opció per relacionar taules. Hauria de dir algo per l'estil de "Vista de relaciones", prò no ho trobo o no sé si es fa diferent. Saps com es fa? Merci!!

Responder