Contruieste un site cu php
In continuare, o sa incerc sa va arat cum se poate face un site dinamic, utilizand PHP si HTML.
Exemplu de pagina web | Cum se face: | ||||||||||||
| Daca aveti un site care va lucra cu baze de date MYSQL, atunci, in modulul 1 (care este un fisier separat) se va executa conectarea la baza de date si autentificarea. In modulul 2, avem diferite date de control ale paginii - metatagurile html, body si alte lucruri de care este nevoie pentru a se afisa corect pagina in browser. Urmeaza modulul care afiseaza partea de sus a paginii, in cazul nostru - logo, bannere si motorul de cautare in site. Urmatorul modul contine meniul (orizontal sau vertical sau ambele) si un alt modul care afiseaza continutul paginii. In partea de jos a paginii avem un modul care afiseaza traficul, numarul de vizitatori, un eventual banner si copyright-ul site-ului sau ultima actualizare. Desigur, acest template este doar un exemplu, voi puteti adapta modulele si desingul paginilor dupa cum vrea fiecare. In continuare va prezint detaliat fiecare modul. |
Modulul 1 - Conectarea la baza de date | Exemplificare |
<?php mysql_connect ("localhost", "root", "password"); # localhost - numele serverului; root - nume user; # password - parola de la baza de date mysql_select_db ("nume_baza_date"); ?> | Modulul se numeste conectare.php si se include in pagina index.php cu urmatoarea comanda: <?php include ("conectare.php"); ?> |
Modulul 2 - metataguri si alte chestii | Exemplificare: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Numele paginii </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> | Numele modulului este top.php si se include in acelasi fisier index.php. Aici puteti schimba culoarea textului si orientarea paginii (la instructiunea body). |
Modulul 3 - Logo si banner | Exemplificare |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%">LOGO</td> <td height="60"> <div align="center">Banner 486x60 pixeli</div></td> <td width="20%"> <div align="right">cauta</div></td> </tr> </table> | Numele modulului: logo.php Se pot folosi toate comenzile specifice limbajului html si se poate salva fisierul cu extensia php, deoarece interpretorul php pana nu gaseste tagul de identificere al php-ului (<?php) nu prelucreaza informatia primita si o trimite browserului exact in aceeasi stare. |
Modulul 4 - meniul | Exemplificare |
<table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td><div align="center">HOME</div></td> <td><div align="center">MENIU 1</div></td> <td><div align="center">MENIU 2</div></td> <td><div align="center">MENIU 3</div></td> <td><div align="center">CONTACT</div></td> </tr> </table> | Numele fisierului este meniu.php si se include in index.php. Pentru exemplificare o sa va scriu link-ul catre pagina continut.php <a href="index.php?pagina=continut.php">MENIU 1</a></div></td> Unde ?pagina= este variabila care contine numele paginii pe care vreti sa o incarcati (atentie, trebuie sa fie tot un modul, altfel daca va contine o alta pagina html va da eroare la afisare). Dupa cum vedeti, pagina index.php se incarca de fiecare data, dar continutul difera. |
Modulul 5 - Continutul paginii | Exemplificare |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><p>Prezentare site</p> <p>Continutul paginii</p></td> </tr> </table> | Modulul se numeste continut.php (sau numele paginii respective) si contine textul care se va afisa in respectiva pagina. Modulul se include cu comanda: <?php include ("$pagina"); ?> Unde variabila $pagina este variabila trimisa de catre meniu (vezi la meniu) |
Modulul 6 - Partea de jos a paginii | Exemplificare |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%">Monitorizare trafic</td> <td><div align="center">Ultima actualizare: <!-- #BeginDate format:En2 -->01-Oct-2003<!-- #EndDate --> </div></td> <td width="20%"><div align="right"><font size="2">© Copyright <a href="http://www.farsoft.home.ro">FAR SOFT</a></font></div></td> </tr> </table> | Modulul se numeste jos.php si se introduce in index.php. |
Modulul 7 - inchiderea tagului HTML | Exemplificare |
</body> </html> | Modulul se numeste end.php si se include in index.php. |
Aici puteti descarca pentru test toate modulele si fisierul index.php gata facut. Daca il rulati pe un server care are php si va uitati in sursa (la browser - view source) o sa vedeti ca serverul a trimis doar continut HTML, iar ce a tinut de php a fost prelucrat de catre server. Pentru intrebari si nelamuriri va astept pe e-mail sau in forum.
Descarca prezentarea de aici. - ver. 1.1
demo-template - ver. 1.2
Link-ul autorului:
www.tutoriale.far-php.ro