Sunteți pe pagina 1din 12

PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

1. Introducere
Limbajele pe care se bazează PHP sunt :
• HTML ( Hyper Text Markup Language) – pentru definirea
conținuturilor paginilor web
• CSS ( Cascading Style Sheets)- pentru definirea aspectului
paginilor web
• JavaScript- pentru programarea evenimentelor din paginile
web, pentru a adăuga interactivitate paginilor web
Tutoriale :
• HTML Tutorial
[http://www.w3schools.com/cssref/default.asp]
• CSS Reference
[http://www.w3schools.com/cssref/default.asp]
• JavaScript Reference
[http://www.w3schools.com/jsref/default.asp]
Alte resurse utile:
• http://php.net/manual/ro/

Ce este PHP?
• … un acronim pentru “PHP: Hypertext Preprocessor”
• …un limbaj de programare open-source, cu o largă răspândire
în domeniul IT
• … gratis pentru a fi descărcat și utilizat
De ce este un limbaj atât de atractiv și popular?
• pentru că este suficient de puternic pentru a fi în centrul celui
mai mare sistem de blogging pe web (WordPress)!
• pentru că este suficient de complex pentru a rula cea mai
mare rețea socială (Facebook)!
• de asemenea, este destul de ușor să fii un programator
începător de server-side!
PHP...
• Fișierele PHP pot conține text, coduri HTML, CSS,
JavaScript și coduri PHP
• codurile PHP sunt executate pe server, iar rezult atul este
returnat în browser ca un cod HTML simplu
• Fișierele PHP au extensia ".php"

5
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

Vă prezentăm un exemplu de cod PHP (introduction.php)


<!DOCTYPE html>
<html>
<body>
<?php
echo "My first PHP script!";
?>
</body>
</html>

Ce avem de făcut?
Server side:
• La început pornim serverul web (localhost).
• Apoi scriem codul de mai sus într-un editor de text, cum ar fi
Notepad++ .
• Salvăm fișierul cu numele „introduction.php“ în directorul
„C:/xampp/htdocs“.
Client side:
• După salvarea fișierului îl deschidem în browser
(http://localhost/introduction.php) și analizăm conținutul
paginii web afișate în browser.

În PHP se pot realiza următoarele operații:


... generare de pagini cu conținut dinamic
... creare, deschidere, citire, scriere, ștergere și închidere de
fișiere de pe server
... colectarea datelor din formulare
... trimiterea și primirea cookie-urilor
...adăugarea, ștergerea, actualizarea datelor din baza de date
... controlul accesului utilizatorilor
... criptarea datelor
PHP nu te limitează în privința obiectelor afișate prin pagini web: pot
fi afișate imagini, fișiere PDF, video Flash, texte XHTML sau XML.

De ce să alegi programare în PHP?


• PHP rulează pe diferite platforme (Windows, Linux, Unix,
Mac OS X, etc.)
• PHP este compatibil cu aproape toate serverele utilizate în
prezent (Apache, IIS etc.)
• PHP suportă o gamă largă de baze de date

6
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

• PHP este gratuit. Descărcați-l din resursa oficială PHP:


www.php.net
• PHP este ușor de învățat și rulează eficient pe partea de server
De ce anume avem nevoie?
Pentru a începe să utilizați PHP, parcurgeți pașii de mai jos:
• Identificați o gazdă web PHP gazdă și suport MySQL
• Instalați un server web pe propriul PC, apoi instalați PHP și
MySQL
• Urmați instrucțiunile de instalare de pe situl oficial
http://php.net/manual/en/install.php
• De ce avem cu adevărat nevoie în acest curs?
• Un server web XAMPP ( Apache), un interpretor PHP și un
SBGD (MySQL)
• Un editor de text (Notepad++)
• Un browser (Firefox)
În cadrul acestui seminar, vom configura PHP pe propriul PC prin
utilizarea XAMPP (inclusiv Apache și PHP, MySQL).
Site-ul oficial PHP (PHP.net) are instrucțiuni de instalare pentru PHP:
http://php.net/manual/en/install.php
Exemplul următor evidențiază modul în care PHP lucrează cu HTML,
CSS și JavaScript:
Ce vom realiza?
• vom crea un fișier *.php dintr-un fișier *.html deja existent
• vom adăuga stiluri utilizând CSS
• vom adăuga/include pagini dinamice (fișiere *.php)
• vom include un subsol, conținut ș i un meniu de navigare în
paginile web.
Fișierele basis.html și basis.css au fost create și au următorul
conținut:
basis.css
* {
margin: 0px;
padding: 0px;
}
body {
font-size: 12pt;

7
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

font-family: Verdana,Arial,sans-serif;
}

/* General fonts */
ul, li {
margin-top: 0px;
list-style-type: none;
}
p {
font-family: Verdana,Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
line-height: normal;
padding: 0px;
}
h1 {
font: 1.25em Verdana,Arial,sans-serif;
font-weight: bold;
padding-bottom: 10px;
}
h2 {
font: 1.25em Verdana,Arial,sans-serif;
font-weight: bold;
padding-bottom: 10px;
color: red;
}
h3 {
font: 1.25em Verdana,Arial,sans-serif;
font-weight: bold;
padding-bottom: 10px;
}
img {
border: none;
}

/* Container */
#container {
width: 970px;
margin-top: 20px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}

8
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

/* Header Components */
#header {
border: 1px solid #999999;
width: 970px;
height: 115px;
}

/* Logo */
#logo {
float: left;
}

/* Slogan */
#slogan {
position: absolute;
width: auto;
height: 30px;
margin-top: 20px;
margin-left: 280px;
font-size: 2.3em;
font-weight: bold;
}

