xelu.net >> àgora 2.0 >> materials >> curs d'informàtica bàsica Dreamweaver CS i WAMP |
àgora 2.0: cuina | jocs | llibres | música | cinema i tv | teatre | materials | rutes | qui és qui? |
Dreamweaver CS i WAMP |
23/01/2009
Autor/a de l'aportació:
Xevi Vilardell Bascompte
Aquest material ha rebut 224834 visites |
|
|
|
|
descripció |
El curs està pensat per a totes aquelles persones que volen evolucionar en el món de les pàgines web i superar la fase de les webs estàtiques. Es pretén donar els coneixements necessaris per poder implementar una web dinàmica utilitzant tecnologia WAMP (servidor web Windows, servidor de base de dades Apache, base de dades MySQL i accés a la base de dades mitjançant llenguatge PHP). Això permet implementar una gran part de la nostra pàgina web utilitzant programari lliure. En el nostre cas però, seguint el curs de Dreamweaver CS d'aquesta mateixa pàgina web, utilitzarem l'editor Dreamweaver per complementar la implementació i lligarem les pàgines que crearem amb PHP amb una base de dades MySQL que crearem amb el programa PhpMyAdmin. Per tant, també es donaran les nocions bàsiques de PHP a través de Dreamweaver per donar com a resultat una pàgina web dinàmica. Cal aclarir que aquest curs és inicial, però que tot i així i amb molt treball i esforç es poden arribar a fer coses molt complexes. |
í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
|
apunts i exercicis |
|
WEB DE WORLDPLANET:
worldplanet.xelu.net
- (com hauria de quedar després de l'exercici 16)
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.
|
enllaços |
(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) Programación en PHP (castellà) |
afegir comentari |
|
els vostres comentaris (8 ) |
Autor/a del comentari: Sergi -
Data: 20/03/2009
És nota q akesta versió és més robusta!
I ja puc obrir les pàgines en el Mozilla!
Merci! |
Autor/a del comentari: Xevi -
Data: 20/03/2009
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à. |
Autor/a del comentari: Sergi -
Data: 18/03/2009
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!! |
Autor/a del comentari: Sergi -
Data: 18/03/2009
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... |
Autor/a del comentari: Xevi -
Data: 17/03/2009
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. |
Autor/a del comentari: Sergi -
Data: 17/03/2009
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!!!! |
Autor/a del comentari: Xevi -
Data: 11/03/2009
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. |
Autor/a del comentari: Sergi Nadal -
Data: 09/03/2009
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!! |