UNIVERSITATEA HYPERION DIN BUCUREŞTI FACULTATEA DE ŞTIINŢE EXACTE ŞI INGINEREŞTI
Dr.ing. Eugen CORNEL
2012
TEHNOLOGII WEB Î NDRUMAR DE LABORATOR
CUPRINS: INTRODUCERE .............................................................................................................. 2 LUCRAREA NR. 1 : Limbajul HTML – Introducere, structura unui document HTML, formatarea textului ............................................................................................................ 3 LUCRAREA NR. 2 : Limbajul HTML – Imagini, legături, liste, tabele............................. 9 LUCRAREA NR. 3 : Limbajul HTML – Cadre, formulare ............................................. 14 LUCRAREA NR. 4 : Limbajul CSS – Introducere, tipuri de formatare CSS, formatări de bază ................................................................................................................................ 22 LUCRAREA NR. 5 : Limbajul CSS – Formatări avansate CSS ...................................... 32 LUCRAREA NR. 6 : Limbajul JAVASCRIPT – Introducere, variabile, tipuri de date şi operatori ......................................................................................................................... 40 LUCRAREA NR. 7 : Limbajul JAVASCRIPT – Instrucţiuni, funcţii predefinite şi funcţii definite de utilizator ........................................................................................................ 50 LUCRAREA NR. 8 : Limbajul JAVASCRIPT şi modelul DOM – Crearea paginilor dinamice utilizând limbajul JavaScript şi DOM ............................................................... 66 LUCRAREA NR. 9 : Limbajul PHP – Introducere, variabile, tipuri de date. Exemple primare ........................................................................................................................... 72 LUCRAREA NR. 10 : Limbajul PHP – Instrucţiuni, funcţii predefinite şi funcţii definite de utilizator, sesiuni PHP ................................................................................................ 83 LUCRAREA NR. 11 : Limbajul PHP – Prelucrarea datelor dintr-un formular utilizând limbajul PHP ................................................................................................................ 101 LUCRAREA NR. 12 : Limbajul PHP – Prelucrarea datelor dintr-o bază de date MYSQL cu ajutorul limbajului PHP ............................................................................................ 109 LUCRAREA NR. 13 : Crearea de conţinut dinamic animat utilizând Adobe FLASH şi limbajul ActionScript .................................................................................................... 124 LUCRAREA NR. 14 : Tehnologii web avansate. Biblioteca JavaScript jQuery, CMS, web framework-uri............................................................................................................... 131 BIBLIOGRAFIE .......................................................................................................... 135
-1-
INTRODUCERE Odată cu dezvoltarea Internet-ului au apărut o serie de tehnologii web din ce în ce mai avansate, pornind de la simplul limbaj HTML şi mergând până la o serie de limbaje de scripting (client sau server), dintre care cele mai utilizate sunt JavaScript, PHP, ActionScript. În acest îndrumar de laborator se vor prezenta mai multe tehnologii web actuale, larg utilizate de către dezvoltatorii de website-uri şi aplicaţii web, cu ajutorul cărora studenţii vor putea accesa piaţa de muncă pe acest domeniu cu o cerere din ce în ce mai mare din partea marilor companii software. Lucrările de laborator sunt prezentate într-o lumină modernă şi uşor accesibilă pentru studenţi, recomandarea fiind ca oricine accesează acest îndrumar de laborator să testeze personal toate exemplele prezentate şi să efectueze teme originale pentru problemele propuse la Modul de lucru de la finele fiecărei lucrări. La finalul îndrumarului este prezentată şi o scurtă bibliografie, de unde studenţii pot accesa şi alte resurse din domeniu, care să-i îndrume spre o cunoaştere tot mai îmbunătăţită a tehnologiilor web, mai ales cu asaltul de curând al conceptului de cloud computing, prin care majoritatea aplicaţiilor de desktop sunt transferate către lumea web. Avantajul major al acestei noi tehnologii constă în accesarea documentelor create din orice locaţie de pe glob, deoarece tehnologia cloud computing permite stocarea documentelor în marile centre de date ale unor companii IT cu un renume mondial, precum Microsoft, IBM, Google, Adobe etc.
-2-
TEHNOLOGÎÎ WEB - Î ndrumar de laborator LUCRAREA NR. 1 : Limbajul HTML – Introducere, structura unui document HTML, formatarea textului Tematica lucrării
I.
Teoria lucrării de laborator
II.
Ce este HTML? Structura unui document HTML. Etichete HTML pentru generarea textelor. Exemple primare.
Ce este HTML?
HTML (Hyper Text Markup Language) reprezintă un limbaj de marcare, alcătuit dintr-un set de etichete de marcare, prin care este descris conţinutul unui document. Documentele HTML se mai numesc şi pagini web.
Structura unui document HTML
Structura de bază a unui document HTML este compusă din: -
Declaraţie tip document: Ex. este declaraţia pentru standardul HTML5. Secţiunea … , în care sunt trecute informaţii ce se execută odată cu încărcarea paginii web. Corpul documentului, setat de eticheta … , în care se introduc elementele ce vor fi afişate în pagina web. Orice pagină web se încheie cu eticheta