/* Search bar */
#search {
float: right;
margin-top: 30px;
clear: right;
font-size: 0.8em;
}

/* Rootline */
#rootline {
font: normal 10px Verdana,Arial,sans-serif;
padding-top: 5px;
padding-bottom: 0px;
margin-left: 0px;
}

/* Left part */
#left {
float: left;
min-height: 590px;
padding-bottom: 0px;
padding-top: 0px;
position: relative;

9
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

width: 200px;
border: 1px solid #999999;
margin-top: 10px;
font-size: 1.1em;
}

/* Language */
#languages {
padding-top: 5px;
padding-left: 16px;
padding-bottom: 20px;
}

/* Meniu stanga */
#left-menu {
text-align: left;
margin-top: 40px;
list-style-type: none;
margin-left: 8px;
}
#left-menu a {
text-decoration: none;
}
#left-menu a:hover {
color: #666;
}

/* The main part of the page */


#middle {
float: left;
height: 580px;
margin-left: 10px;
width: 520px;
border: 1px solid #999999;
margin-top: 10px;
padding: 5px 5px 5px 10px;
overflow: auto;
}

/* Right */
#right {
width: 202px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;

10
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

min-height: 585px;
float: right;
text-align: left;
font-weight: normal;
font-family: Verdana,Arial,sans-serif;
border: 1px solid #999999;
margin-top: 10px;
position: relative;
font-size: 0.8em;
}

/* Footer */
#footer {
position: relative;
top: 15px;
font-family: Verdana,Arial,sans-serif;
clear: both;
text-align: right;
color: #333;
height: 25px;
width: 970px;
text-decoration: none;
border: 1px solid #999999;
font-size: 0.9em;
padding-top: 5px; }

basis.html
<html>

<head>
<link rel="stylesheet" type="text/css"
href="css/basis.css">
</head>

<body>
<div id="container">

<div id="header">
<div id="logo">###LOGO###</div>
<div id="slogan">###SLOGAN###</div>
<div id="search">###SEARCH###</div>
</div>

<div id="rootline">###ROOTLINE###</div>

<div id="left">

11
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

<div id="languages">###LANGUAGES###</div>
<div id="left-menu">###LEFT-MENU###</div>
<div id="motto">###MOTTO### </div>
</div>

<div id="middle"> ###MIDDLE###</div>

<div id="right"> ###RIGHT###


<div id="topnews">###TOPNEWS###</div>
</div>

<div id="footer"> ###FOOTER### </div>

</div>

</body>
</html>

12
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

Primii pași:
• Creați un nou folder în directorul "C: / xampp /" (denumit
"day_1")
• Copiați "basis.html" cu numele "basis.php" în directorul "C: /
xampp / htdocs / day_1"
• Creați un folder denumit "css" în "C: / xampp / htdocs /
day_1" și copiați "basis.ccs" în "C: / xampp / htdocs / day_1 /
css"
• Creați fișierele pe care le veți include în fișierul .php (Footer,
Content, Navigation)
• Pentru a include fișierele în "basis.php", utilizați instrucțiunea
include.
Pentru o organizare optimă a fișierelor pe disc vă propunem
următoarea structură de directoare și fișiere :

Figura de mai jos evidențiază ce se întâmplă la execuția pe server a


fișierului basis.php:

13
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

Ce este World Wide Web (www) ?


• Termenul World Wide Web este un sistem de documente și
informații de tip hipertext legate între ele care pot fi accesate
prin rețeaua mondială de Internet. Documentele, care rezidă
în diferite locații pe diverse calculatoare server, pot fi regăsite
cu ajutorul unui identificator univoc numit URI. Hipertextul
inclusiv imagini etc. este afișat cu ajutorul unui program de
navigare în web numit browser, care descarcă paginile web de
pe un server web și le afișează pe un terminal „client” la
utilizator.
• Toate calculatoarele
folosesc un protocol
de comunicare numit
HTTP

Cum funcționează www?

• Informațiile web sunt


stocate în documente
numite pagini web
• Paginile Web sunt
fișiere stocate pe
computere numite
servere web
• Calculatoarele care
14
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

”citesc” paginile web sunt numite clienți web


• Clienții web vizualizează paginile cu un program numit
browser web
• Cele mai populare browsere sunt Google Chrome, Firefox și
Internet Explorer

sursa imaginii: Wikipedia


Figura de mai sus evidențiază comunicarea ”statică” în www.

Interpretorul PHP acționează ca o


extensie a serverului web care
este invocată de ori câte ori o
pagina PHP este
accesată(imaginea din dreapta ).
Această componentă procesează
codul-sursa din pagină și apoi
transmite rezultatul înapoi la
web-server, ajungând în final în
browserele utilizatorilor.

Modul de funcționare al
interpretorului PHP este ilustrat
de figura din dreapta și de figura
din pagina următoare :

15
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI

S-ar putea să vă placă și