Primii pasi in PHP
Teoretic totul este simplu dacă ştim care este calea şi avem abilităţile necesare. Practic, adeseori avem nevoie de ghidare. Înainte de a începe învăţarea unui nou limbaj de programare trebuie să identificăm motivul pentru care dorim să o facem. Dacă învăţăm doar "să ştim" nu prea tragem foloase de pe urma studiului, dar putem face lucruri deosebite dacă ne facem un mic plan.
1. Vreau să învăţ PHP pentru că vreau să pot face o pagină de contact şi nu vreau să mai apelez la nimeni.
Când nu ştim încotro ne întreptăm nu avem cum să luăm în calcul toţi factorii implicaţi în mica noastră dorinţă de studiu sau chiar practică.
1.1. Realizarea unei pagini de contact presupune preluarea unor informaţii de la persoana care o accesează şi transmiterea acestora către destinatar.
1.2. Trimiterea datelor presupune o verificare atentă a acestora, în prealabil, pentru a ne asigura că operaţiunea se va încheia cu succes.
1.3. Verificarea datelor introduse şi tratarea posibilelor erori este o temă de studiu nu foarte complicată, dar una peste care începătorii adeseori nu reuşesc să treacă.
Bun. Punctul 1 a picat şi trebuie să pornim de la bază. Paginile de internet sunt afişate în programele de navigare (Internet Explorer, Mozilla Firefox, Opera etc) cu ajutorul codului HTML sau XHTML. HTML (HyperText Markup Language) nu este un limbaj de programare, ci doar un limbaj de evidenţiere a textului din paginile de internet. Cu alte cuvinte, ceea ce facem într-un editor de texte (Wordpad, Word, Writer, Notepad++) facem şi în paginile de internet, cu ajutorul HTML. Diferenţa constă în modul de lucru şi structura documentelor.
Structura unui document HTML este simplă: ANTET + CORP.
* În antetul documentului se scrie tilul paginii, se specifică setul de caractere folosit - în funcţie de limba în care redactăm documentul -, se introduc cuvintele cheie după care va fi găsită pagina cu ajutorul motoarelor de căutare + alte informaţii.
* Corpul documentului conţine tot textul pe care îl vedem în pagina de internet.
Limbajul HTML are o caracteristică logică de marcare a elementelor din document şi anume etichetele. Atât demarcarea zonei de antet, cât şi cea a corpului documentului HTML sunt realizate cu etichete, câte una pentru începutul marcajului şi una pentru sfârşit.
De exemplu:
<eticheta>continutul demarcat</eticheta>
După cum se vede, semnele "mai mic" şi "mai mare" sunt folosite pentru definirea etichetelor. Cea de început foloseşte doar cele două caractere, în timp ce eticheta de încheiere are şi caracterul "slash", pentru a face diferenţierea între eticheta de start, astfel ca programul de navigare să ştie "de unde până unde" va aplica efectul sau stilul dictat de cele două etichete.
Documentele HTML se salvează cu extensiile .htm şi .html - ambele însemnând acelaşi lucru, fiind interpretate la fel de orice navigator. Acum, că ştim cum este structurat un document HTML şi care este treaba cu etichetele, pot da ca exemplu structura de bază a unei pagini HTML.
<html>
<head>
</head>
<body>
</body>
</html>
Evident, antetul trebuie pus înaintea corpului documentului. Pe lângă aceasta puteţi observa faptul că secţiunile HEAD şi BODY sunt cuprinse de două etichete, al căror rol este acela de a defini începutul şi sfârşitul documentului HTML. Singurul lucru pe care mai trebuie să-l ştiţi pentru început despre structura unui document HTML este că acestea pot fi de mai multe tipuri:
Tipurile uzuale de documente HTML:
- HTML Strict
- HTML Transitional
- HTML Frameset
Limbajul HTML este încă în curs de dezvoltare, următoarea versiune fiind HTML 5, supravegheată de World Wide Web Consortium şi colaboratorii acestei organizaţii. Utilizarea HTML presupune respectarea standardelor emise de W3C, deşi în branşa dezvoltatorilor de pagini de internet este cunoscut faptul că producătorii navigatoarelor mai au o cale lungă până să conţină suport pentru toate regulile stabilite în standardele HTML şi CSS. Cel mai bun sfat pe care îl pot da unui începător este să respecte standardele când scrie codul. Piaţa de navigatoare evoluează şi în viitorul apropiat tot mai multe se vor alinia la regulile jocului, astfel că paginile de internet scrise corect vor fi afişate la fel în toate programele.
Alegerea tipului de document stă la latitudinea dezvoltatorului, fie în funcţie de preferinţele acestuia sau de nevoile particulare proiectului pe care îl are de realizat. Cel mai utilizat tip de document HTML este cel tranziţional, care este mai permisiv la redactarea codului. Nu îmi propun să rescriu manualele HTML existente, ci doar să trasez regulile generale în vederea lucrului cu PHP. Am menţionat şi acronimul CSS - Cascading Style Sheets - sau foi de stiluri în cascadă. Acestea sunt fişiere în care se poate specifica stilul anumitor elemente din paginile de internet. Putem crea pagini şi fără să le ataşăm o foaie de stiluri, dar CSS are un set de avantaje care uşurează munca dezvoltatorilor. În exemplul următor voi prezenta un model de pagină HTML Transitional cu titlu şi cu un fişier CSS adăugat printr-o legătură din antetul paginii.
HTML şi CSS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titlul documentului HTML</title>
<link rel="stylesheet" href="stiluri.css" type="text/css">
</head>
<body>
Text din corpul documentului HTML.
</body>
</html>
Fişierul CSS (stiluri.css) conţine definiţiile stilului aplicat în pagina HTML, stocate sub formă de clase. De exemplu:
body {
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: black;
}
Indicaţiile din fişierul CSS vor avea ca rezultat afişarea textului cu specificaţiile de mai sus:
- Fonturile care vor fi încercate pentru afişarea conţinutului sunt cele de mai sus. Ele sunt luate în ordine şi primul găsit, dintre cele menţionate, va fi folosit pentru afişarea textului din corpul paginii;
- Dimensiunea caracterelor din pagină va fi de 12 pixeli;
- Culoarea textului din pagină va fi neagră.
Realizarea unui formular necesită adăugarea a cel puţin două elemente: un câmp text pentru introducerea unor date sau o opţiune de tipul unei căsuţe care poate fi bifată sau nu şi un buton de trimite a opţiunii utilizatorului. Odată familiarizaţi cu conceptul de etichete şi modul de utilizare al acestora veţi găsi o logică în formularul de mai jos.
Formular preluare nume:
<form action="procesare.php" method="post">
<input type="text" name="nume_utilizator">
<input type="submit" value="Trimite">
</form>
Standardele HTML au fost scrise în limba engleză. Acesta este motivul pentru care denumirile etichetelor sunt în această limbă. Codul formularului de mai sus se citeşte în felul următor:
Formularul va trimite acţiunea realizată de utilizator către fişierul procesare.php prin metoda de postare a datelor. Conţinutul formularului constă într-o căsuţă de introducere a datelor, de tip text, cu numele "nume_utilizator", iar butonul care permite trimiterea acestei informaţii se numeşte "Trimite". Deoarece formularul apare în pagina de internet, acesta trebuie să fie plasat între etichetele care marchează corpul documentului HTML.
În continuare aveţi fişierul HTML complet care vă permite afişarea formularului de preluare a numelui de utilizator:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Formular preluare nume utilizator</title>
<link rel="stylesheet" href="stiluri.css" type="text/css">
</head>
<body>
<form action="procesare.php" method="post">
<input type="text" name="nume_utilizator">
<input type="submit" value="Trimite">
</form>
</body>
</html>
Fişierul procesare.php va conţine codul PHP care permite afişarea datelor introduse de utilizator. La fel ca limbajul HTML, codul PHP trebuie delimitat de două etichete. Începutul codului PHP este marcat cu eticheta <?php şi încheierea acestuia se face cu ?>
Iată conţinutul fişierului procesare.php:
<?php
echo "Numele de utilizator este: " . $_POST['nume_utilizator'];
?>
Acesta va afişa numele introdus în căsuţa de tip text numită nume_utilizator. Desigur, pentru executarea codului PHP trebuie să dispuneţi de un server de internet cu PHP instalat. Funcţia PHP care afişează text în paginile de internet se numeşte echo şi utilizarea acesteia o voi explica în detaliu în articolul despre PHP.
ATENŢIE! Codul PHP folosit serveşte strict ca exemplu şi nu este securizat doar din motive de prezentare a unui cod simplu, funcţional şi uşor de citit.
ARTICOLE WEB DESIGN
Ajax in ASP.NET cu JQuery
Exista mai multe metode de a folosi AJAX in ASP.NET 2.0, dar cea pe care ...
Primii pasi in PHP
Teoretic totul este simplu dacă ştim care este calea şi avem abilităţile necesare. Practic, adeseori ...
NEWSLETTER
Doriti sa fiti la curent cu ultimele noutati din domeniul web-design?
Abonati-va la newsletter-ul nostru!
