Documente Academic
Documente Profesional
Documente Cultură
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
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.
6
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI
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;
}
/* 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>
</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 :
13
PHP- GHID DE PROGRAMARE WEB PENTRU ÎNCEPĂTORI
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