nvmntul profesional i tehnic n domeniul TIC Proiect cofinanat din Fondul Social European n cadrul POS DRU 2007-2013

Beneficiar Centrul Naional de Dezvoltare a nvmntului Profesional i Tehnic

str. Spiru Haret nr. 10-12, sector 1, Bucureti-010176, tel. 021-3111162, fax. 021-3125498, vet@tvet.ro

CREAREA SITE-URILOR WEB Material de predare partea I

Domeniul: informatic Calificarea: Analist programator Nivel 3 avansat

2009

AUTOR: OBOGEANU GHEORGHI A Profesor grad didactic I

COORDONATOR: MARIANA VIOLETA CIOBANU - Profesor, grad didactic I

CONSULTAN: IOANA CRSTEA expert CNDIPT ZOICA VLDU expert CNDIPT ANGELA POPESCU expert CNDIPT DANA STROIE expert CNDIPT

Acest material a fost elaborat n cadrul proiectului nvmntul profesional i tehnic n domeniul TIC, proiect cofinanat din Fondul Social European n cadrul POS DRU 20072013

Cuprins
I. Introducere....................................................................................................................................4 II. Documente necesare pentru activitatea de predare.....................................................................5 III. Resurse.......................................................................................................................................6 Tema 1. Noiuni fundamentale www..........................................................................................6 Fia de documentare 1. Noiuni fundamentale www .............................................................6 Tema 2. Faciliti i servicii Internet........................................................................................10 Fia de documentare 2 Faciliti i servicii Internet.............................................................10 Tema 3. Site-uri Web.................................................................................................................17 Fia de documentare 3.1 - Limbaje de marcare HTML. Editoare de HTML ......................17 Tema 3. Site-uri Web.................................................................................................................20 Fia de documentare 3.2 - Editoare XML. Limbajul de marcare XML...............................20 Tema 3. Site-uri Web.................................................................................................................29 Fia de documentare 3.3 - Tehnologii folosite n paginile web............................................29 Tema 3. Site-uri Web.................................................................................................................32 Fia de documentare 3.4 Model orientat obiect pentru documente DOM..........................32 IV. Fia rezumat.............................................................................................................................36 V. Bibliografie...............................................................................................................................37

I. Introducere
Materialele de predare reprezint o resurs suport pentru activitatea de predare, instrumente auxiliare care includ un mesaj sau o informaie didactic. Prezentul material de predare, se adreseaz cadrelor didactice care predau n cadrul colilor postliceale, domeniul informatic, calificarea Analist programator. El a fost elaborat pentru modulul CREAREA I PROGRAMAREA site-URILOR WEB, ce se desfoar n 126 ore, din care: Laborator tehnologic 60 ore Instruire practic 30 de ore care se desfoar n cadrul Stagiilor de pregtire practic Competene Comp 1Utilizeaz resursele web i tehnologii pentru realizarea siteurilor web Teme Tema 1- Noiuni fundamentale www Tema 2 Faciliti i servicii Internet Tema 3 site-uri Web Fise suport Fisa 1.1 - Noiuni fundamentale www Fisa 2.1 - Faciliti i servicii Internet Fia 3.1 Limbajul de marcare HTML. Editoare de HTML. Fia 3.2 Editoare de XML. Limbajul de marcare XML. Fia 3.3 - Pagini statice i pagini dinamice Fia 3.4 - Model orientat pentru documente DOM

Absolvenii nivelului 3 avansat, coal postliceal, specialitatea Analist programator, trebuie s fie capabili s utilizeze tehnologiile informatice i ale comunicrii pentru conceperea, proiectarea, elaborarea, testarea, implementarea i dezvoltarea sistemelor informatice, a programelor i a documentaiei tehnice aferente.

II. Documente necesare pentru activitatea de predare

Pentru predarea coninuturilor abordate n cadrul materialului de predare cadrul didactic are obligaia de a studia urmtoarele documente: Standardul de Pregtire Profesional pentru calificarea Tehnician echipamente de calcul, nivelul 3 avansat www.tvet.ro, seciunea SPP sau www.edu.ro , seciunea nvmnt preuniversitar Curriculum pentru calificarea Tehnician echipamente de calcul, nivelul 3 avansat www.tvet.ro, seciunea Curriculum sau www.edu.ro , seciunea nvmnt preuniversitar

III. Resurse
Tema 1. No iuni fundamentale www
Fia de documentare 1. No iuni fundamentale www
Dezvoltarea rapid din ultima perioad a resurselor software i hardware din domeniul tehnologiei informaiei conduce la o mai bun comunicare i un acces mult mai rapid la toate categoriile de informaii. Internetul este cel care contribuie n mare msur la nlesnirea accesului la informaii. Internetul este o organizaie deschis de reele care nu este nici condus nici finanat de nici un grup. Exist , ns multe organizaii private, universiti i agenii guvernamentale care pltesc pentru Internet i conduc pri ale acestuia. Internet-ul n sine este o masiv reea de comunicaii i ofer foarte puin majoritii utilizatorilor. Ceea ce face Internet-ul s fie foarte utilizat sunt aplicaiile care ruleaz pe baza sa i ceea ce poate fi realizat cu ajutorul acestora. Toate aplicaiile pentru Internet folosesc protocolul IP pentru a comunica. informaia transmis de aceste aplicaii este mprit n pachete, mici blocuri de date, care sunt trimise unei adrese IP destinaie. Aplicaia de la captul cellalt proceseaz informaiile primate. Internetul funcioneaz pe baza modelului client/server, adic un calculator client se conecteaz la un calculator server pe care exist informaiile, serverul fiind un calculator mult mai puternic

WEB BROWSER

CERERE RSPUNS

WEB SERVER

Pentru a avea acces la informaiile din Internet, un calculator acceseaz un server de Web. Web-ul const n pagini cu informaii de pe gazde care ruleaz software de tip server Web. Gazda este de multe ori identificat cu serverul Web, lucru care nu este corect. Serverul Web este un software, nu calculatorul n sine. Un Web server este un program care furnizeaz pagini Web la cerere. Cnd un utilizator de la o adres IP specific solicit un anumit fiier, serverul Web ncearc s obin acel fiier i s-l trimit napoi utilizatorului. Fiierul solicitat poate fi codul surs HTML al unei pagini Web, o imagine GIF, un fiier Flash, un document XML, sau un fiier AVI. Browserul Web este cel care determin ceea ce trebuie cerut, nu serverul Web. Serverul doar proceseaz cererea. Conexiunile la serverele de Web se stabilesc pe msur ce sunt necesare. Atunci cnd este cerut o pagin de la un server Web,se stabilete o conexiune prin Internet ntre gazda solicitant i gazda pe care ruleaz serverul Web. Pagina Web cerut este transmis prin acea conexiune, dup care conexiunea este ntrerupt. Dac pagina

primit conine referine la alte informaii ce trebuie descrcate (de exemplu, imagini), fiecare va fi obinut folosind o nou conexiune. Paginile Web sunt realizate folosind o serie de tehnologii pe partea de client i sunt procesate i afiate de ctre browsere.

Browserele web sunt programe client folosite pentru a accesa site-uri i pagini Web. Sarcina unui browser este de a procesa paginile Web primite i de a le prezenta utilizatorului. Browser-ul ncearc s afieze grafice, tabele, formulare, text formatat i orice conine pagina. Cele mai cunoscute browsere web din prezent sunt Netscape Navigator i Internet Explorer.

