»  Pagina principala  »  PHP si mysql »   Contruieste un site cu php

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:
modulul 1 - conectarea la baza de date
modulul 2 - partea de sus a paginii
logo
bannere
cautare in site
meniu

continutul paginii

 

 

 

 

partea de jos a paginii
trafic
bannere
copyright
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">&copy; 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

Fanache A. Remus

www.farsoft.far-php.ro - portofoliu
http://www.farsoft.far-php.ro

Cloud tag

tutorial, photoshop, html, css, javascript, flash, php, mysql, grafica 3D, tutorial, coduri, scripturi, generator de coduri, cursuri php