Salta al contingut
xelu.net

Un espai per compartir.
Des del 2007.

Portada de Dreamweaver CS i WAMP

mig

Dreamweaver CS i WAMP

Autoria:
Xevi Vilardell Bascompte
Nivell:
mig
Actualitzat:

255.260 visites

Tots els materials

Sobre aquest material

Descripció

Fes el pas de les pàgines estàtiques a les aplicacions amb dades amb aquest curs de Dreamweaver CS i WAMP. El material introdueix la creació d’un web dinàmic amb PHP i MySQL a través d’activitats relacionades amb el projecte Worldplanet.

WAMP combina Windows, el servidor web Apache, la base de dades MySQL i el llenguatge PHP. Els exercicis utilitzen Dreamweaver com a editor i phpMyAdmin per treballar amb les dades.

Hi trobaràs propostes per crear taules, inserir registres i importar o exportar una base de dades. El recull també incorpora fitxers PHP, estils i imatges relacionats amb el desenvolupament del projecte.

Altres recursos tracten la zona restringida i la pujada de fitxers al servidor. Aquest conjunt permet observar com es relacionen els formularis, el codi de la pàgina i la informació emmagatzemada.

El curs és inicial dins del desenvolupament dinàmic i pressuposa familiaritat amb la construcció de pàgines web. Els recursos corresponen a eines i versions antigues: fes-los servir per estudiar els conceptes i revisa el codi i la seguretat abans d’adaptar-los a un entorn actual.

Prepara't, practica, aprèn

Apunts i exercicis

Web de worldplanet:

Material necessari:

  • bbdd.rar

    Base de dades (actualitzada el 19 de març de 2009)

  • estils.rar

    Fulla d'estils (actualitzada el 19 de març de 2009)

  • arxius.rar

    Tots els fitxers PHP involucrats en la pàgina (actualitzat el 19 de març de 2009)

  • basics_login.rar

    Fitxers per implementar la zona restringida (actualizat el 10 de març de 2009)

  • imatges.rar

    Totes les fotos de la web

  • upload.rar

    Fitxers per implementar la pujada d'arxius al servidor (actualitzat el 19 de març de 2009)

  • Exercici 01

    Creació d'una base de dades MySQL amb phpMyAdmin. Creació de dues taules. Inserció de registres a les taules.

  • Exercici 02

    Definició del sitio amb Dreamweaver.

  • Exercici 03

    Com exportar i importar la base de dades amb phpMyAdmin

  • Exercici 04

    Creem una connexió MySQL cap a la nostra base de dades des de Dreamweaver.

  • Exercici 05

    Definició d'una consulta (conjunto de registros) a la base de dades des de Dreamweaver.

  • Exercici 06

    Insersió d'una taula dinàmica amb el resultat d'una consulta en un document PHP amb Dreamweaver.

  • Exercici 07

    Creació de l'índex de la nostra web World Planet

    capcalera1.jpg

  • Exercici 08

    Creació de la plantilla per mostrar les dades d'un país (taules i textos dinàmics)

    capcalera2.jpg

  • Exercici 09

    Enllaços amb paràmetres.

  • Exercici 10

    Practiquem els coneixements adquirits. Creació de 3 pàgines dinàmiques més.

  • Exercici 11

    Penjar la web amb la base de dades en un servidor.

  • Exercici 12

    Validació d'usuaris. Creació d'una àrea restringida de gestió dels constinguts de la web.

  • Exercici 13

    Aprenem a editar un registre de la base de dades a través de la zona restringida.

  • Exercici 14

    Aprenem a afegir un registre a la base de dades a través de la zona restringida.

  • Exercici 15

    Aprenem a eliminar un registre a la base de dades a través de la zona restringida.

  • Exercici 16

    Aprenem a enviar fitxers al servidor a través d'un formulari de la zona restringida.

