Cuprins

1. Scopul lucrrii...........................................................................................................3
2. Sarcina teoretic........................................................................................................3
2.1

Limbajul HTML....................................................................................................3

2.2

Limbajul DHTML..................................................................................................8

2.3

Limbajul JavaScript..............................................................................................9

2.4

Limbajul PHP.......................................................................................................10

3. Sarcina practic.......................................................................................................14
Concluzie........................................................................................................................15

1. Scopul lucrrii
Familiarizarea cu principiul de lucru a limbajelor de programare a paginilor web, si
redactarea unei pagini web folosind limbajele HTML, DHTML, JavaScript i PHP.

2. Sarcina teoretic
2.1 Limbajul HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea
paginilor web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai
degrab prezentarea informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea
semanticii documentului.
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o
singura pagin, utiliznd un software de redare specializat, numit agent utilizator
HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML
furnizeaz mijloacele prin care coninutul unui document poate fi adnotat cu diverse
tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la decora iuni
minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat
sau c o imagine trebuie introdus, pn la scripturi sofisticate, hr i de imagini i
formulare. Metadatele pot include informaii despre titlul i autorul documentului,
informaii structurale despre cum este mprit documentul n diferite segmente,
paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi
legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd
un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit
cunotine solide de HTML i este consumatoare de timp. Editoarele grafice (de tip
WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft
FrontPage permit ca paginile web sa fie tratate asemntor cu documetele Word, dar cu
observaia c aceste programe genereaz un cod HTML care este de multe ori de proast
calitate.

HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar
fi PHP, JSP sau ASP. Multe aplicaii ca sistemele de gestionare a coninutului, wiki-uri
i forumuri web genereaz pagini HTML.
HTML este de asemenea utilizat n e-mail. Majoritatea aplicaiilor de e-mail folosesc un
editor HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a email-urilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i
multe liste de mail le blocheaz intenionat.
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la
baza paginilor web.
Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau .htm.
n marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> i alta
de nchidere </eticheta>, mai exist i cazuri n care nu se nchid, atunci se folose te
<eticheta />. Navigatorul web interpreteaz aceste etichete afind rezultatul pe ecran.
HTML-ul este un limbaj care nu face deosebire ntre litere majuscule i minuscule.
Pagina principala a unui domeniu este fisierul index.html respectiv index.htm.
Aceast pagin este setat a fi afiat automat la vizitarea unui domeniu.
De

exemplu

la

vizitarea

domeniului

www.nume.ro

este

afi at

pagina

www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare"> ... </eticheta>
Componena unui document HTML este:
versiunea HTML a documentului
zona head cu etichetele <head> </head>
zona body cu etichetele <body> </body> sau <frameset> </frameset>
Versiunea HTML poate fi:
HTML 4.01 Strict
4

<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

4.01

Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">
HTML 5
<!DOCTYPE HTML>
Toate paginile HTML ncep i se termin cu etichetele <html> i </html>.
n interiorul acestor etichete gsim perechile <head>, </head> i <body>, </body>.

head conine titlul paginii ntre etichetele <title> i </title>, descrieri de tip <meta>,
stiluri pentru formatarea textului, script-uri i legturi ctre fisiere externe (de exemplu
script-uri, fiiere de tip CSS sau favicon).
Etichetele de tip meta conin cuvinte cheie, descrierea paginii, date despre autor,
informaii utile motoarelor de cutare i au urmtorul format:
<META NAME="nume" CONTENT="continut">
Exemplu: link ctre un fisier extern CSS:
<link rel="stylesheet" type="text/css" href="css.css">
body gzduiete practic toate etichetele afiate de browser pe ecran.
Exemplu: o pagin HTML cu titlul Exemplu iar coninutul Coninut pagin
<html>
5

<head>
<title>Exemplu</title>
</head>
<body>
Coninut pagin
</body>
</html>
i n HTML poate fi introdus un comentariu, care bineneles nu va fi afiat de browser:
<!-- comentariu -->
Mai jos sunt tipurile de elemente de marcare n HTML:
Marcare structural. Descrie scopul unui text. De exemplu:
<h1>Fotbal</h1>
Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea
structural nu are un anumit stil predefinit, dar cele mai multe browsere web au
standardizat modul n care acestea sunt afiate. De exemplu, titlurile importante (h1, h2,
etc.) sunt aldine i mai mari dect restul textului.De notat c "h1" este folosit doar o
singur dat per pagin deoarece cu el este marcat titlul ei.

Marcare pentru prezentare. Descrie cum apare un text, indiferent de func iile sale. De
exemplu:
<strong>ngroat</strong>
Va afia textul "ngroat" cu litere groase, aldine. Not: Html a inceput n ultimii ani s
nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe
cnd tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important,
6

asemenea tag-uri pentru prezentare doar ncarc o pagin cu informa ii i o fac astfel
mai greu de ncrcat, iar apoi dac ataezi un document CSS la pagin, o singur
modificare la CSS (de ex: de la "font-weight: italic" la "font-weight: bold" va schimba
tot textul selectat, i de exemplu, link-urile vor trece de la text nclinat la text ngro at,
plus c n CSS avem avantajul de a putea preciza ct de mari sau mici s fie literele n
pixeli px, n puncte pt, etc.) avem acelai efect ca i cnd am avea de schimbat
toate tag-urile de "i" de pe pagin n tag-uri de "b", munc care chiar i la un website
mic este enorm, ce s mai vorbim de unul de genul wikipedia. Aa c dac vre i s
ncepei o carier n html sau un hobby (i s avei succes) nu folosii aceste taguri, nu
degeaba s-a inventat CSS-ul.
Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De
exemplu:
<a href="http://ro.wikipedia.org/">Wikipedia Romneasc</a>
Va reda Wikipedia romneasc ca hiperlink ctre un URL specificat.
Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.
Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS) determin cum
coninutul din interiorul marcatorului va fi prezentat. Ceilali marcatori spun
browserului ce obiecte s redea sau ce funcii s execute.
Tag-uri[modificare | modificare surs]
Orice fiier html are urmtoarea structur
<html>
<head>
<title>Titlul</title>
</head>
<body>
</body>
7