Pentru utilizator, Web - ul reprezint o colecie uria de documente care sunt rspndite n ntreaga lume, sub forma unor pagini. Fiecare pagin poate s conin legturi ctre alte pagini, aflate oriunde n lume. Utilizatorul poate s aleag o legtur care i va aduce pagina indicat de legtur. Acest proces se poate repeta la nesfrit, fiind posibil s se traverseze n acest mod sute de pagini legate ntre ele Protocolul care descrie cererile i rspunsurile permise (protocolul de transfer standard) utilizat de Web este HTTP - HyperText Transfer Protocol - protocol de transfer pentru hipertext.

HyperText este un document coninnd poriuni de text care se conecteaz cu alte documente. Aceste cuvinte se numesc "link" - legturi i au calitatea de a putea fi selectate de utilizator.

Documentele hipertext sunt create cu ajutorul HyperText Markup Language (HTML) limbaj de marcare hipertext. Prin intermediul HTML, instruciunile de formatare sunt introduse n cadrul textului pentru a schimba, din punct de vedere vizual, caracteristicile acestuia. Se poate stabili dimensiunea caracterelor de scriere, modul de scriere:inclinat (italics) sau evideniat (bold), cat i modul de creare a legturilor (link). Elemente grafice pot fi ncorporate n pagini HTML. Piesa care leag ntre ele serverele Web, browserele Web i paginile Web este URL-ul. Fiecare pagin din World Wide Web are o adres care este introdus n browser pentru a-i indica acestuia s ncarce pagina respectiv. Aceste adrese se numesc Uniform Resource Locator (URL).

Un URL este de fapt un URI(Uniform Resource Identifier), adic un identificator al unei resurse, mai cunoscut fiind ns termenul de URL. URL-ul(Uniform Resource Locator) este constituit din: Protocol protocolul care va fi folosit pentru a obine obiectul. De obicei acesta este http pentru obiecte din World Wide Web. Dac protocolul este specificat, atunci acesta trebuie urmat de semnele://. Host serverul Web de la care vor fi obinute obiectele. Acesta poate fi specificat ca un nume DNS sau ca o adres IP. Port portul calculatorului gazd pe care ruleaz serverul Web. Dac este omis, atunci se folosete portul implicit, iar dac este specificat, numrul portului trebuie precedat de semnul : Path calea ctre fiierul care se dorete a fi primit sau scriptul care trebuie executat. File numele fiierului cerut. Query String parametrii opionali pentru script. Dac este specificat, atunci trebuie precedat de semnul ? protocol://host:port/cale/nume_fiier Conexiunea la reelele Internet i la serviciile aferente este realizat prin intermediul unui furnizor de servicii Internet.

Furnizorii de servicii Internet sunt numii ISP(Internet Service Provider). Un ISP este o firm sau organizaie care ofer acces la Internet i servicii conexe. Serviciile oferite pot fi servicii de tranzit Internet, nregistrare nume domeniu, colocaie. Accesul la Internet poate fi pe linie comutat (dial-up), acces prin linie nchiriat, cablu, telefon (ISDN, ADSL), radio, satelit etc. n general un ISP factureaz un abonament lunar, iar consumatorul poate utiliza Internetul n mod nelimitat, dar cu vitez variabil.

SUGESTII METODOLOGICE CU CE? videoproiector prezentare multimedia ce cuprinde definirea noiunilor fundamentale WWW conexiune Internet pentru ca elevii s gseasc informaii despre aceste noiuni CUM? metode de nvmnt: brainstorming expunere conversaie euristic

organizarea clasei: frontal individual la folosirea Internetului

UNDE? sala de clas laborator informatic

Pentru evaluare se pot folosi: o Probe orale i scrise Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale.

Tema 2. Facilit i i servicii Internet

Fia de documentare 2 Facilit i i servicii Internet
Internetul este sursa inepuizabil de informaii din cele mai diverse domenii, permite accesul la arhive informaionale din ntreaga lume, ofer posibiliti nelimitate de a stabili relaii diverse ntre oameni, grupuri, firme sau guverne Internetul realizeaz conectarea a milioane de calculatoare: calculatoare guvernamentale i ale instituiilor din ntreaga lume; ale universitilor i colilor din ntreaga lume; sisteme de calcul ale marilor corporaii (Microsoft, IBM, Digital etc.); sisteme de calcul ale unor organizaii tiinifice, culturale, sociale;Calculatoare ale marilor agenii de presa i de televiziune; ale marilor edituri; Este posibil schimbul rapid i comod de informaii prin asigurarea unor servicii specializate precum e-mail (posta electronica), transfer de fiiere cu protocolul ftp, transferul vocilor i al imaginilor, posibiliti de divertisment, posibiliti deosebite pentru educaie, nvmnt i perfecionare profesional. Furnizorul de servicii Internet ofer pe lng legtura fizic i o mare varietate servicii Internet. Astfel , utilizatorii pot beneficia de : pota electronic , transfer de fiiere, emularea de terminal , servere de informaii , videoconferine etc. . Serviciile oferite de Internet pot fi grupate n urmtoarele categorii : Servicii de comunicare ; Servicii de informare ; Servicii comerciale ; Cultur i turism virtual ; nvmnt - cercetare ; Servicii de recreere; Transfer de fiiere .

n cele ce urmeaz sunt prezentate cteva dintre aceste faciliti i servicii oferite de Internet.

Posta electronica (e-mail) reprezint cel mai rspndit i mai vechi serviciu pe Internet, ce permite comunicaia ntre utilizatori, prin primirea i transmiterea de mesaje de la / ctre o persoan care deine un cont de e-mail. Formatul adresei de e-mail este: nume_utilizator@nume_host Pentru a transmite un e-mail e necesar pe de o parte, cunoaterea adresei de e-mail a destinatarului, iar pe de alt parte, trebuie s existe un program de transmitere e-mail. Un mesaj de e-mail e format din trei pri:

1. antetul mesajului, care conine informaiile necesare pentru ca mesajul sa ajung la destinaie i presupune completarea urmtoarelor opiuni To: adresa de e-mail a destinatarului; From: completat automat de program cu adres celui care trimite mesajul; CC: Copy Carbon, reprezint adresele la care se va trimite e-mailul simultan cu destinatarul principal, adrese vizibile pentru destinatarul principal, dar i pentru ceilali destinatari din CC; BCC: Blind Copy Carbon, reprezint adresele la care se va trimite e-mailul simultan cu destinatarul principal, dar nu sunt vizibile i pentru ceilali destinatari; 2. coninutul, care reprezint mesajul ce va fi transmis destinatarului; 3. semntura, care asigura identificarea n mod unic a expeditorului mesajului. E-mailul poate fi inclus n pachetul de servicii oferit de un provider Internet intr i un numr de conturi de e-mail, cu o capacitate ntre 5 Mb i 100 Mb, e-mailul oferit de ISP prezint un grad de securitate ridicat sau poate fi oferit gratuit de ctre anumite companii sau organizaii cunoscute pentru popularitatea site-urilor pe Internet. Un exemplu este site-ul www.yahoo.com care ofer serviciul de e-mail gratuit i cu o capacitate de stocare a mesajelor de pn la 1 Gbit. Avantajele sunt: posibilitatea de a citi i transmite mesajele proprii de pe orice calculator conectat la Internet, dar i scanarea antivirus. De asemenea serviciul de e-mail poate fi oferit pe serverul de mail al unei reele intranet aparinnd unei organizaii; Cele mai cunoscute programe de e-mail sunt: Microsoft Outlook Express- este printre cele mai folosite utilitare de e-mail, oferind posibilitatea de a administra conturi de e-mail multiple, facilitai de securitate, opiunea de a filtra mesajele primite, posibiliti de a accesa i grupuri de discuii. Netscape Messenger- este un program complet de e-mail care pstreaz att mesajele personale ct i cele de la grupurile de discuii ntr-un set de directoare ierarhizate. Ofer faciliti extinse de securitate a potei i o opiune de confirmare a primirii.