Informació complementària

  • Índex de continguts

  • WAMP / LAMP:
  • Què és la tecnologia WAMP / LAMP?
  • Instal·lació de WampServer
  • PHPMyAdmin:
  • L'entorn de treball
  • Conceptes essencials sobre bases de dades
  • Creació d'una base de dades MySQL
  • Creació d'una taula
  • Definició dels camps
  • Definició de la clau principal de la taula
  • Gestio dels registres d'una taula (inserir, eliminar i editar)
  • Exportació / importació d'una base de dades
  • El llenguatge PHP:
  • Conceptes essencials del llenguatge PHP
  • Estructura d'un fitxer PHP
  • Pas de paràmetres entre fitxers PHP
  • Pàgines web dinàmiques amb Dreamweaver:
  • Configuració del sitio
  • Connexió de Dreamweaver amb la base de dades MySQL
  • Creació de consultes senzilles a la base de dades.
  • Creació de consultes senzilles amb paràmetres a la base de dades.
  • Mostrar resultats de les consultes en un document PHP:
  • Creació d'una plantilla.
  • Inserció de llistats en forma de taules.
  • Inserció de camps individuals.
  • Enllaços amb paràmetres.
  • Creació d'una àrea de gestió:
  • Identificació d'usuaris.
  • Formulari d'edició de registres.
  • Formulari d'inserció de registres.
  • Formulari d'eliminació de registres.
  • Animació bàsica amb Flash

  • Presentació dels recursos

  • WEB DE WORLDPLANET: (com hauria de quedar després de l'exercici 16)
  • MATERIAL NECESSARI:
  • Per descarregar els materials, prémer botó dret sobre l'enllaç i guardar destí com
  • paisos.sql - Base de dades (actualitzada el 19 de març de 2009)
  • estils.css - Fulla d'estils (actualitzada el 19 de març de 2009)
  • Tots els fitxers php involucrats en la pàgina (actualitzat el 19 de març de 2009)
  • Fitxers per implementar la zona restringida (actualitzat el 10 de març de 2009)
  • imatges.rar - Totes les fotos de la web (actualitzat el 10 de febrer de 2009)
  • upload.rar - Fitxers per implementar la pujada de fitxers al servidor (actualitzat el 19 de març de 2009)
  • Exercici 01 - Creació d'una base de dades MySQL amb phpMyAdmin. Creació de dues taules. Inserció de registres a les taules.
  • Exercici 02 - Definició del sitio amb Dreamweaver.
  • Exercici 03 - Com exportar i importar la base de dades amb PHPMyAdmin.
  • Exercici 04 - Creem una connexió MySQL cap a la nostra base de dades des de Dreamweaver.
  • Exercici 05 - Definició d'una consulta (conjunto de registros) a la base de dades des de Dreamweaver.
  • Exercici 06 - Insersió d'una taula dinàmica amb el resultat d'una consulta en un document PHP amb Dreamweaver.
  • Exercici 07 - Creació de l'índex de la nostra web World Planet - capcalera.png
  • Exercici 08 - Creació de la plantilla per mostrar les dades d'un país (taules i textos dinàmics) - capcalera.jpg
  • Exercici 09 - Enllaços amb paràmetres.
  • Exercici 10 - Practiquem els coneixements adquirits. Creació de 3 pàgines dinàmiques més.
  • Exercici 11 - Penjar la web amb la base de dades en un servidor.
  • Exercici 12 - Validació d'usuaris. Creació d'una àrea restringida de gestió dels continguts de la web.
  • Exercici 13 - Aprenem a editar un registre de la base de dades a través de la zona restringida.
  • Exercici 14 - Aprenem a afegir un registre a la base de dades a través de la zona restringida.
  • Exercici 15 - Aprenem a eliminar un registre a la base de dades a través de la zona restringida.
  • Exercici 16 - Aprenem a enviar fitxers al servidor a través d'un formulari de la zona restringida.

  • Enllaços d’interès

    (01) Descàrrega del programa WAMP Server (anglès)
  • (02) WAMP a la Wikipedia (castellà)
  • (03) WAMP a la Viquipèdia (català)
  • (04) PHP.net (anglès)
  • (05)

La conversa 8 comentaris

Escriu un comentari
Sergi

Solucionat!

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

Respon
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à.

Respon
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!!

Respon
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...

Respon
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.

Respon
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!!!!

Respon
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.

Respon
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!!

Respon