Documente Academic
Documente Profesional
Documente Cultură
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
Domeniul: informatic
Calificarea: Analist programator
Nivel 3 avansat
2009
AUTOR:
Obogeanu Gheorghia Profesor grad didactic I
COORDONATOR:
MARIANA VIOLETA CIOBANU - Profesor, grad didactic I
CONSULTAN:
IOANA CRSTEA expert CNDIPT
GABRIELA CIOBANU expert CNDIPT
ANGELA POPESCU expert CNDIPT
DANA STROIE expert CNDIPT
Cuprins
I. Introducere...................................................................................................................................4
II. Resurse........................................................................................................................................7
Tema 1. Noiuni fundamentale WWW........................................................................................8
Fia de documentare 1. Noiuni fundamentale WWW............................................................8
Activitatea de nvare 1.1 Client server, ISP.................................................................10
Activitatea de nvare 1.2 Browsere Web.........................................................................11
Activitatea de nvare 1.3 Conceptul HyperText..............................................................13
Activitatea de nvare 1.4 URL........................................................................................14
Tema 2. Faciliti i servicii Internet.........................................................................................15
Fia de documentare 2 Faciliti i servicii Internet..............................................................15
Activitatea de nvare 2.1 Pota electronic.....................................................................22
Activitatea de nvare 2.2 Servicii Internet......................................................................23
Tema 3. Site-uri Web.................................................................................................................25
Fia de documentare 3.1 - Limbaje de marcare HTML. Editoare de HTML.......................25
Activitatea de nvare 3.1.1 Editoare HTML...................................................................28
Activitatea de nvare 3.1.2 Hyper Text Markup Language.............................................29
Fia de documentare 3.2 - Editoare XML. Limbajul de marcare XML...............................30
Activitatea de nvare 3.2.1 XML(Extensibile Markup Language).................................37
Activitatea de nvare 3.2.2 Elemente componente ale unui document XML.................39
Activitatea de nvare 3.2.3 Tipuri de marcaje folosite ntr-un document XML.............40
Fia de documentare 3.3 - Tehnologii folosite n paginile web............................................41
Activitatea de nvare 3.3.1. Pagini statice. Pagini dinamice..........................................44
Fia de documentare 3.4 Model orientat obiect pentru documente DOM..........................47
Activitatea de nvare 3.4.1 Modelul orientat obiect pentru documente DOM............50
Activitatea de nvare 3.4.2 Arborele de noduri-obiect asociat unui document XHTML51
III. Glosar.......................................................................................................................................53
IV. Bibliografie..............................................................................................................................55
I. Introducere
Materialul de nvare are rolul de a conduce elevul la dobndirea competen ei:
-
Domeniul - Informatic
Calificarea - Analist programator
Nivelul de calificare - 3 avansat
Materialul cuprinde:
-
Fie de documentare
Activiti de nvare
glosar
Teme
Tema 1. Noiuni fundamentale
www
Elemente component
Fia de documentare 1.1.
Noiuni fundamentale www
Activitatea de nvare 1.1.
Client server, ISP
Activitatea de nvare 1.2.
Browsere Web
Activitatea de nvare 1.3.
Conceptul HyperText
Activitatea de nvare 1.4.
URL
Competena /
Rezultatul
nvrii
Teme
Elemente component
Activitatea de nvare
3.1.1 Editoare HTML
Activitatea de nvare
3.1.2 Hyper Text Markup
Language
Fia 3.2 Editoare de
XML. Limbajul de marcare
XML.
Activitatea de nvare
3.2.1 XML(Extensibile
Markup Language)
Activitatea de nvare
3.2.2 Elemente
componente ale unui
document XML
Activitatea de nvare
3.2.3 Tipuri de marcaje
folosite ntr-un document
XML
Fia 3.3 - Pagini statice i
pagini dinamice
Activitatea de nvare
3.3.1. Pagini statice. Pagini
dinamice
Fia 3.4 - Model orientat
pentru documente DOM
Activitatea de nvare
3.4.1 Modelul orientat
obiect pentru documente
DOM
Activitatea de nvare
3.4.2 Arborele de noduriobiect asociat unui
document XHTML
II. Resurse
Prezentul material de nvare cuprinde diferite tipuri de resurse care pot fi folosite
de elevi:
-
fise de documentare
activiti de nvare
Elevii pot folosi att materialul prezent (in forma printata) cat si varianta echivalenta
online.
WEB
BROWSER
CERERE
RSPUNS
WEB
SERVER
Un Web server este un program care furnizeaz pagini Web la cerere. Cnd un
utilizator solicit un anumit fiier, serverul Web ncearc s obin acel fiier i s-l
trimit napoi utilizatorului. Conexiunile la serverele de Web se stabilesc pe msur ce
sunt necesare.
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.
Protocolul care descrie cererile i rspunsurile permise (protocolul de transfer standard)
utilizat de Web este HTTP - HyperText Transfer Protocol - protocol de transfer pentru
hipertext.
caracterelor de scriere, modul de scriere:inclinat (italics) sau eviden iat (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.
Adresa unei pagini Web se numete Uniform Resource Locator (URL).Un URL
are urmtoarea forma - protocol://host:port/cale/nume_fiier. Dup cum se observ
URL 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.
Conexiunea la reelele Internet i la serviciile aferente este realizat prin intermediul
unui furnizor de servicii Internet.
Durata:5 minute
Sarcina de lucru :
1. Completai interiorul figurii de mai jos cu WEB BROWSER sau WEB SERVER
astfel nct s rezulte configuraia corect a modelului client-server
CERERE
RSPUNS
2. Completai tabelul de mai jos cu elementele corespunztoare din prima linie a
tabelului
program care furnizeaz pagini Web, se conecteaz la un calculator server pe
care exist informaiile, furnizorii de servicii Internet
Web Server
Web Browser
10
ISP
Activitatea de nvare 1.2 Browsere Web
Competena: Utilizeaz resursele web i tehnologii pentru realizarea site-urilor web
Obiectivul/obiective vizate:
La sfritul acestei activiti vei fi capabil s:
-
Durata: 15 minute
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
1. Folosind surse diferite (internet, reviste de specialitate, etc) obtineti informatii
despre 3 browsere de Internet, pictogramele lor, precum si elementele de
interfa specifice acestora. Prezentai rezultatul sub forma de tabel, dup
modelul urmtor:
Denumire Pictogram
browser
aferent
browser-ului
Elemente de interfa
Durata: 15 minute
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
Pornind de la definirea noiunii de HyperText, realiza i un eseu de aproximativ 5 rnduri
n care s dezvoltai noiunea de HyperText i care n s folosi i cuvintele din lista de
mai jos.
List de cuvinte: link, document, nelinear, navigare, imagini, text
Evaluare:
1p pentru fiecare cuvnt corect folosit
4p pentru coeren i corelare cu tema dat
12
Durata: 15 minute
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Host
File
Port
Evaluare:
Punctajul se acord n funcie de numrul de informa ii importante furnizate.
13
Servicii de comunicare ;
Servicii de informare ;
Servicii comerciale ;
nvmnt - cercetare ;
Servicii de recreere;
Transfer de fiiere .
n cele ce urmeaz sunt prezentate cteva dintre aceste facilit i 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, cunoa terea adresei de e-mail a
destinatarului, iar pe de alt parte, trebuie s existe un program de transmitere e-mail.
14
Microsoft Outlook Express- este printre cele mai folosite utilitare de e-mail,
oferind posibilitatea de a administra conturi de e-mail multiple, facilita i de
securitate, opiunea de a filtra mesajele primite, posibilit i de a accesa i grupuri
de discuii.
Serviciul FTP (File Transfer Protocol) este o metod rapid i simpl pentru
transferul fiierelor ntre dou calculatoare aflate n aceea i re ea sau n re ele 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 ata ate,
imposibilitatea relurii transmisiei unui fiier din punctul de unde a fost ntrerupt la un
moment dat
15
se transfer (upload) pentru prima dat fiierele unui site la o gazd web;
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;
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 aplica ii sub Windows, avnd facilit i
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 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.
Chatul este un serviciu oferit de Internet care faciliteaz comunicarea scris sau
verbal ntre dou sau mai multe persoane aflate n loca ii diferite i care au acces la
Internet. Discuiile se desfoar ntr-o "camera de discu ii" virtuala, unde participan ii
se ntlnesc exclusiv pentru a dialoga. Termenul de canal de comunica ie 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 re ele 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/re eaua
de chat.
17
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 re elei,
permit utilizatorilor s anune dac sunt sau nu lng computer, dac sunt disponibili
pentru conversaie. Cei apelai nu sunt obliga i s rspund imediat la mesajele primite,
deci folosirea mesageriei agreseaz mai pu in 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 apela i 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.
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 aplica ii 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 comunica ie vor fi mai
reduse, n comparaie cu celelalte mijloace de transmitere pentru astfel de comunica ii.
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 informa ii despre el,
construindu-i n timp o reea din care vor face parte prietenii si dinainte de intrarea n
comunitatea online sau noii prieteni cunoscu i 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.
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).
20
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru: Folosind surse diferite (internet, manual, reviste de specialitate,
caietul de notie etc) obinei informaii despre elementele componente ale unei adrese
de e-mail i organizai-le dup modelul urmtor. Da i exemple de adrese de e-mail.
Structura
adresa e-mail
Programe de
e-mail
Conectare/
deconectare
Componentele
unui mesaj
Modaliti
trimitere mesaje
21
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
Folosind surse diferite (internet, reviste de specialitate, etc) obtineti informatii despre
serviciile de Internet din tabelul de mai jos. Prezenta i rezultatul sub forma de tabel,
dup modelul urmtor:
Denumire
serviciu
Internet
FTP
Scop
Mod de utilizare
World
Wide
Web
E-learning
Blog
Chatul
Forumul
Mesageria
instant
Sistemele de
videoconferin
22
Wiki
Reea social
Comerul
electronic
23
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.
24
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) :
Singulare (<br>)
</head>
<body>
Corpul fiierului
</body>
</html>
26
Durata: 15 minute
Tipul activitii: Asemnri si diferene
Sugestii:
-
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
Folosind internetul, ziare, reviste, adunai informaii despre diferite tipuri de editoare
HTML: text, obiect i WYSIWYG (What You See Is What You Get), evideniind
asemnrile i diferenele.
27
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Definiie
Caracteristici
HTML
Utilizare
Structura
document HTML
28
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
APLICAIA
XML
XML DTD
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.
29
Fiierul propriu-zis XML - care include setul de etichete si informa iile care sunt
transmise prin intermediul acestuia
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
Element rdcin
Comentarii
Instruciuni de procesare
Elemente
Referine la30
entiti
Seciuni CDATA
Informaia coninut ntre tag-ul de nceput i sfr it, n XML este luat n
considerare (inclusive spaiile, trecerea rndurilor, tabularea).
Spre deosebire de HTML, XML este mai strict n ceea ce privete sintaxa:
Primul tag deschis trebuie s fie ultimul care este nchis. Tag-urile trebuie nchise
exact n ordinea invers a deschiderii lor
Un document XML este format din coninut (date caracter) ncapsulat n marcaje.
32
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
<
<
>
>
&
&
&apos
"
Seciunile CDATA sunt utilizate pentru a include blocuri de text con innd
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.
34
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:
35
Durata:15 minute
Sarcina de lucru :
1. Completai interiorul figurii de mai jos cu DOCUMENT XML, ANALIZOR
XML, APLICAIA XML, sau XML DTD astfel nct s rezulte configuraia
corect a unui sistem XML.
36
37
Cunoti cele trei seciuni generale de colecii de marcaje ale documentului XML
Durata: 15 minute
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
1. Pornind de la urmtoarea schem ce arat structura unui document
HTML(prolog, declaraia tipului de document, elementul rdcin), i folosind
surse diferite (internet, manual, reviste de specialitate, caietul de notie etc),
detaliai fiecare structur n parte cu elementele sale componente
Prolog
Element rdcin
2. Enumerai cel puin 5 reguli ce trebuie avute n vedere la realizarea documentelor XML
38
Durata: 30 minute
Sarcina de lucru:
Fiecare grup trebuie s obin informaii despre una dintre urmtoarele categorii ce
definesc tipuri de marcaje ce pot fi folosite ntr-un document XML:
1. nceputul unui element i tag-ul de sfrit
2. Atribute i comentarii
3. Referine la entiti
4. Instruciuni de prelucrare
5. Seciuni CDATA
6. Declaraia tipului de document
Pentru acest lucru elevii au la dispoziie 10 minute. Dup ce au devenit experi n subtema
studiat, se reorganizeaz grupele astfel nct n grupele nou formate s existe cel puin o
persoan din fiecare grup iniial.
Timp de 20 minute elevii vor mpri cu ceilali colegi din grupa nou format cunotinele
acumulate la pasul anterior.
La final fiecare elev va prezenta cunotinele acumulate dup parcurgerea celor dou faze.
39
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.
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:
Piesa care leag ntre ele serverele Web, browserele Web i paginile Web este URL-ul.
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.
Crearea paginilor Web dinamice permite crearea de aplicaii puternice, care pot
include caracteristici precum urmtoarele:
42
Durata: 30 minute
Sarcina de lucru:
Citii cu atenie textul urmtor. La final realizai un rezumat care s conin:
-
Tehnologii folosite
Avantaje
Utilizri
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
43
informaiile pentru a putea fi vizualizate. Paginile Web pot s conin legturi hypertext
la alte pagini.
Piesa care leag ntre ele serverele Web, browserele Web i paginile Web este URL-ul.
44
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.
Crearea paginilor Web dinamice permite crearea de aplicaii puternice, care pot
include caracteristici precum urmtoarele:
45
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
Descendeni
Document
Element, ProcessingInstruction,
Comment,DocumentType
DocumentFragment
Element, ProcessingInstruction,
Comment,Text, CDATASection,
EntityReference
DocumentType
46
EntityReference
Element, ProcessingInstruction,
Comment, Text,CDATASection,
EntityReference
Element
Attr
Text, EntityReference
ProcessingInstruction
Comment
Text
CDATASection
Notation
Entity
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>
47
</html>
Arborele de noduri-obiect asociat acestui document XHTML este n figura urmtoare:
<html>
<!DOCTYPE>
<head>
<ul>
<li>
<sectiunea1>
<body>
<hr>
<li>
<sectiunea2>
48
<!->
<li>
<sectiunea3>
Durata: 25 minute
elevii se pot organiza in grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru:
Folosind surse diferite (internet, manual, reviste de specialitate, caietul de notie etc) obinei
informaii despre modelul orientat obiect pentru documente DOM, nivele de specificare a
modelului, standarde recomandate de Consoriul World Wide Web.
49
Durata: 20 minute
Sarcina de lucru:
Se consider 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>
50
</html>
Vizualizai cu atenie arborele de noduri-obiect asociat acestui document XHTML
cutai i gsii erorile
!
DOCTYPE
>
<HTML>
<body>
<html>
<ul>
<hr>
<li>
<sectiunea1>
<head>
<li>
<sectiunea2>
51
<!->
<li>
<sectiunea3>
III. Glosar
Adresa IP = Adresa Protocolului Internet. Reprezint un ir unic de numere, grupate in
serii ce identifica un computer din mediul Internet.
Blog = Un jurnal inut pe un anumit server de web (public in cele mai multe cazuri).
Procesul de actualizare a acestui jurnal, poarta denumirea de blogging. Toate
informaiile ce se regsesc n blog sunt actualizate zilnic sau la intervale scurte de timp,
de ctre proprietari, cu ajutorul unor programe ce permit acest lucru, accesibile oricui.
Browser = O aplicaie utilizat pentru a accesa fiierele din Internet. Browserele
obinuite sunt Microsoft Internet Explorer si Netscape Navigator.
Client = este un program care adreseaz anumite cereri (ntr-o pereche client/server);
de exemplu, funcionarea unui browser de web este legata de aceste cereri adresate de
ctre acesta unui server.
DOM = Modelul de obiect al documentului DOM constituie o specificaie dezvoltata de
W3C, ce permite manipularea tuturor elementelor unei pagini Web (grafica, text, stiluri
etc.) de ctre programe software si limbaje de programare (de tipul: JavaScript si
VBScript). Spre exemplu, DOM face posibila definirea drept obiect a fiecrei litere
individuale din cadrul unei pagini Web, alocnd ulterior caracteristici separate, de genul:
culoare, dimensiune si stil. DOM este una din tehnologiile de baza ale DHTML,
mpreun cu CSS, HTML tradiional si limbajele de programare.
E-mail = Electronic mail Este un serviciu de posta electronica prin intermediul caruia se
pot transmite mesaje si fiiere intre doua calculatoare/adrese de e-mail. Fiecare
utilizator al acestui serviciu deine o adresa proprie de tip nume@domeniu.
FTP = File Transfer Protocol. Reprezint cea mai uoar modalitate de a transfera
fiiere pe Internet, de a efectua copierea acestora ntre diferite computere conectate la
reea. FTP permite transferul de aplicaii freeware sau shareware cu ajutorul
programelor ce interpreteaz comenzile complexe ale Unix, sau prin intermediul
programului de navigare web.
HTML = Hyper Text Markup Language este un limbaj de programare prin care diferite
imagini texte, cmpuri marcate sau codificate sunt organizate intr-un fiier special, ce
poate fi accesat pe www, printr-un browser.
HTTP = Hypertext Transfer Protocol. Un protocol folosit pentru a cere si a transmite
fiiere, in special pagini web si componente ale acestora, pe Internet sau intr-o reea de
calculatoare.
Hyperlink = Fondarea de interactivitate online. Acesta este link-ul care poate fi accesat
prin click in text sau grafice intr-o pagina web care te duce in alt loc pe aceeai pagin,
pe alta pagina, sau in alt website.
Hypertext = Versiunea text a hyperlink-ului.
Hypertext Markup Language (HTML) = Un limbaj codificat utilizat pentru a face
documentele hypertext pentru a fi utilizate online.
Hypertext Transfer Protocol (HTTP) = Protocolul de reea care permite hyperlink-urilor
sa funcioneze.
Internet = Reeaua Internet a fost nfiinat in anul 1969, sub forma unei reele
antinucleare finanat de Ministerul Aprrii Naionale al SUA. In mod curent, aceasta
reea de comunicare este formata dintr-un numr vast de reele si computere din diferite
locaii geografice, ce permit accesul in masa la informaii de ordin public.
Internet protocol address ( IP Address) = Sistem numeric utilizat pentru a identifica
componentele Internetului. Fiecare sistem conectat la Internet are un IP de adresa unic.
In sistemele utilizate in prezent ( IPv4), exista doar 4,3 miliarde IP-uri unice.
52
ISP = Este un furnizor de servicii internet ce ofer acces cu viteza ridicata la reele de
servere (posta electronica, tiri, web etc.), routere si modem-uri conectate permanent la
noduri Internet. Opional, ISP-ul ofer servicii de e-mail, news, gzduire de pagini web
etc.
Java Script = Acest cod poate fi adugat paginilor HTML standard pentru crearea de
documente interactive; este considerat o sursa relevanta pentru dezvoltarea de
formulare interactive, cu utilizare in mediul Web.
Server = Este un calculator performant, situat intr-un Network Operation Center cu
legturi multiple ctre diferii furnizori de servicii Internet. Gzduiete fiiere destinate
vizitrii prin Internet sau transferrii prin FTP. Un server este capabil sa stocheze mai
multe site-uri web.
Tag = Fragment HTML care permite unui website sa serveasc o impresie.
Uniform Resource Locator (URL) = O adresa HTTP utilizata de World Wide Web pentru
a specifica un site concret.
Web Page = Prezentarea tradiional a informaiilor online. Website-urile sunt fcute din
pagini web, analoge cu paginile unei cri.
Website = O locaie virtuala online conceputa de ctre un URL unic. Un website este
alctuit din una sau mai multe pagini web.
World Wide Web = Cunoscut si sub abrevierea WWW, W3 sau Web, si dezvoltat iniial
de laboratoarele CERN din Geneva, Elveia. Dezvoltarea continua a mediului Web este
supravegheata de World Wide Web Consortium. Mediul Web poate fi descris si sub
forma unui sistem de hypertext pentru server si client, utilizat in furnizarea de informaii
din reeaua Internet. Toate elementele componente ale mediului Web au o reprezentare
sub forma de/in format HTML si este legat de alte documente prin intermediul adreselor
tip URL. Mediul Web incorporeaz protocolul HTTP, FTP, Gopher si Telnet.
XML = este un acronim pentru eXtensible Mark-up Language si reprezint un limbaj de
marcare de nivel sczut folosit in special pentru documente web.
53
IV. Bibliografie
1. McFredies, Paul. (2003). Crearea paginilor Web, Bucureti: Editura B.I.C.ALL
2. Williams, Robin. Tollett, John (2003). Design pentru Web, Bucure ti: 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
54