</html>
ntre tagurile <body></body> se scriu celelalte "instruciuni".
Tagul <body> permite stabilirea fundalului i a culorii hiperlinkurilor:
<body bgcolor="#ff0000"> - culoarea fundalului paginii devine rosie
<body background="fundal.jpg"> - pune o imagine n fundalul paginii
<body link="#ff0000" alink="#00ff00" vlink="#0000ff"> - stabile te culoarea linkurilor
nevizitate i vizitate.

2.2Limbajul DHTML
HTML dinamic (DHTML - Dynamic Hyper Text Markup Language) este tehnologia
de construire a paginilor HTML interactive. DHTML este un ansamblu a ctorva
tehnologii: HTML 4.+JavaScript+CSS. Aceast tehnologie se aplic atunci cnd este
nevoie de a imprima dinamism paginii la modificarea ctorva condiii (de exemplu, la
plasarea cursorului asupra unui obiect acesta i poate schimba culoarea sau
dimensiunile; la trecerea focusrii pe alt cmp din forma se verifica corectitudinea
datelor introduse n cmpul precedent etc.).
O aplicare foarte frecventa a tehnologiei DHTML se ntlnete la crearea meniurilor,
care nu numai bucur privirea vizitatorilor prin dinamism, ci considerabil reduc spa iul
pe care acestea l ocup.

Avantaje
Mrirea potenialului de concuren a resursei un site care conine culori ce se pot
modifica in mod dinamic, grafic animat, meniuri tip dropdown 1 sau alte elemente
ale interfeei utilizatorului, firete c sunt mai atrgtoare pentru acesta dect paginile
statice obinuite. Bineneles c trebuie de folosit acestea cu msur, respectnd
principiile generale ale designului.
8

 Simplitate n ntreinere DHTML permite plasarea elementelor tipice de formatare a

paginilor n tabele de stiluri i scenarii separate, apoi includerea lor ntr-un mod similar
n toate paginile. Aceasta permite o administrare centralizat a stilurilor i evita riscul de
greeli, care apare la scrierea acestora pe fiecare pagina separat.