Serviciul FTP (File Transfer Protocol) este o metod rapid i simpl pentru transferul fiierelor ntre dou calculatoare aflate n aceeai reea sau n reele diferite, indiferent de tipul i dimensiunea fiierelor, prin intermediul Internetului. Pentru organizarea datelor, se utilizeaz o arhitectura de tip Client-Server. Transferul de fiiere prin e-mail prezint o serie de inconveniente: control redus asupra duratei n care destinatarul primete fiierul, limitare drastic a mrimii fiierelor ataate, imposibilitatea relurii transmisiei unui fiier din punctul de unde a fost ntrerupt la un moment dat Aceste inconveniente se diminueaz prin utilizarea FTP. Serviciul FTP se folosete atunci cnd :

se transfer (upload) pentru prima dat fiierele unui site la o gazd web; se nlocuiete un fiier sau o imagine; se ncarc (download) fiiere de pe un alt computer; se permite accesul unei alte persoane pentru a ncrca un fiier dintr-un anumit site; se dorete accesarea unei documentaii sau unui anumit program care exist pe un host pe Internet i care pune informaia respectiva la dispoziie; se dorete stocarea datelor pe un alt calculator.

Pentru utilizarea serviciului FTP trebuie utilizat un program specializat, numit client FTP (browser FTP). Aceste programe pot fi cu interfa grafic sau n mod text, cu linie de comand. Clienii FTP cu interfa grafic ruleaz aceste aplicaii sub Windows, avnd faciliti evidente de lucru, toate operaiile decurgnd analog cu cele folosite pentru transferul de fiiere pe acelai calculator, dintr-un director n altul. Utilizatorii n mod text folosesc comenzi standard, gen DOS sau Unix.

Serviciul TELNET (Terminal Emulation) este un serviciu care permite conectarea utilizatorului la un alt calculator, pentru transmiterea sau recepionarea unor mesaje. Telnet permite conexiunea la un calculator aflat n reeaua Internet, pe baza unui cont i a unei parole, putndu-se astfel folosi resursele acelui calculator. Dup conectarea la celalalt calculator, staia de lucru proprie poate rula n modul de lucru Command mode, ceea ce nseamn ca se deruleaz o sesiune interactiv normal, cu posibilitatea conectrii la sistem, introducerea i executarea de comenzi i deconectarea de la sistem, sau poate rula n modul de lucru input mode, cea ce nsemn posibilitatea utilizrii serviciilor pe care acel calculator le pune la dispoziie terminalelor conectate.

Serviciul cel mai cunoscut al Internetului l reprezint World Wide Web (WWW), prescurtat Web. Este un serviciu de informare pe Internet, cuprinznd o larg colecie de documente multimedia, ntr-o extindere permanent, care mbin textul, sunetul, imaginea, la care se aduga reele de calculatoare omogene sau eterogene.

Prin e-learning se nelege totalitatea situaiilor educaionale n care se utilizeaz semnificativ mijloacele tehnologiei informaiei i comunicrii. Termenul a fost extins de la sensul de nvare prin mijloace electronice, la aciuni educative cu mijloacele informatice moderne. Conceptul e-learning cuprinde activiti didactice ce pot beneficia de suport tehnologic: instruire asistat/ mediat de calculator, digital/ mobile/ online learning/ education, instruire prin multimedia etc. Pentru a sprijini procesul de educaie sunt elaborate materiale electronice: h ri, dicionare, enciclopedii, filme didactice, prezentri n diverse formate, cri (e-books),

dicionare on-line, teste, tutoriale, simulri software ce formeaz abilitai, software de exersare, jocuri didactice etc. cunoscute sub denumirea software didactic/ educaional Computerul i materialele electronice/ multimedia sunt utilizate ca suport n predare, nvare, evaluare sau ca mijloc de comunicare. E-learning poate fi un tip de educaie la distan, ca experien planificat de predare-nvare organizat de o instituie ce furnizeaz imediat materiale ntr-o ordine secvenial i logic pentru a fi asimilate de studeni n manier proprie. Internetul este mediul de distribuie al materialelor i n acelai timp canalul de comunicare ntre cei implicai. n prezent doar la nivelul nvmntului superior i n educaia adulilor, sistemul de instruire prin Internet adapteaz componentele demersului didactic tradiional.

Un blog (web log=jurnal pe Internet) este o publicaie web ce conine articole periodice sau cu actualizare nentrerupt, cu caracter personal. Actualizarea blogurilor const n adugiri de texte noi, asemenea unui jurnal, toate materialele adugate fiind afiate n ordine cronologic invers. Acestea sunt accesibile publicului larg. La nceput blogurile erau actualizate manual. n prezent exist programe i metode care automatizeaz acest proces. Platforme pentru bloguri: Wordpress (cea mai cunoscut i folosit platform de blogging), Blogge Scopul blogurilor poate fi de la jurnale personale i pn la arme publicitare ale campaniilor politice, ale programelor media sau ale diferitelor companii comerciale. Multe bloguri permit vizitatorilor s scrie comentarii, care sunt publice, crendu-se o comunitate de cititori centrat n jurul blogului. Totalitatea blogurilor i a autorilor de bloguri a fost denumit blogosfer.

Chatul este un serviciu oferit de Internet care faciliteaz comunicarea scris sau verbal ntre dou sau mai multe persoane aflate n locaii diferite i care au acces la Internet. Discuiile se desfoar ntr-o "camera de discuii" virtuala, unde participanii se ntlnesc exclusiv pentru a dialoga. Termenul de canal de comunicaie sau canal, este echivalent cu "camera" virtuala. Canalele sunt deschise pe servere de chat sponsorizate i gzduite n general de furnizorii mari de internet. Serverele de chat se interconecteaz formnd reele virtuale Pentru a putea accesa o reea de chat este nevoie, pe lng accesul propriu-zis la Internet, de un program special numit n genere client de chat (cum ar fi mIRC, ICQ, etc.) care sa tie sa realizeze comunicaia ntre calculatorul propriu i serverul/reeaua de chat.

Forumul este o comunitate de oameni care se adun s discute probleme de zi cu zi sau probleme legate de Internet. n general se ncearc crearea unei comuniti care s dezbat un anumit aspect al vieii cotidiene. Pentru a deveni membru al unui forum trebuie s se parcurg urmtorii pai:

nscrierea, daca eti interesat de domeniul discutat pe acel forum,dup care trebuie completat un formular de nscriere ce presupune i alegerea unui nume de utilizator, care este unic i protejat prin parol. Unele forumuri cer o confirmare de nscriere care vine prin intermediul e-mailului. dup nscriere pe forum se poate participa la diversele subiecte de discuie

Pe un forum exista mai multe tipuri de utilizatori: administratorii, moderatorii, i user-ii. Administratorii se ocupa de partea tehnica a forumului , dein control deplin asupra unui forum. Pot terge sau edita un rspuns n cadrul unui subiect de discuie. Moderatorii sunt utilizatori care au cunotine vaste ntr-un domeniu despre care se discuta pe forum, fiind selectai dintre user-ii forumului de ctre administratori. Moderatorii sunt administratori ai unei seciuni. Deci forumul este un loc n care poi s afli rspunsuri la ntrebrile, un mod de a-i promova munca,locul n care poi s cunoti oameni care au aceleai pasiuni ca i tine, este o comunitate de oameni.

