Contruieste un site cu php
de Alex
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: |
modulul 1 - conectarea la baza de date |
modulul 2 - partea de sus a paginii
| logo |
bannere |
cautare in site |
|
|
partea de jos a paginii
|
|
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.
Sus |
American Flags | Electricity | Compare | Bad Credit Mortgages | Facebook Proxy