Neajunsuri
Aplicaiile DHTML sunt destul de autonome n browser, fr suport din partea
serverului, adic nivelul de productivitate i de rapiditate al executrii aplica iei depinde
n cea mai mare msura de posibilitile calculatorului vizitatorului.
2.3 Limbajul JavaScript

JavaScript (JS) este un limbaj de programare orientat obiect bazat pe conceptul

prototipurilor. Este folosit mai ales pentru introducerea unor funcionaliti n paginile
web, codul Javascript din aceste pagini fiind rulat de ctre browser. Limbajul este
binecunoscut pentru folosirea sa n construirea siturilor web, dar este folosit i pentru
acesul la obiecte ncastrate (embedded objects) n alte aplicaii. A fost dezvoltat ini ial
de ctre Brendan Eich de la Netscape Communications Corporation sub numele de
Mocha, apoi LiveScript, i denumit n final JavaScript.
n ciuda numelui i a unor similariti n sintax, ntre JavaScript i limbajul Java nu
exist nicio legtur. Ca i Java, JavaScript are o sintax apropiat de cea a limbajului
C, dar are mai multe n comun cu limbajul Self dect cu Java.
Pn la nceputul lui 2005, ultima versiune existent a fost JavaScript 1.5, care
corespunde cu Ediia a 3-a a ECMA-262, ECMAScript, cu alte cuvinte, o edi ie
standardizat de JavaScript. Versiunile de Mozilla ncepnd cu 1.8 Beta 1 au avut suport
pentru E4X, care este o extensie a limbajului care are de a face cu XML, definit n
standardul ECMA-357. Versiunea curent de Mozilla, 1.8.1 (pe care sunt construite
Firefox i Thunderbird versiunile 2.0) suport JavaScript versiunea 1.7.

Cea mai des ntlnit utilizare a JavaScript este n scriptarea paginilor web.
Programatorii web pot ngloba n paginile HTML script-uri pentru diverse activiti cum
ar fi verificarea datelor introduse de utilizatori sau crearea de meniuri i alte efecte
animate.
Browserele rein n memorie o reprezentare a unei pagini web sub forma unui arbore de
obiecte i pun la dispoziie aceste obiecte script-urilor JavaScript, care le pot citi i
manipula. Arborele de obiecte poart numele de Document Object Model sau DOM.
Exist un standard W3C pentru DOM-ul pe care trebuie s l pun la dispozi ie un
browser, ceea ce ofer premiza scrierii de script-uri portabile, care s func ioneze pe
toate browserele. n practic, ns, standardul W3C pentru DOM este incomplet
implementat. Dei tendina browserelor este de a se alinia standardului W3C, unele din
acestea nc prezint incompatibiliti majore, cum este cazul Internet Explorer.
O tehnic de construire a paginilor web tot mai ntlnit n ultimul timp este AJAX,
abreviere de la Asynchronous JavaScript and XML. Aceast tehnic const n
executarea de cereri HTTP n fundal, fr a rencrca toat pagina web, i actualizarea
numai anumitor poriuni ale paginii prin manipularea DOM-ului paginii. Tehnica AJAX
permite construirea unor interfee web cu timp de rspuns mic, ntruct opera ia
(costisitoare ca timp) de ncrcare a unei pagini HTML complete este n mare parte
eliminat.
2.4 Limbajul PHP
PHP este un limbaj de programare. Numele PHP provine din limba englez i este un
acronim recursiv : Php: Hypertext Preprocessor. Folosit iniial pentru a produce pagini
web dinamice, este folosit pe scar larg n dezvoltarea paginilor i aplica iilor web. Se
folosete n principal nglobat n codul HTML, dar ncepnd de la versiunea 4.3.0 se
poate folosi i n mod linie de comand (CLI), permi nd crearea de aplica ii
independente. Este unul din cele mai importante limbaje de programare web opensource i server-side, existnd versiuni disponibile pentru majoritatea web serverelor i
pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane
de situri web i pe 1 milion de servere web.Este disponibil sub Licent a PHP s i Free
Software Foundation l consider a fi un software liber.
10

