| Autor |
Mesaj |
wap-klub
Junior 2
Data inscrierii: 12/Noi/2010
Mesaje: 34
|
|
 Cum incepe progareamrea php html |
 |
eoretic 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 diferite 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ă.
A. Realizarea unei pagini de atingere presupune preluarea unor informaţii de la persoana care o accesează şi transmiterea acestora către destinatar.
B. Trimiterea datelor presupune o verificare atentă a acestora, în prealabil, pentru a ne asigura că operaţiunea se va încheia cu succes.
C. Verificarea datelor introduse şi tratarea posibilelor erori este o temă de studiu nu extrem 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 susČinerea 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) 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 ĂŽntrebuinČat - î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 trunchiului documentului HTML sunt confecČionate 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 utilizate 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 absolut 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 trupului 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ă astea 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 numeroase se vor alinia la regulile jocului, astfel că paginile de internet scrise perfect 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;
- NuanČÄ 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 folosire 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 ĂŽngÄduie trimiterea acestei informaţii se numeşte "Trimite". Pentru cÄ 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. Despre securitatea datelor de intrare veţi putea citi în următoarele articole.
În încheiere, vă recomand câteva tutoriale cuprinzătoare despre HTML şi CSS:
- Tutorial HTML, creat de Cătălin Drogoreanu
- Tutorial CSS, creat de Cătălin Drogoreanu
- Specificaţiile oficiale HTML 4.01, publicate de World Wide Web Consortium
- Specificaţiile oficiale CSS 2.1, publicate de World Wide Web Consortium
- Tutorial HTML concis, bine documentat, cu exemple şi teste de aptitudini, concretizat de W3Schools
- Tutorial CSS bine organizat, de asemenea cu exemple şi teste, realizat de W3Schools
Succes în continuare!
|
|
| 12/11/2010 18:54 |
  |
 |
|
|
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
|
|
|