Mesageria instant (IM) permite comunicarea simultan ntre utilizatori prin transmiterea informaiei rapid i eficient, avnd imediat confirmare de primire sau chiar rspuns, poate implica opiuni ca posibilitatea de conversaie fr costuri prin intermediul Internetului, precum i folosirea camerei web / transmisie video. Mesageria instant este o forma de comunicare n timp real prin intermediul reelei, permit utilizatorilor s anune dac sunt sau nu lng computer, dac sunt disponibili pentru conversaie. Cei apelai nu sunt obligai s rspund imediat la mesajele primite, deci folosirea mesageriei agreseaz mai puin intimitatea, dect o convorbire telefonica. n acelai timp, unele sisteme de mesagerie instant permit trimiterea mesajelor ctre utilizatori care nu sunt conectai la sistem, cei apelai putnd vizualiza mesajele dup intrarea n sistem. Peste 80% dintre utilizatorii computerelor conectate la Internet folosesc astzi un astfel de serviciu. Messenger-ul a devenit aproape indispensabil pentru majoritatea utilizatorilor.

Sistemele de videoconferin au avantajul comunicrii n timp real (imaginile video i sunet sunt sincronizate i dispuse instantaneu pe monitorul interlocutorului ). Pentru a putea participa la o videoconferin, participanii au nevoie de echipamente compatibile i pot comunica folosind linii telefonice ISDN, reeaua IP a companiei sau utiliznd Internet-ul. O videoconferin cu mai muli participani amplasai n mai mult de dou locaii poart denumirea de conferin multipunct. Acest tip de videoconferin necesit un echipament de reea specializat, numit Multipoint Conferencing Unit (MCU). Serviciile de audio/video pe Internet sunt aplicaii care permit realizarea unor legturi audio sau video ntre doi sau mai muli utilizatori. Trebuie ca utilizatorii s dispun de echipament hardware i software adecvat, ns costurile de comunicaie vor fi mai reduse, n comparaie cu celelalte mijloace de transmitere pentru astfel de comunicaii.

Cel mai rspndit este serviciul de telefonie prin Internet, presupune ca echipament hardware un microfon conectat la calculator i software specific. Acesta este Skype. Costurile sunt reduse la costul conexiunii ntre utilizator i ISP.

Wiki este o aplicaie web ce permite utilizatorilor s adauge coninut i s pstreze propriile lor versiuni succesive, la fel ca pe un forum Internet, dar permite i oricui altcuiva s editeze coninutul. Este o unealt de colaborare on-line, o baz de date editabil on-line. Modaliti de ntrebuinare a unui wiki :