Iniial, limbajul a fost dezvoltat de inventatorul su, Rasmus Lerdorf. Odat cu cre terea
numrului de utilizatori, dezvoltarea a fost preluat de o nou entitate, numit The PHP
Group (Grupul PHP).
PHP nsemna iniial Personal Home Page.PHP a fost nceput n 1994 ca o extensie a
limbajului server-side Perl, i apoi ca o serie de CGI-uri compilate de ctre Rasmus
Lerdorf, pentru a genera un curriculum vitae i pentru a urmri numrul de vizitatori ai
unui site. Apoi a evoluat n PHP/FI 2.0, dar proiectul open-source a nceput s ia
amploare dup ce Zeev Suraski i Andi Gutmans, de la Technion au lansat o nou
versiune a interpretorului PHP n vara anului 1998, aceast versiune primind numele de
PHP 3.0. Tot ei au schimbat i numele n acronimul recursiv de acum, pn atunci PHP
fiind cunoscut ca Personal Home Page Tools. Apoi Suraski i Gutmans au rescris baza
limbajului, producnd astfel i Zend Engine n 1999. n mai 2000 a fost lansat PHP 4.0,
avnd la baz Zend Engine 1.0.
PHP-ul este unul din cele mai folosite limbaje de programare server-side, conform unui
studiu efectuat de Netcraft n aprilie 2002, aprnd pe 9 din cele 37 milioane de domenii
cercetate n studiu. De asemenea, exist un grafic al creterii folosirii PHP-ului pe siteul oficial. Popularitatea de care se bucur acest limbaj de programare se datoreaz
urmtoarelor caracteristici :

Familiaritatea : sintaxa limbajului este foarte uoar combinnd sintaxele unora

din cele mai populare limbaje Perl sau C;

Simplitatea : sintaxa limbajului este destul de liber. Nu este nevoie de includere

de biblioteci sau de directive de compilare, codul PHP inclus ntr-un document
executndu-se ntre marcajele speciale;

Eficiena : PHP-ul se folosete de mecanisme de alocare a resurselor, foarte

necesare unui mediu multiutilizator, aa cum este web-ul;

Securitate : PHP-ul pune la dispoziia programatorului un set flexibil i eficient

de msuri de siguran;

Flexibilitate : fiind aprut din necesitatea dezvoltrii web-ului, PHP a fost

modularizat pentru a ine pasul cu dezvoltarea diferitelor tehnologii. Nefiind legat de un
anumit

server

web,

PHP-ul

fost

integrat

pentru

numeroasele servere

web existente: Apache, IIS, Zeus, server, etc.;

11

Gratuitate : este probabil cea mai important caracteristic a PHP-ului.

Dezvoltarea PHP-ului sub licena open-source a determinat adaptarea rapid a PHP-ului
la nevoile web-ului, eficientizarea i securizarea codului.
PHP este simplu de utilizat, fiind un limbaj de programare structurat, ca i C-ul, Perl-ul
sau ncepnd de la versiunea 5 chiar Java, sintaxa limbajului fiind o combina ie a celor
trei. Datorit modularitii sale poate fi folosit i pentru a dezvolta aplicaii de sine
stttorare, de exemplu n combinaie cu PHP-GTK sau poate fi folosit ca Perl sau
Python n linia de comand. Probabil una din cele mai importante facilit i ale
limbajului este conlucrarea cu majoritatea bazelor de date relaionale, de la MySQL i
pn la Oracle, trecnd prin MS Sql Server, PostgreSQL, sau DB2.
PHP poate rula pe majoritatea sistemelor de operare, de la UNIX, Windows, sau Mac
OS X i poate interaciona cu majoritatea serverelor web. Codul dumneavoastr PHP
este interpretat de serverul WEB i genereaz un cod HTML care va fi vzut de
utilizator (clientului -browserului- fiindu-i transmis numai cod HTML).
Arhitectura tip LAMP a devenit popular n industria web ca modalitate rapid, gratuit
i integrat de dezvoltare a aplicaiilor. Alturi de Linux, Apache i Mysql, PHP
reprezint litera P, dei uneori aceasta se refer la Python sau Perl. Linux ocup rolul de
sistem de operare pentru toate celelalte aplicaii, MySQL gestioneaz bazele de date,
Apache are rol de server web, iar PHP are rol de interpretator i comunicator ntre
acestea.
PHP foloseste extensii specifice pentru fiierele sale: .php, .php3, .ph3, .php4, .inc,
.phtml. Aceste fiiere sunt interpretate de catre serverul web iar rezultatul este trimis n
form de text sau cod HTML ctre browser-ul clientului.
Tipuri de date interne
Boolean - valori logice tip adevrat sau false, similare cu cele din C++ sau Perl.
Integer - numere ntregi (n baza 10, 2 sau 16). Valoarea maxim depinde de
sistem i de tipul de integer. Tipul poate fi "signed" sau "unsigned", adica
dependent de semnul + sau - sau independent de acestea. Valorile pentru integer
unsigned sunt mai mari dect cele pentru signed. Sistemele pe 32 bits pot crea