spaiu pentru comuniti de cercetare sau practic organizarea de evenimente (conferine, concursuri, brainstorming individual i colectiv; creaie artistic colectiv (carte, film, pies de teatru); platform pentru desfurarea unui curs academic instrument pentru adnotri personale n mod asemntor unui weblog sistem de gestionare colaborativ a cunotinelor

O reea social este o hart a relaiilor dintre indivizi, ce indic modurile n care sunt ei conectai prin diverse grade de familiaritate social, pornind de la cunotine ntmpltoare, pn la legturi familiale puternice. O reea social pe Internet este un site unde utilizatorul i poate edita un profil cu cele mai relevante informaii despre el, construindu-i n timp o reea din care vor face parte prietenii si dinainte de intrarea n comunitatea online sau noii prieteni cunoscui prin intermediul Internetului. Prin reea social pe Internet mai putem nelege i categoria de aplicaii on-line care ajut la conectarea prietenilor, a partenerilor de afaceri sau a grupurilor de interese.

Comerul electronic nregistreaz un ritm de dezvoltare deosebit de dinamic, elimin stresul cauzat de aglomeraie i lipsa timpului, clientul magazinelor virtuale are posibilitatea de a alege dintr-o mare varietate de produse la preturi similare celor practicate n market-urile clasice. "Amenajarea" unui magazin virtual este mai puin costisitoare, programul este nonstop, costurile de ntreinere sunt mult mai reduse iar aria de acoperire este practice nelimitata, livrarea produselor fcndu-se prin intermediul serviciilor de curierat. Comerul electronic faciliteaz i cooperarea ntre firme. Reduce costurile de marketing i de livrare, susine strategia de marketing a firmei i ofer acces pe noi piee. n viitorul apropiat, comerul electronic va avea un impact puternic asupra competitivitii firmelor. Comerul electronic nu este restricionat de frontierele statelor dar depinde de existenta sau inexistenta reelelor de computere. Un magazin electronic este o pagina de Internet care ntrunete minim urmtoarele condiii:

Prezint informaii despre produse sau servicii, inclusiv preul acestora.

Include un sistem prin care vizitatorii paginii pot selecta produsele dorite i le pot aduga ntr-un "co electronic de cumprturi" (la fel cum ntr-un supermarket vizitatorii pot lua produsele dorite de pe raft i le pot pune n cos).

Include un sistem de preluare i transmitere a datelor personale ale comprtorului, pentru a putea fi contactat de ctre vnztor.

SUGESTII METODOLOGICE CU CE? Videoproiector computere conexiune Internet pentru utilizarea serviciilor i facilitilor Internet CUM? metode de nvmnt: brainstorming conversaie euristic

organizarea clasei: frontal individual la folosirea Internetului

UNDE? laborator informatic

Pentru evaluare se pot folosi: o Probe practice utilizarea facilitilor i serviciilor Internet

Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale.

Tema 3. Site-uri Web

Fia de documentare 3.1 - Limbaje de marcare HTML. Editoare de HTML
HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezint de fapt limbajul pe care browserele de Internet l neleg i cu ajutorul lui pot fi afiate paginile web. Limbajul HTML ofer proiectanilor de pagini Web urmtoarele posibiliti: 1. S publice documente cu headere, texte, tabele, liste, fotografii, etc; 2. S regseasc on-line informaiile prin intermediul hiperlink-urilor printr-un simplu click de Mouse; 3. S proiecteze formulare pentru realizarea tranzaciilor cu servere, pentru cutri de informaii sau pentru activiti specifice comerului; 4. S includ foi de calcul tabelar, clipuri video, sunete i alte aplicaii direct n documente. Editoarele HTML pot fi: editoare clasice i editoare de tipul WYSIWYG (What You See Is What You Get - ceea ce vezi este ceea ce obii). La cea de a doua categorie de editoare HTML, utilizatorii se ocup dect de partea grafica, de aezarea n pagina etc., scrierea codului HTML rmnnd n seama acestor programe. Limbajului HTML urmtoarele avantaje: este foarte simplu i nu necesit mult timp ofer controlul absolut asupra realizrii paginii web poi folosi n cadrul paginilor secvene de cod HTML "mprumutate" de la alte pagini web Exist diferite tipuri de editoare HTML: text, obiect i WYSIWYG (What You See Is What You Get).

Editoarele de text (surs) folosite pentru HTML ofer de obicei posibilitatea evidenierii sintaxei. Editoarele de text HTML includ de obicei funciuni integrate sau integrarea cu instrumente externe pentru sarcini precum sursa i controlul versiunii, verificare linkuri, verificare cod i validare, curire cod i formatare, verificare gramatic, ncrcare prin FTP sau WebDAV, i structurare ca un proiect. Editoarele de text necesit nelegerea de ctre utilizator a HTML i a oricrei alte tehnologii web pe care designerul vrea s o foloseasc, precum CSS, JavaScript i limbaje scripting pentru server.

Editoare de obiecte - permit editarea alternativ a textului surs al obiectului ntrun mod vizual mai organizat dect simpla evideniere prin colorare, dar fr WYSIWYG. Unele editoare WYSIWYG includ opiunea de folosire a ferestrei de palet care permite editarea parametrilor pe baz de text ai obiectelor selectate. Editoarele HTML WYSIWYG ofer o interfa de editare care arat cum va fi afiat pagina ntr-un browser web. Unele editoare, precum cele sub forma extensiilor de

browser, permit editarea ntr-un browser web. ntruct folosirea unui editor WYSIWYG nu necesit cunotine HTML, sunt uor de folosit de un utilizator mediu de calculator.

Editoare WYSIWYM - What You See Is What You Mean (WYSIWYM) este o alternativ la editoarele WYSIWYG . n loc s se focalizeze pe formatul prezentrii documentului, prezerv sensul intenional al fiecrui element.

HTML = Hyper Text Markup Language este limbajul de baz al WWW i const dintr-un set standard de coduri care specific n ce mod documentele vor fi afiate pe ecran de ctre navigatoare. Caracteristica important a limbajului este portabilitatea, adic orice document surs HTML va arta identic pe orice tip de calculator i n orice sistem de operare, sarcina interpretrii sale revenind diverselor navigatoare. Orice document HTML ncepe cu marcajul (tag-ul) <html> i se termin cu marcajul (tag-ul) </html>. Un marcaj poate avea unul sau mai multe atribute care se specific prin perechi de forma: nume="valoare". Se recomand ca valorile atributelor s fie plasate ntre ghilimele (" "). Marcajele dintre aceste paranteze unghiulare transmit comenzi ctre browser pentru a afia pagina ntr-un anumit mod. Un document HTML conine dou tipuri de etichete(tag-uri) : De tip pereche, cu un tag ce delimiteaz nceputul blocului i un tag ce delimiteaz sfritul blocului (<html> </html>) Singulare (<br>)

ntre cele doua marcaje <html> i </html> apar dou seciuni; 1. Seciunea de antet delimitat de marcajele <head> TEXT </head>; 2. Corpul documentului care este delimitat de marcajele <body> CORPUL TEXTULUI </body>. Un marcaj poate fi scris att cu litere mici, ct i cu litere mari. Deci limbajul HTML nu este CASE sensitiv. Structura de baz a unui document HTML este: <html> <head> Informaia </head> <body>

Corpul fiierului </body> </html> SUGESTII METODOLOGICE CU CE? videoproiector prezentare multimedia ce cuprinde definirea noiunilor HTML editorul de texte Notepad conexiune Internet CUM? metode de nvmnt: expunere conversaie euristic organizarea clasei: frontal individual la folosirea Internetului

UNDE? laborator informatic

Pentru evaluare se pot folosi: o Probe orale i practice Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale.

Tema 3. Site-uri Web

Fia de documentare 3.2 - Editoare XML. Limbajul de marcare XML
La ora actual exist foarte multe editoare XML, att gratuite(utile mai ales nceptorilor) ct i pachete contra cost pentru profesioniti. Funcia de baza a unui editor XML este de a-i permite s creezi i s manipulezi documente XML. Caracteristicile de baza de ale unui editor sunt posibilitatea de a crea, edita si salva documente XML. Exista multe editoare XML gratuite disponibile pentru descrcare de pe Internet: http://www.xmlcooktop.com/ http://www.xmlmind.com/xmleditor/stdedition.html http://www.iol.ie/~pxe/ Editoare XML care pot fi cumprate: http://www.altova.com/ http://www.xmlmind.com/xmleditor/proedition.html http://na.justsystems.com/index.php

XML(Extensibile Markup Language) a fost proiectat pentru a aduga noi facilit i tehnologiilor Web existente. HTML este un limbaj markup singular, proiectat pentru satisfacerea unor anumite cerine. XML este o familie de limbaje markup: pornind de la XML(Extensibile Markup Language) utilizatorul poate defini alte limbaje markup. Tehnologiile XML i HTML (HyperText Markup Language) sunt complet diferite. HTMLul poate fi utilizat pe multe platforme, foarte bun n a expune informaii, ns HTML-ul nu este la fel de bun n a le descrie. De aceea s-a ajuns la XML: o metod universal pentru a reprezenta, descrie informaii. XML este o tehnologie complementar a HTMLului.

Un sistem XML este compus din patru pri generale: documentul XML, definiia, tipului de document (DTD = Document Type Definition) , analizorul XML, i o parte unic, aplicaia XML. Acestea pot fi numite coninut, definiia structurii, analizor i aplicaia.

DOCUMENT XML ANALIZOR XML XML DTD APLICAIA XML

Datele pe care le proceseaz un sistem XML sunt cele puse la dispoziie de documentul XML n care sunt descrise informaiile folosindu-se sintaxa XML. Pentru a se asigura faptul c informaia este reprezentat conform sintaxei XML, documentul este rulat de ctre un procesor XML numit analizor XML care verific corectitudinea sintactic i returneaz structura informaiei n memorie. Reprezentarea returnat va fi disponibil aplicaiei XML. Dac dorim ca informaiile dintr-un document s fie specificate ntr-un anumit mod, atunci i vom ataa documentului un DTD (Document Type Definition). DTD-ul conine de fapt un set de reguli prin care se specific modul n care dorim s fie structurat informaia din document. Dac se dorete, analizorul XML poate verifica i corectitudinea structural a unui document XML. Un analizor citete informaiile din documentul XML i le face disponibile aplicaiei XML. Fiecare analizor are propriile sale particulariti. Alegerea unui anumit analizor este important i depinde mai ales de limbajul n care va fi scris aplicaia XML.

Elementele specifice limbajului XML Fiierul propriu-zis XML - care include setul de etichete si informaiile care sunt transmise prin intermediul acestuia Declaraia regulilor de validare i a tipurilor de date incluse n document - realizate prin intermediul limbajului DTD (Data Type Declaration). Prin intermediul limbajului DTD se va defini setul de etichete utilizat n marcarea documentului, precum i regulile de validare a datelor incluse n document. Particularizarea modului n care vor fi afiate informaiile din fiierul XML n browser cu ajutorul foile de stil XSL. Foile de stil au un rol similar cu al declaraiilor de formatare din fiierele CSS (Cascading Style Sheet).

Documente XML Un document XML este format din marcaje (tag-uri) i date caracter. Un marcaj este un ir de caractere delimitat de caracterele < i >. Datele caracter reprezint coninutul marcajelor. Un document XML poate fi mprit n trei seciuni generale de colecii de marcaje: 1. Prolog 2. Declaraia tipului de document 3. Elementul rdcin Fiecare dintre aceste seciuni poate fi mai departe mprit n structuri mai detaliate, ca n urmtoarea schem:

Prolog Comentarii Instruciuni de procesare

Document XML

Declaraia tipului de document Comentarii Instruciuni de procesare Definiii: elemente, atribute, entiti

Element rdcin Comentarii Instruciuni de procesare Elemente Referine la entiti Seciuni CDATA

Documentele XML trebuie s satisfac urmtoarele reguli: La nceputul documentului se plaseaz declaraia XML, n care se indic limbajul de marcare, versiunea lui; Fiecare tag nceptor, ce definete o zon de date n document, obligatoriu trebuie s aib perechea sa de tag care nchide declaraia n XML se ia n consideraie registru simbolurilor Valorile atributelor, ce se folosesc la definirea tagurilor, trebuie s fie incluse n ghilimele; Trebuie respectat consecutivitatea tagurilor i includerea unora n altele Informaia coninut ntre tagul de nceput i sfrit, n XML este luat n considerare (inclusive spaiile, trecerea rndurilor, tabularea).

Spre deosebire de HTML, XML este mai strict n ceea ce privete sintaxa: spre deosebire de HTML, XML este case sensitive. fiecare tag deschis trebuie nchis Primul tag deschis trebuie s fie ultimul care este nchis. Tag-urile trebuie nchise exact n ordinea invers a deschiderii lor nu sunt acceptate elementele vide, elementele vide avnd o sintax modificat: <element />

Un document XML este format din coninut (date caracter) ncapsulat n marcaje.

Exist apte tipuri de marcaje ce pot fi folosite ntr-un document XML: 1. nceputul unui element i tag-ul de sfrit 2. Atribute 3. Comentarii 4. Referine la entiti 5. Instruciuni de prelucrare 6. Seciuni CDATA 7. Declaraia tipului de document Dac n document se folosete un simbol utilizat la definirea unei construcii n limbaj (simbolul semnului mai mare), este necesar folosirea simbolul lui special sau identificatorul lui numeric. nceputul unui element i tag-ul de sfrit - Un element ncepe cu un tag de start i se termin cu corespunztorul tag de sfrit. Tag-ul de start este un singur cuvnt (fr spaii albe) ntre caracterele < i >. De exemplu, <td> este tag de start , iar </td> este tag de sfrit. Numele unui element nu poate ncepe cu un numr i nici nu poate conine spaii. Elementele pot conine informaii, sau pot pune n eviden structura documentelor XML exemplu: <clasa> <elev> <nume>Popescu Ion</nume> <cnp>1234567891111</cnp> <adresa> <strada>1Decembrie nr.18</strada> <bloc>32</bloc> <scara>2</scara> <apartament>34</apartament> </adresa>

</elev> </clasa> Elementele <nume>, <cnp>, <strada>, <bloc>, <scara>, <apartament>, conin informaii, iar elementele <clasa>, <elev>, <adresa>, sunt folosite doar pentru a defini structura datelor. Prin folosirea lor, datele sunt mai bine organizate, facilitnd eventualele operaii de cutare, afiare sau sortare a datelor.

Atributele au rolul de a descrie elementele. Atributele sunt localizate n tag-ul de start al unui element, imediat dup numele elementului, sunt urmate de semnul =, care este urmat de valoare atributului ntre ghilimele.

Comentariile sunt locuri n care scriem note pentru noi nine, care nu vor fi expuse utilizatorului.

Referinele la entiti sunt pointeri ctre entiti. n XML, entitile sunt uniti de text, unde o unitate poate fi orice, de la un singur caracter la un ntreg document sau chiar o referin la un alt document. Sintaxa referinelor la entiti este: &nume_entitate; (&, urmat de numele entitii, urmat de ;) Una dintre cele mai frecvente utilizri ale referinelor la entiti este atunci cnd se dorete folosirea unor caractere care ar duce la apariia unor confuzii pentru analizorul XML

Entitate < > &

Referin la entitate &lt &gt &amp &apos &quot

n momentul n care analizorul XML ntlnete referina la o entitate n document, el o va substitui cu datele pe care aceasta le refer i va returna documentul cu nlocuirile fcute. O alt utilizare frecvent a referinelor la entiti este n cazul n care avem n documentul XML fragmente de text care se repet. Pentru a nu scrie aceste pri de text de mai multe ori vom defini o entitate care va avea ca valoare acea parte de text i

de fiecare dat cnd fragmentul respectiv apare n document vom folosi referina la entitate.

Instruciunile de prelucrare sunt un tip special de marcaj care conin informaii despre anumite aplicaii ce urmeaz a fi executate. Sintaxa general a unei instruciuni de procesare ar fi urmtoarea: <?aplicaie instruciune=valoare ?> ncep cu <?, urmat de numele aplicaiei i de specificarea unor elemente ce in de acea aplicaie. Numele aplicaiei trebuie s fie diferit de xml sau XML, sau alte moduri de scriere a acestui cuvnt.. Declaraia XML este tot o instruciune de procesare, cu o semnificaie aparte. Documentele XML trebuie s nceap cu o declaraie XML care specific versiunea limbajului XML utilizat. Aceast declaraie poate lipsi, dar n cazul n care exist, ea trebuie s fie primul element al documentului i s fie unic. Declaraia XML are forma <?xml version=1.0?>.

Seciunile CDATA sunt utilizate pentru a include blocuri de text coninnd caractere care altfel ar fi recunoscute ca marcaje. Seciunile CDATA ncep cu irul <! [CDATA[ i se termin cu irul ]]>. Seciunile CDATA sunt folosite n general atunci cnd dorim ca datele incluse n interiorul lor s nu fie interpretate de ctre analizor, ci s fie considerate date character (cnd dorim s includem caractere ca <, >, & ) n interiorul seciunilor CDATA nu poate s apar irul ]], seciunile CDATA nu pot fi incluse unele n altele.

Declaraia tipului de document este un marcaj special cu rolul de a specifica existena i locaia definiiei tipului de document (DTD Document Type Definition). Declaraia tipului de document i definiia tipului de document sunt noiuni diferite. DTD-ul este un set de reguli care definesc structura unui document XML, spre deosebire de declaraia tipului de document care are rolul de a spune analizorului ce DTD trebuie s foloseasc pentru verificare i validare. Sintaxa declaraiei tipului de document difer n funcie de tipul DTD-ului: intern sau extern. Considernd c avem un document XML numit doc.xml, modul de asociere dintre structura sa i setul de reguli specificate n reguli.dtd este insernd n documentul XML, imediat dup declaraia XML, urmtoarea declaraie a tipului de document: <!DOCTYPE root SYSTEM reguli.dtd> unde root este elementul rdcin al documentului XML, iar reguli.dtd este numele DTD-ului asociat documentului. n cazul n care DTD-ul este intern, declaraia tipului de document va avea urmtoarea form:

<!DOCTYPE element_rdcin [ <!-- Setul de reguli--> ]>

Definirea tipului de document (DTD) - reprezint modul n care vor fi specificate informaiile n acel document. Acest lucru se realizeaz prin intermediul DTD-ului (Document Type Definition), iar acest DTD poate fi intern sau extern. Documentele XML pot avea un DTD sau DTD-ul poate lipsi. Dac exist un DTD intern sau extern, atunci utilizatorul trebuie s se conformeze acestui DTD, iar n cazul n care lipsesc ambele, atunci utilizatorul poate construi documente respectnd un numr minim de constrngeri. DTD-ul intern se declar imediat dup declaraia XML sau, dac aceast declaraie nu exist, el va fi primul element exceptnd comentariile, spaiile de nume sau instruciunile de procesare. DTD-ul intern se declar utiliznd cuvntul cheie DOCTYPE n modul urmtor: <!DOCTYPE element_rdcin [ declaraie de elemente, atribute, entiti, instruciuni de procesare, notaii ]> DTD-ul extern este definit ntr-un alt fiier text care trebuie s se afle la o adres specificat, folosind cuvintele cheie SYSTEM sau PUBLIC:

Modelul obiectual al documentului (DOM) este prezentarea structurii lui interne a unor obiecte. Aceste obiecte se organizeaz ntr-o structur oarecare arborescent de date n fiecare element al documentului poate reprezenta o ramur. n fiecare document XML obligatoriu este definit element principal, i restul documentului poate fi prezentat ca arborescen a elementului principal, care se numete rdcina arborelui documentului. DOM reprezint o metod standard de construcie a modelului oricrui document HTML i XML, cu ajutorul creia se poate de fcut cutarea fragmentelor necesare, de creat, de exclus i de modificat elementele lui.