12

numere ntregi ntre -2147483648 i 2147483647( 2^31-1 ). Maximul pentru

sisteme pe 64 bits este 9223372036854775807.
Float - cunoscute ca numere reale. Valorile maxime sunt de asemenea dependete
de platform, in general cu un maxim de ~1.8e308 cu o precizie de 14 zecimale
dupa virgula (formatul 64 bits IEEE).
String - iruri de caractere. nainte de PHP6, un caracter era echivalent cu un
byte. Nu exist limitri pentru lungimea unui ir, n afara memoriei alocate PHP.
Array - n PHP un array este un tip de data care con ine un grup de elemente.
Fiecare element are un indice intern n group, iar fiecrui indice i corespunde o
valoare - elementul n sine. Un astfel de grup poate fi folosit ca o simulare pentru
diverse situaii matematice precum vectori, serii, dicionare de elemente, liste
ordonate, matrici sau matrici de matrici. Indicii i valorile unui grup pot fi orice
tip de data interna PHP (cu excepii: obiectele, resursele i null nu pot fi indici).
Obiecte - O clasa este o colecie de proprieti i funcii avnd o logic comun.
Obiectele sunt instane ale unei clase, n care proprietile obiectului primesc
valori specifice. Vezi POO - programarea orientat pe obiecte.
Resurse - aceastea sunt variabile speciale care conin legturi cu resurse externe
PHP. De exemplu, conexiunea cu o baz de date este o resursa deschis i
meninut cu ajutorul unor funcii special definite pentru aceasta munc.
NULL - este un tip special de dat, care semnific c variabila respectiv nu a
fost definit i c nu are valoare sau valoarea e necunoscut.

3. Sarcina practic
De elaborat o pagin web ce va implementa n sine limbajele de programare web
descrise n sarcina teoretic:

13

Concluzie:
n aceast lucrare am facut cunotin cu structura i principiul de lucru a celor mai
rspndite limbaje de programare folosite la ora actual. La elaborarea unei pagini web
trebuie de inut cont de muli factori ce au impact direct asupra aranjrii corecte a
paginii in limitele stabilite de ctre utilizator, de ex: folosirea tag-ului <div></div> sau
tag-ului <table></table>, n urma aplicrii acestor tag-uri pagina se va diviza i forma
tabele n aa fel cum noi dorim i evident c putem include n zona dorita alte istruciuni
cum ar fi amplasarea unui ceas analog care este dirijat de limbajul JavaScript,
hyperlink-uri a unor pagini web care pot fi modificate dupa dorina noastr.n pagina
14

eleborat n sarcina practic am folosit acele 4 limbaje descrise n sarcina teoretic dup
ndreptarea profesorului, predominant fiind limbajul JavaScript si HTML din cauz ca
aceste limbaje permit lucrul cu limbajele mai avansate.Pagina conine mortoul de
cautare Google urmat de 3 hyperlink-uri, fiind incluse n tabel i amplasate la stnga, la
mijloc sus este amplasat o secvena de DHTML in form de tabel n care literele ce
compun propoziia Lucrarea de laborator nr.4 cad treptat jos pn ce formeaz
propoziia,dup care de desubt urmeaz forma HTML cu trimitere la fi ierul
heartbeat.php ce va returna o valoare, dup urmeaz iarai o reprezentare n HTML a
unui tabel ce conine cele mai proaspte tiri din sfera tiin i Natur. n partea
dreapt se vede un ceas analog i mai jos un calendar.Pagina poate fi scoas online prin
hostarea acestuia de ctre un internet hosting.

15