Spaii de nume - atunci cnd se folosesc date din diverse surse elemente, care pot avea elemente cu acelai nume, dar cu semnificaii diferite pot aprea confuzii. Pentru evitarea acestora se folosesc spaiile de nume, astfel nct numele de elemente vor fi identificate n mod unic, iar validarea se va realiza fr probleme. XML nu definete metoda de prezentare i utilizare a elementelor documentului , programului analizator i se d posibilitatea singur s aleag o formatare necesar. Pentru a utiliza datele, definite de elementele XML, e necesar s se scrie un program analizator, care ar executa aceste elemente.

Programele analizatoare pot fi mprite n dou categorii: verificatoare (care folosesc descrierile DTD pentru definirea corectitudinii documentului) i nonverificatoare. Dac se compune un limbaj propriu, atunci pentru analiza documentelor, scrise n acest limbaj, va fi necesar programul ce controleaz corectitudinea compunerii documentului. Orice document compus corect poate fi analizat de ctre programul destinat analizei documentelor XML. Folosind analizatoarele universale XML, dac construciile limbajului folosite n document sunt corecte din punct de vedere sintactic, atunci programul analizator va putea extrage elementele definite n document i s le transmit programului care ndeplinete funcia de vizualizare. Dup desfacerea documentului, se obine un model-obiect ce descrie documentul, i mijloacele necesare de lucru pentru el. Unele analizatoare au i metoda de prezentare a structurii documentului bazat pe DOM.

XML constituie modalitatea cea mai simpl i cea mai eficient metod prin intermediul creia datele pot fi transferate prin intermediul Internetului. XML este un container n care informaia din bazele de date este ncapsulat i distribuit prin intermediul Internetului, datele stocate n aceste fiiere vor fi accesibile pentru orice dispozitiv i pe orice platform. XML prezint avantajul simplitii, structurrii eficiente a informaiei i al postabilitii informaiei pe orice platform sau dispozitiv. Accesarea bazelor de date presupune: Pasul 1 - Utilizatorul realizeaz o cerere ctre serverul de Web sau cel de aplicaii, solicitnd anumite nregistrri. Pasul 2 - Serverul de Web, transmite cererea ctre serverul de baze de date sub forma unei interogri SQL, acesta returnnd setul de nregistrri specificat. Pasul 3 - Datele transmise de serverul de baze de date sunt livrate n format XML ctre client prin intermediul serverului de Web. Pasul 4 - Datele sunt preluate pe calculatorul personal al utilizatorului care a realizat cererea i transferate n baza de date Pai 2 si 3 tind sa se contopeasc ntr-o singura etap. n acest sens, cele mai multe din sistemele de gestiune a bazelor de date au incorporate faciliti de export direct al datelor in format XML, fr a mai fi necesar s fie utilizate aplicaii accesorii.

SUGESTII METODOLOGICE CU CE? Videoproiector, pentru prezentarea multimedia ce cuprinde definirea noiunilor XML conexiune Internet pentru a putea descrca un editor de text XML gratuit CUM? metode de nvmnt: expunere conversaie euristic

organizarea clasei: frontal individual la folosirea Internetului i realizarea aplicaiilor practice Pe grupe se pot scrie anumite secvene cu alutorul XML UNDE? laborator informatic, dotat cu conexiune la Internet Pentru evaluare se pot folosi: o Probe scrise i probe practice Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale.

Tema 3. Site-uri Web

Fia de documentare 3.3 - Tehnologii folosite n paginile web
Informaiile din World Wide Web sunt stocate n pagini. O pagin poate conine: text, header-e, liste, meniuri, tabele, formulare, elemente grafice, script-uri, stiluri (style sheets), obiecte multimedia. Paginile Web sunt realizate folosind o serie de tehnologii pe partea de client i sunt procesate i afiate de ctre browsere. O pagin Web conine butoane de navigare interne, care ajut utilizatorul s se deplaseze printre numeroasele documente la care are acces. Site-urile Web pot fi: Site-uri cu pagini statice Site-uri cu pagini dinamice

n cazul Site-urilor cu pagini statice - paginile Web sunt fiiere cu simplu text construite folosind limbajul Hypertext Markup Language (HTML). Acesta este implementat ca o mulime de tag-uri uor de nvat. Autorii paginilor Web folosesc aceste tag-uri pentru a marca paginile de text, iar browserele le folosesc pentru a afia informaiile pentru a putea fi vizualizate. Paginile Web pot s conin legturi hypertext la alte pagini.

Site-urile cu pagini dinamice necesit o actualizare periodic a elementelor specifice. La proiectarea unui astfel de site trebuie luate n considerare urmtoarele elemente: modul n care vor fi actualizate datele de pe site i costurile operaiunilor de actualizare periodic. Comunicarea cu clienii (utilizatorii) care apeleaz un astfel de site, se poate realiza prin inserarea de formulare de e-mail, pe paginile site-ului. n aceste condiii se poate lua n considerare i folosirea unui autoreponder pus la dispoziie de ctre ISP. In felul acesta se va transmite automat un mesaj de rspuns vizitatorului site-ului, ntiinndu-l astfel de primirea mesajului transmis si mulumindu-i pentru vizit. HTML este un limbaj de markup. El permite crearea layout-ului paginilor i a formularelor, dar nimic mai mult. Pentru a se construi interfee intuitive i sofisticate este necesar i un limbaj de scripting la nivel de client. Scripting-ul permite scrierea de cod (mici programe) care ruleaz n cadrul browserului. Cel mai cunoscut limbaj de scripting pe parte de client este JavaScript, care este suportat (mau mult sau mai puin) de aproape orice browser existent. Folosind JavaScript se poate realiza: validarea formularelor, animarea textului i a imaginilor, crearea de meniuri drop-down i a controalelor de navigare, se pot efectua procesri de baz numerice sau asupra textelor i multe altele. Scripting-ul permite programatorilor s detecteze i s proceseze evenimentele. De exemplu, o pagin care se ncarc, un formular trimis, micarea pointer-ului mouse-ului

asupra unei imagini sunt toate evenimente, iar script-urile pot fi executate automat de browser atunci cnd aceste evenimente au loc. Script-urile pot fi incluse n codul HTML sau pot fi stocate n fiiere externe i legate n interiorul codului HTML. Majoritatea browserelor noi permit folosirea i a altor tehnologii, dintre care cele mai importante sunt: CSS (Cascading Style Sheets) ofer o modalitate de a separa prezentarea de coninut astfel nct ambele s poat fi refolosite i modificate cu uurin. DHTML (Dynamic HTML) o combinaie de HTML, script-uri i CSS care folosite mpreun, pot realiza interfee pentru utilizator foarte atractive i interactive. Appleturi Java mici programe care ruleaz n browser. Macromedia Flash o tehnologie inclus n 98% din browserele existente, care ofer un mecanism pentru crearea unor interfee atractive i portabile.

Piesa care leag ntre ele serverele Web, browserele Web i paginile Web este URL-ul.

O alt caracteristic a paginilor dinamice este reprezentat de folosirea tehnologiei ASP(Application Service Provider). Astfel majoritatea software-ului nu exist pe calculatorul client ci este localizat pe un server de Internet, soft care este actualizat permanent de ctre compania ce administreaz acel server. Acest serviciu este oferit de ctre furnizorii serviciilor de aplicaii (ASP-uri), care pun la dispoziie multe modaliti prin care se poate rula software pe Internet. Navignd pe un site Web softul poate rula n interiorul browser-ului sau se poate ca softul rulat de client s necesite anumite resurse de pe serverul furnizorului. Orientarea spre tehnologia ASP permite, deci, accesarea unei infrastructuri bine pus la punct de servere, administrat de specialiti cu costuri mai mici. Se poate ncheia un contract cu un ASP, care furnizeaz soft . Soft-ul client ce ruleaz pe computer nu este manevrat de ASP. Soft-ul client trebuie s acceseze serverul pentru a putea beneficia de anumite servicii ca de exemplu primirea i expedierea de mesaje, sau crearea i accesul la baze de date ale ASP. ASP-ul se ocup de servere, de software i de datele de pe servere. Avantajele paginilor dinamice: Paginile dinamice sunt ceea ce d via Web-ului. Paginile statice sunt formate din text, imagini i tag-uri HTML pentru formatare. Aceste pagini sunt create i ntreinute manual, astfel c dac informaiile se modific i pagina trebuie modificat. Aceasta implic ncrcarea paginii ntr-un editor, realizarea modificrilor, reformatarea textului dac este necesar i apoi salvarea fiierului. Aceste operaii necesit foarte mult timp dac numrul paginilor care trebuie actualizate este mare. Paginile dinamice conin foarte puin text. n schimb extrag informaiile necesare din alte aplicaii. Paginile dinamice pot comunica cu bazele de date,

foi de calcul tabelar, sisteme de gestiune a bazelor de date client-server i multe alte aplicaii. Crearea paginilor Web dinamice permite crearea de aplicaii puternice, care pot include caracteristici precum urmtoarele: interogarea aplicaiilor de baze de date existente pentru obinerea datelor crearea de interogri dinamice care faciliteaz obinerea n mod flexibil a datelor execuia procedurilor stocate execuia codului condiional on-the-fly pentru a personaliza rspunsurile n funcie de situaiile specifice sporirea capabilitilor formularelor HTML standard prin folosirea unor funcii de validare popularea n mod dinamic a elementelor din formulare personalizarea modului de afiare a informaiilor legate de dat, timp i moned folosind funcii de formatare uurarea crerii aplicaiilor de introducere a datelor prin wizards generarea automat de email site-uri comerciale i couri electronice de cumprturi SUGESTII METODOLOGICE CU CE? prezentare multimedia ce cuprinde informaii despre site-uri statice i dinamice, vizualizat cu ajutorul unui videoproiector. conexiune Internet pentru identificarea diferitelor site-uri CUM? metode de nvmnt: brainstorming expunere conversaie euristic organizarea clasei: frontal, individual la folosirea Internetului Dup prezentarea caracteristicilor site-urilor cu pagini statice i dinamice, se acceseaz site-uri si se identific diferite tipuri de pagini. UNDE? laborator informatic Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale. Pentru evaluare se pot folosi: o Probe scrise i probe practice

Tema 3. Site-uri Web

Fia de documentare 3.4 Model orientat obiect pentru documente DOM
Consoriul Web a propus pentru prelucrarea sofisticat a documentelor XML i/sau HTML un model obiectual denumit Document Object Model (DOM). Acest model reprezint o interfa de programare a aplicaiilor destinate s prelucreze documentele HTML i XML, independent de platform i de limbaj, definind structura logic a documentelor i modalitile de accesare i de modificare a lor. Structura logic a documentelor este o structur arborescent, obiectual, documentele fiind modelate utiliznd obiecte, iar modelul nu furnizeaz doar o vizualizare structurat a documentului, ci i o modalitate de specificare a comportamentului lui i a obiectelor componente. Fiecare element al unui document poate fi privit, aadar, ca un obiect, fiecare obiect avnd identitate i propriile sale funcii. Consoriul Web a structurat DOM pe mai multe nivele (stadii) de specificare a modelului. Nivelul 0 (pentru HTML) a fost nivelul de funcionalitate a versiunilor 3 ale navigatoarelor Netscape i Internet Explorer. Nivelul 1 este recomandare standardizat din 1998 Nivelul 2 DOM a fost standardizat n anul 2000 Nivelul 3 DOM s-a standardizat n cursul anului 2004.

DOM reprezint un model care specific interfee i nu este un set de structuri de date (abstracte). Nu definete semantica detaliat a documentelor HTML sau XML. DOM reprezint documentele ca o ierarhie de obiecte-nod. Anumite tipuri de noduri pot avea noduri copii (descendeni) de diverse tipuri. Altele pot fi noduri frunz, lipsite de descendeni. Tipurile fundamentale de noduri sunt cele din urmtorul tabel: Tip Document DocumentFragment Descendeni Element, ProcessingInstruction, Comment,DocumentType Element, ProcessingInstruction, Comment,Text, CDATASection, EntityReference Element, ProcessingInstruction, Comment, Text,CDATASection, EntityReference Element, Text, Comment, ProcessingInstruction,CDATASection, EntityReference

DocumentType EntityReference

Element

Attr ProcessingInstruction Comment Text CDATASection Notation Entity

Text, EntityReference Element, ProcessingInstruction, Comment,Text, CDATASection, EntityReference

Pentru fiecare tip de nod, DOM ofer o interfa care desemneaz constantele, variabilele i metodele ce vor putea fi folosite de programator ntr-o implementare efectiv a modelului. Pentru urmtorul document: <!DOCTYPE HTML "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head></head> <body> <ul> <li>Seciunea 1</li> <li>Seciunea 2</li> <li>Seciunea 3</li> </ul> <hr> <!-- Sfrit --> </body> </html> Arborele de noduri-obiect asociat acestui document XHTML este n figura urmtoare:

<html>

<!DOCTYPE>

<head>

<body>

<ul>

<hr>

<!->

<li>

<li>

<li>

<sectiunea1>

<sectiunea1>

<sectiunea1>

SUGESTII METODOLOGICE CU CE? Vizualizarea unei prezentri Power Point, ce conine noiuni legate de DOM, cu ajutorul videoproiectorului. CUM? metode de nvmnt: expunere conversaie euristic

organizarea clasei: frontal Dup prezentarea materialului teoretic se trece la realizarea unor aplicaii practice de concepere a arborelui de noduri-obiect asociat unui documenti XHTM, propus de profesor. UNDE? sala de clas laborator informatic Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu cerine educaionale speciale.

Pentru evaluare se pot folosi: o Probe orale i probe scrise

IV. Fia rezumat

Unitatea de nvmnt __________________

Fia rezumat
Clasa ________________ Nume i prenume elev Competena 1 A1 zz.ll.aaaa1 A2 AX A1 Competena 2 A2 A3 A1 Profesor______________________ Competena 3 A2 A3 Observaii

Nr. Crt. 1 2 3 4 ... Y

zz.ll.aaaa reprezint data la care elevul a demonstrat c a dobndit cunotinele, abilitile i atitudinile vizate prin activitatea respectiv

V. Bibliografie
1. McFredies, Paul. (2003). Crearea paginilor Web, Bucureti: Editura B.I.C.ALL 2. Williams, Robin. Tollett, John (2003). Design pentru Web, Bucureti: Editura Corint 3. Gugoiu, Teodoru. (2005). HTML, XHTML, CSS i XML prin exemple Ghid practic, Bucureti: Editura Teora 4. ***. La http://www.primulpas.ro/ftp.htm. 25.04.2009 5. ***. La http://www.tutoriale.far-php.ro/index.php. 29.04.2009 6. ***. La http://facultate.regielive.ro/cursuri/calculatoare/webdesign-69744.html? in=cursuri&s=sit%20web. 28.04.2009 7. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare_alte_domenii/dezvoltarea_si te_urilor_web-53607.html?in=cursuri&s=sit%20web . 28.04.2009 8. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/curs_html-5747.html? in=cursuri&s=sit%20web 9. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/xml_tehnologii-52577.html? in=cursuri&s=xml . 29.04.2009