crearea site-uri -partea 1.doc

Upload: marginean-elena-maria

Post on 05-Jul-2018

243 views

Category:

Documents


1 download

TRANSCRIPT

  • 8/16/2019 Crearea site-uri -partea 1.doc

    1/54

    Învăţământul profesional şi tehnic în domeniul TIC 

    Proiect cofinanţat din Fondul Social European în cadrul POS DRU 2007-2013

    Beneficiar – Centrul Naţional de Dezvoltare a Învăţământului Profesional şi Tehnic

    str. !iru "aret nr. #$%#&' sector #' Bucureşti%$#$#()' tel. $%*####)&' fa+. $%*#&,-/' vet0tvet.ro

    CRERE S!"E-UR!#OR $E%

    &aterial de în'(ţare ) partea !

    Do*eniul+ infor*atic(

    Calificarea+ nali,t prora*ator .i'el 3 a'an,at

    200/

    mailto:[email protected]:[email protected]

  • 8/16/2019 Crearea site-uri -partea 1.doc

    2/54

    U"OR+

    Ooeanu eori a )ț  Profesor 1rad didactic 2

    COORDO."OR+

    &R!. !O#E" C!O%.U - Profesor' 1rad didactic 2

    CO.SU#".45+

    !O. C6RS"E – e+!ert CND2PT

    %R!E# C!O%.U – e+!ert CND2PT

    .E# POPESCU – e+!ert CND2PT

    D. S"RO!E – e+!ert CND2PT

     3cest material a fost ela4orat 5n cadrul !roiectului Învăţământul profesional şi tehnic îndomeniul TIC, !roiect cofinanţat din 6ondul ocial 7uro!ean 5n cadrul P8 D9: &$$(%&$#*

    2

  • 8/16/2019 Crearea site-uri -partea 1.doc

    3/54

    Cuprin,I. Introducere...................................................................................................................................4

    II. Resurse........................................................................................................................................7Tema 1. No iuni fundamentale WWWț ........................................................................................8

    Fişa de documentare 1. No iuni fundamentale WWWț ............................................................8

    Activitatea de înv!are 1.1 "lient # server$ I%&.................................................................1'Activitatea de înv!are 1.2 (ro)sere We*.........................................................................11

    Activitatea de înv!are 1.+ "once,tul -,erTe/t..............................................................1+Activitatea de înv!are 1.4 0R........................................................................................14

    Tema 2. Facilit i i servicii Internetț ș .........................................................................................1

    Fişa de documentare 2 Facilit i i servicii Internetț ș ..............................................................1Activitatea de înv!are 2.1 &o ta electronicș .....................................................................22

    Activitatea de înv!are 2.2 %ervicii Internet......................................................................2+Tema +. %ite3uri We*.................................................................................................................2

    Fişa de documentare +.1 3 im*ae de marcare -T5. 6ditoare de -T5.......................2

    Activitatea de înv!are +.1.1 6ditoare -T5...................................................................28

    Activitatea de înv!are +.1.2 -,er Te/t 5aru, anuae.............................................29Fişa de documentare +.2 3 6ditoare :5. im*aul de marcare :5...............................+'

    Activitatea de înv!are +.2.1 :5;6/tensi*ile 5aru, anuae

  • 8/16/2019 Crearea site-uri -partea 1.doc

    4/54

    ! !ntroducere;aterialul de 5nvă are are rolul de a conduce elevul la do4ândirea com!eten eie4

    • 3ctivitatea de 5nvă are #.*.țConce!tul "?!erTe+t

    • 3ctivitatea de 5nvă are #.-.ț:9@

    • Tema &. 6acilită i i serviciiț ș2nternet

    • 6işa de documentare &.#. –6acilită i i servicii 2nternetț ș

    • 3ctivitatea de 5nvă are &.#țPo ta electronicăș

    • 3ctivitatea de 5nvă are &.&țervicii 2nternet

    • Tema * – ite%uri >e4   • 6i a *.# – @im4aAul deș

    marcare "T;@. 7ditoare de"T;@.

  • 8/16/2019 Crearea site-uri -partea 1.doc

    5/54

    Co*petenţa 9Re:ultatul în'(ţ(rii

    "e*e Ele*ente co*ponent

    • 3ctivitatea de 5nvă areț*.#.# 7ditoare "T;@

    • 3ctivitatea de 5nvă areț*.#.& "?!er Te+t ;aru!@an1ua1e

    • 6i a *.& – 7ditoare deș;@. @im4aAul de marcare;@.

    • 3ctivitatea de 5nvă areț*.&.# ;@7+tensi4ile;aru! @an1ua1eE

    • 3ctivitatea de 5nvă areț*.&.& 7lementecom!onente ale unuidocument ;@

    • 3ctivitatea de 5nvă areț*.&.* Ti!uri de marcaAefolosite 5ntr%un document

    ;@• 6i a *.* % Pa1ini statice iș ș

    !a1ini dinamice

    • 3ctivitatea de 5nvă areț*.*.#. Pa1ini statice. Pa1inidinamice

    • 6i a *.- % ;odel orientatș!entru documente D8;

    • 3ctivitatea de 5nvăţare*.-.# ;odelul orientat –o4iect !entru documenteD8;

    • 3ctivitatea de 5nvăţare*.-.& 3r4orele de noduri%o4iect asociat unuidocument "T;@

  • 8/16/2019 Crearea site-uri -partea 1.doc

    6/54

     34solvenţii nivelului * avansat' şcoală !ostliceală' s!ecialitatea nali,t ) prora*ator 'tre4uie să fie ca!a4ili să utilizeze tehnolo1iile informatice i ale comunicării !entrușconce!erea' !roiectarea' ela4orarea' testarea' im!lementarea i dezvoltarea sistemelor șinformatice' a !ro1ramelor i a documenta iei tehnice aferente.ș ț

    B

  • 8/16/2019 Crearea site-uri -partea 1.doc

    7/54

    !! Re,ur,ePrezentul material de 5nvă are cu!rinde diferite ti!uri de resurse care !ot fi folositeț

    de elevi<

    % fise de documentare

    % activită i de 5nvă areț ț

    7levii !ot folosi atât materialul !rezent in forma !rintataE cat si varianta echivalentaonline.

    7

  • 8/16/2019 Crearea site-uri -partea 1.doc

    8/54

    Tema 1. No iuni fundamentale WWW ț 

    Fi8a de docu*entare 1 .o iuni funda*entale $$$țInternet %ul este o reţea de reţele FnetF 5nsemnând 5n lim4a en1leză FreţeaFE. Cea maimare intereţea !u4lică reţea de reţele de calculatoare cu acces !u4licE este reţeaua

    2nternet.Princi!ala atracţie a 2nternetului o re!rezintă >orld >ide >e4%ul. 3cesta a constituit!artea cu dezvoltarea cea mai ra!idă şi cea mai !o!ulară a 2nternetului. Din !unct devedere tehnic >e4%ul' nu este decât o com!onentă' care !ermite navi1area !rin2nternet.Internetul func ionează pe baza modelului client/server, adică un calculator client seț conectează la un calculator server pe care eistă informa iile, serverul fiind unț calculator mult mai puternic 

      C!"!"! 

      "#$%&'$

    :n >e4 server este un !ro1ram care furnizează !a1ini >e4 la cerere. Când unutilizator solicită un anumit fişier' serverul >e4 5ncearcă să o4ţină acel fişier şi să%ltrimită 5na!oi utilizatorului. Cone+iunile la serverele de >e4 se sta4ilesc !e măsură cesunt necesare.

    Bro=serele =e4 sunt !ro1rame client folosite !entru a accesa site%uri şi !a1ini>e4. arcina unui 4ro=ser este de a !rocesa !a1inile >e4 !rimite şi de a le !rezentautilizatorului.

    Protocolul care descrie cererile i răs!unsurile !ermise !rotocolul de transfer standardEșutilizat de >e4 este "TTP % "?!erTe+t Transfer Protocol % !rotocol de transfer !entruhi!erte+t.

    6urnizorii de servicii 2nternet  sunt numiţi 2P2nternet ervice ProviderE. :n 2Peste o firmă sau or1anizaţie care oferă acces la 2nternet şi servicii cone+e. erviciile

    oferite !ot fi servicii de tranzit 2nternet' 5nre1istrare nume domeniu' colocaţie. 3ccesul la2nternet !oate fi !e linie comutată  dial%u!E' acces !rin linie 5nchiriată' ca4lu' telefon2DN' 3D@E' radio' satelit etc. În 1eneral un 2P facturează un a4onament lunar' iar consumatorul !oate utiliza 2nternetul 5n mod nelimitat' dar cu viteză varia4ilă.

    "?!erTe+t este un document con inând !or iuni de te+t care se conectează cu alteț țdocumente. 3ceste cuvinte se numesc FlinF % le1ături i au calitatea de a !utea fișselectate de utilizator.

    Documente hi!erte+t sunt create cu aAutorul "?!erTe+t ;aru! @an1ua1e "T;@E %lim4aA de marcare hi!erte+t. Prin intermediul "T;@ se !oate sta4ili dimensiunea

    W6(

    %6R6R 

    W6(

    (R?W%6R 

    http://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/w/index.php?title=Tranzit_internet&action=edit&redlink=1http://ro.wikipedia.org/w/index.php?title=Nume_domeniu&action=edit&redlink=1http://ro.wikipedia.org/w/index.php?title=Coloca%C5%A3ie&action=edit&redlink=1http://ro.wikipedia.org/w/index.php?title=Coloca%C5%A3ie&action=edit&redlink=1http://ro.wikipedia.org/wiki/Linie_comutat%C4%83http://ro.wikipedia.org/w/index.php?title=Linie_%C3%AEnchiriat%C4%83&action=edit&redlink=1http://ro.wikipedia.org/wiki/ISDNhttp://ro.wikipedia.org/w/index.php?title=ADSL&action=edit&redlink=1http://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/w/index.php?title=Tranzit_internet&action=edit&redlink=1http://ro.wikipedia.org/w/index.php?title=Nume_domeniu&action=edit&redlink=1http://ro.wikipedia.org/w/index.php?title=Coloca%C5%A3ie&action=edit&redlink=1http://ro.wikipedia.org/wiki/Linie_comutat%C4%83http://ro.wikipedia.org/w/index.php?title=Linie_%C3%AEnchiriat%C4%83&action=edit&redlink=1http://ro.wikipedia.org/wiki/ISDNhttp://ro.wikipedia.org/w/index.php?title=ADSL&action=edit&redlink=1

  • 8/16/2019 Crearea site-uri -partea 1.doc

    9/54

    caracterelor de scriere' modul de scrieree4 şi !a1inile >e4 este :9@%ul.6iecare !a1ină din >orld >ide >e4 are o adresă care este introdusă 5n 4ro=ser !entrua%i indica acestuia să 5ncarce !a1ina res!ectivă.

     3dresa unei !a1ini >e4 se nume te :niform 9esource @ocator :9@E.:n :9@șare următoarea forma % protocol+99o,t+port9cale9nu*e;fi ierș Du!ă cum se o4servă:9@ este constituit din<

    Protocol – !rotocolul care va fi folosit !entru a o4ţine o4iectul. De o4icei acesta estehtt! !entru o4iecte din >orld >ide >e4. Dacă !rotocolul este s!ecificat' atunci acestatre4uie urmat de semneleG

  • 8/16/2019 Crearea site-uri -partea 1.doc

    10/54

    Activitatea de învăţare 1.1 Client – server, ISP

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il săe4 erver 

    >e4 Bro=ser

    1'

    http://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/wiki/Internet

  • 8/16/2019 Crearea site-uri -partea 1.doc

    11/54

    2P

    Activitatea de învăţare 1.2 Browsere Web

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+a sfDr itul acestei activit i vei fi ca,a*il sEș ț

    % identifici diferite *ro)sere de Internet

    % utiliCeCi diferite *ro)sere de Internet

    % cuno ti elementele de interfa a *ro)serelor de Internetș ț

    Durata+ #, minute

    "ipul acti'it(ţii+ Co*pilarea

    Sue,tii+

    %  elevii se !ot or1aniza in 1ru!e mici & – * eleviE sau !ot lucra individual

    Sarcina de lucru+

    1 6olosind surse diferite internet' reviste de s!ecialitate' etcE o4tineti informatiides!re * 4ro=sere de 2nternet' !icto1ramele lor' !recum si elementele deinterfa ă s!ecifice acestora. Prezenta i rezultatul su4 forma de ta4el' du!ăț țmodelul următor<

    Denumire4ro=ser 

    Picto1ramăaferentă4ro=ser%ului

    7lemente de interfa ăț

    2 Ce 4ro=ser de 2nternet a i ale1e !entru calculatorul dumneavoastrăJ crie iț țmotivele ale1erii.

    E'aluare+

    #! !entru fiecare denumire de 4ro=ser i !icto1ramăș

    &! !entru listarea a cel !u in * elemente de interfa ăț ț

    11

  • 8/16/2019 Crearea site-uri -partea 1.doc

    12/54

    &! !entru ar1umentarea ale1erii unui 4ro=ser 

    #! oficiu

    Activitatea de învăţare 1.3 Concet!l "#er$e%t

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    13/54

    Activitatea de învăţare 1.& '()

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il săefine ti corect no iunea de 0Rș ț

    % Recuno ti elementele com,onente ale 0Rș

    % %crii corect un 0R

    Durata+ #, minute

    "ipul acti'it(ţii+ Diara*a p(ian=en

    Sue,tii+

    %  elevii se !ot or1aniza in 1ru!e mici & – * eleviE sau !ot lucra individual

    Sarcina de lucru+ 6olosind surse diferite internet' manual' reviste de s!ecialitate'caietul de noti e etcE o4 ine i informa ii des!re elementele com!onente ale :9@ iț ț ț ț șor1aniza i%le du!ă modelul următor. Da i e+em!le de :9@%uri.ț ț

    E'aluare+

    PunctaAul se acordă 5n func ie de numărul de informa ii im!ortante furnizate.ț ț

    1+

    0R

    &at=

    &rotocol

    -ost

    &ort

    File

  • 8/16/2019 Crearea site-uri -partea 1.doc

    14/54

    Tema . !acilită i i servicii Internet ț ș

    Fi8a de docu*entare 2 Facilit( i i ,er'icii !nternetț ș2nternetul este sursa ine!uiza4ilă de informa ii din cele mai diverse domenii' !ermitețaccesul la arhive informa ionale din 5ntrea1a lume' oferă !osi4ilită i nelimitate de aț ț

    sta4ili rela ii diverse 5ntre oameni' 1ru!uri' firme sau 1uverneț

    2nternetul realizează conectarea a milioane de calculatoare< calculatoare1uvernamentale i ale institu iilor din 5ntrea1a lumeK ale universită ilor i colilor dinș ț ț ș ș 5ntrea1a lumeK sisteme de calcul ale marilor cor!ora ii ;icrosoft' 2B;' Di1ital etc.EKțsisteme de calcul ale unor or1aniza ii tiin ifice' culturale' socialeKCalculatoare aleț ș țmarilor a1en ii de !resa i de televiziuneK ale marilor edituriKț ș

    7ste !osi4il schim4ul ra!id i comod de informa ii !rin asi1urarea unor serviciiș țs!ecializate !recum e%mail !osta electronicaE' transfer de fi iere cu !rotocolul ft!'ștransferul vocilor i al ima1inilor' !osi4ilită i de divertisment' !osi4ilită i deose4ite !entruș ț ț

    educa ie' 5nvă ământ i !erfec ionare !rofesională.ț ț ș ț

    6urnizorul de servicii 2nternet oferă !e lân1ă le1ătura fizică i o mare varietate serviciiș2nternet. 3stfel ' utilizatorii !ot 4eneficia de < !o ta electronică ' transfer de fi iere'ș șemularea de terminal ' servere de informa ii ' videoconferin e etc. .ț ț

    erviciile oferite de 2nternet !ot fi 1ru!ate 5n următoarele cate1orii <

    • ervicii de comunicare K

    • ervicii de informare K

    • ervicii comerciale K

    • Cultură i turism virtual Kș

    •  Învă ământ % cercetare Kț

    • ervicii de recreereK

    • Transfer de fi iere .ș

     În cele ce urmează sunt !rezentate câteva dintre aceste facilită i i servicii oferite deț ș2nternet.

    Posta electronica e%mailE re!rezintă cel mai răs!ândit şi mai vechi serviciu !e2nternet' ce !ermite comunica ia 5ntre utilizatori' !rin !rimirea şi transmiterea de mesaAețde la H către o !ersoană care deţine un cont de e%mail.

    6ormatul adresei de e%mail este< numeLutilizator0numeLhost

    Pentru a transmite un e%mail e necesar !e de o !arte' cunoa terea adresei de e%mail așdestinatarului' iar !e de altă !arte' tre4uie să e+iste un !ro1ram de transmitere e%mail.

    14

    mailto:nume_utilizator@nume_hostmailto:nume_utilizator@nume_host

  • 8/16/2019 Crearea site-uri -partea 1.doc

    15/54

    :n mesaA de e%mail e format din trei !ăr i

  • 8/16/2019 Crearea site-uri -partea 1.doc

    16/54

     3ceste inconveniente se diminuează !rin utilizarea 6TP. erviciul 6TP se folose teșatunci când <

    • se transferă upload E !entru !rima dată fişierele unui site la o 1azdă =e4K

    • se 5nlocuieşte un fişier sau o ima1ineK

    • se 5ncarcă do)nload E fişiere de !e un alt com!uterK

    • se !ermite accesul unei alte !ersoane !entru a 5ncărca un fişier dintr%un anumitsiteK

    • se dore te accesarea unei documentaţii sau unui anumit !ro1ram care e+istă !eșun host !e 2nternet şi care !une informa ia res!ectiva la dis!oziţieKț

    • se dore te stocarea datelor !e un alt calculator.ș

    Pentru utilizarea serviciului 6TP tre4uie utilizat un !ro1ram s!ecializat' numit client 6TP4ro=ser 6TPE. 3ceste !ro1rame !ot fi cu interfa ă 1rafică sau 5n mod te+t' cu linie dețcomandă.

    Clienţii 6TP cu interfa ă 1rafică rulează aceste a!lica ii su4 >indo=s' având facilită iț ț țevidente de lucru' toate o!eraţiile decur1ând analo1 cu cele folosite !entru transferul defişiere !e acelaşi calculator' dintr%un director 5n altul. :tilizatorii 5n mod te+t folosesccomenzi standard' 1en D8 sau :ni+.

    erviciul T7@N7T Terminal 7mulationE este un serviciu care !ermite conectareautilizatorului la un alt calculator' !entru transmiterea sau rece! ionarea unor mesaAe.țTelnet !ermite cone+iunea la un calculator aflat 5n re eaua 2nternet' !e 4aza unui cont iț șa unei !arole' !utându%se astfel folosi resursele acelui calculator.

    Du!ă conectarea la celalalt calculator' sta ia de lucru !ro!rie !oate rula 5n modul dețlucru Command mode' ceea ce 5nseamnă ca se derulează o sesiune interactivănormală' cu !osi4ilitatea conectării la sistem' introducerea i e+ecutarea de comenzi iș șdeconectarea de la sistem' sau !oate rula 5n modul de lucru in!ut mode' cea ce 5nsemnă !osi4ilitatea utilizării serviciilor !e care acel calculator le !une la dis!ozi iețterminalelor conectate.

    erviciul cel mai cunoscut al 2nternetului 5l re!rezintă >orld >ide >e4 >>>E'!rescurtat >e4. 7ste un serviciu de informare !e 2nternet' cu!rinzând o lar1ă colecţiede documente multimedia' 5ntr%o e+tindere !ermanentă' care 5m4ină te+tul' sunetul'ima1inea' la care se adău1a re ele de calculatoare omo1ene sau etero1ene.ț

    Prin e*learnin+  se 5n ele1e totalitatea situa iilor educa ionale 5n care se utilizeazăț ț țsemnificativ miAloacele tehnolo1iei informa iei i comunicării. Termenul a fost e+tins de laț ș

    sensul de 5nvă are !rin miAloace electronice' la ac iuni educative cu miAloaceleț ținformatice moderne. Conce!tul e%learnin1 cu!rinde activită i didactice ce !ot 4eneficiaț

    1B

  • 8/16/2019 Crearea site-uri -partea 1.doc

    17/54

    de su!ort tehnolo1ic< instruire asistatăH mediată de calculator' di1italH mo4ileH onlinelearnin1H education' instruire !rin multimedia etc.

    Pentru a s!riAini !rocesul de educa ie sunt ela4orate materiale electronice< hăr i'ț țdic ionare' enciclo!edii' filme didactice' !rezentări 5n diverse formate' căr i e%4oosE'ț țdic ionare on%line' teste' tutoriale' simulări soft=are ce formează a4ilita i' soft=are deț ț

    e+ersare' Aocuri didactice etc. – cunoscute su4 denumirea soft=are didacticHeduca ionalț

    Com!uterul i materialele electroniceH multimedia sunt utilizate ca su!ort 5n !redare'ș 5nvă are' evaluare sau ca miAloc de comunicare. 7%ț learnin+ !oate fi un ti! de educa ie lațdistan ă' ca e+!erien ă !lanificată de !redare%5nvă are or1anizată de o institu ie ceț ț ț țfurnizează imediat materiale 5ntr%o ordine secven ială i lo1ică !entru a fi asimilate deț șstuden i 5n manieră !ro!rie.ț

    2nternetul este mediul de distri4u ie al materialelor i 5n acela i tim! canalul deț ș școmunicare 5ntre cei im!lica i. În !rezent doar la nivelul 5nvă ământului su!erior i 5nț ț ș

    educa ia adul ilor' sistemul de instruire !rin 2nternet ada!tează com!onenteleț țdemersului didactic tradi ional.ț

      :n lo  )eb lo+ Aurnal !e 2nternetE este o !u4licaţie =e4 ce conţine articole!eriodice sau cu actualizare ne5ntreru!tă' cu caracter !ersonal. 3ctualizarea 4lo1urilor constă 5n adău1iri de te+te noi' asemenea unui Aurnal' toate materialele adău1ate fiindafişate 5n ordine cronolo1ică inversă. 3cestea sunt accesi4ile !u4licului lar1. @a 5nce!ut4lo1urile erau actualizate manual. În !rezent e+istă !ro1rame şi metode careautomatizează acest !roces. Platforme !entru 4lo1uri< >ord!ress cea mai cunoscută

    şi folosită !latformă de 4lo11in1E' Blo11e

    co!ul 4lo1urilor !oate fi de la Aurnale !ersonale şi !ână la arme !u4licitare alecam!aniilor !olitice' ale !ro1ramelor media sau ale diferitelor com!anii comerciale.;ulte 4lo1uri !ermit vizitatorilor să scrie comentarii' care sunt !u4lice' creându%se ocomunitate de cititori centrată 5n Aurul 4lo1ului. Totalitatea 4lo1urilor şi a autorilor de4lo1uri a fost denumită 4lo1osferă.

    Chatul este un serviciu oferit de 2nternet care facilitează comunicarea scrisă sau

    ver4ală 5ntre două sau mai multe !ersoane aflate 5n loca ii diferite i care au acces laț ș

    2nternet. Discu iile se desfă oară 5ntr%o Fcamera de discu iiF virtuala' unde !artici!an iiț ș ț țse 5ntâlnesc e+clusiv !entru a dialo1a. Termenul de canal de comunica ie sau canal'țeste echivalent cu FcameraF virtuala.

    Canalele sunt deschise !e servere de chat s!onsorizate i 1ăzduite 5n 1eneral deșfurnizorii mari de internet. erverele de chat se interconectează formând re ele virtualețPentru a !utea accesa o re ea de chat este nevoie' !e lân1ă accesul !ro!riu%zis laț2nternet' de un !ro1ram s!ecial numit 5n 1enere client de chat cum ar fi m29C' 2CO'etc.E care sa tie sa realizeze comunica ia 5ntre calculatorul !ro!riu i serverulHre eauaș ț ș țde chat.

    17

    http://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/w/index.php?title=Blogosfer%C4%83&action=edit&redlink=1http://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/w/index.php?title=Blogosfer%C4%83&action=edit&redlink=1

  • 8/16/2019 Crearea site-uri -partea 1.doc

    18/54

    6orumul este o comunitate de oameni care se adună să discute !ro4leme de zi cuzi sau !ro4leme le1ate de 2nternet. 5n 1eneral se 5ncearcă crearea unei comunită i carețsă dez4ată un anumit as!ect al vie ii cotidiene. Pentru a deveni mem4ru al unui forumțtre4uie să se !arcur1ă următorii !a i

  • 8/16/2019 Crearea site-uri -partea 1.doc

    19/54

    8 videoconferinţă cu mai mulţi !artici!anţi am!lasaţi 5n mai mult de două locaţii !oartădenumirea de conferinţă multipunct . 3cest ti! de videoconferinţă necesită unechi!ament de reţea s!ecializat' numit ultipoint Conferencin+ &nit ;C:E.

    erviciile de audioHvideo !e 2nternet sunt a!lica ii care !ermit realizarea unor le1ăturițaudio sau video 5ntre doi sau mai mul i utilizatori. Tre4uie ca utilizatorii să dis!ună deț

    echi!ament hard=are i soft=are adecvat' 5nsă costurile de comunica ie vor fi maiș țreduse' 5n com!ara ie cu celelalte miAloace de transmitere !entru astfel de comunica ii.ț țCel mai răs!ândit este serviciul de telefonie !rin 2nternet' !resu!une ca echi!amenthard=are un microfon conectat la calculator i soft=are s!ecific. 3cesta este ?!e.șCosturile sunt reduse la costul cone+iunii 5ntre utilizator i 2P.ș

    >ii este o a!licaţie =e4 ce !ermite utilizatorilor să adau1e conţinut şi să!ăstreze !ro!riile lor versiuni succesive' la fel ca !e un forum 2nternet' dar !ermite şioricui altcuiva să editeze conţinutul. 7ste o unealtă de cola4orare on%line' o 4ază dedate edita4ilă on%line. 

    5odalit!i de între*uin!are a unui =ii <• s!aţiu !entru comunităţi de cercetare sau !ractică• or1anizarea de evenimente conferinţe' concursuri'• 4rainstormin1 individual şi colectivK• creaţie artistică colectivă carte' film' !iesă de teatruEK• !latformă !entru desfăşurarea unui curs academic• instrument !entru adnotări !ersonale 5n mod asemănător unui =e4lo1• sistem de 1estionare cola4orativă a cunoştinţelor 

    8 reţea socială este o hartă a relaţiilor dintre indivizi' ce indică modurile 5n caresunt ei conectaţi !rin diverse 1rade de familiaritate socială' !ornind de la cunoştinţe 5ntâm!lătoare' !ână la le1ături familiale !uternice. 8 reţea socială !e 2nternet este unsite unde utilizatorul 5 i !oate edita un !rofil cu cele mai relevante informa ii des!re el'ș țconstruindu% i 5n tim! o re ea din care vor face !arte !rietenii săi dinainte de intrarea 5nș țcomunitatea online sau noii !rieteni cunoscu i !rin intermediul 2nternetului.ț

    Prin reţea socială !e 2nternet mai !utem 5nţele1e şi cate1oria de a!licaţii on%line careaAută la conectarea !rietenilor' a !artenerilor de afaceri sau a 1ru!urilor de interese.

    Comer ul electronic 5nre1istrează un ritm de dezvoltare deose4it de dinamic'țelimină stresul cauzat de a1lomera ie i li!sa tim!ului' clientul ma1azinelor virtuale areț ș!osi4ilitatea de a ale1e dintr%o mare varietate de !roduse la !returi similare celor !racticate 5n maret%urile clasice.

    F3menaAareaF unui ma1azin virtual este mai !u in costisitoare' !ro1ramul este non%sto!'țcosturile de 5ntre inere sunt mult mai reduse iar aria de aco!erire este !racticețnelimitata' livrarea !roduselor făcându%se !rin intermediul serviciilor de curierat.

    Comer ul electronic facilitează i coo!erarea 5ntre firme. 9educe costurile de maretin1ț ș

    i de livrare' sus ine strate1ia de maretin1 a firmei i oferă acces !e noi !ie e. 5n viitorulș ț ș ța!ro!iat' comer ul electronic va avea un im!act !uternic asu!ra com!etitivită ii firmelor.ț ț

    19

    http://ro.wikipedia.org/wiki/Webhttp://ro.wikipedia.org/wiki/Forumhttp://ro.wikipedia.org/wiki/Internethttp://ro.wikipedia.org/wiki/Webhttp://ro.wikipedia.org/wiki/Forumhttp://ro.wikipedia.org/wiki/Internet

  • 8/16/2019 Crearea site-uri -partea 1.doc

    20/54

    Comer ul electronic nu este restric ionat de frontierele statelor dar de!inde de e+istentaț țsau ine+istenta re elelor de com!utere.ț

    :n ma1azin electronic este o !a1ina de 2nternet care 5ntrune te minim următoareleșcondi ii

  • 8/16/2019 Crearea site-uri -partea 1.doc

    21/54

    Activitatea de învăţare 2.1 Po ta electronicăș

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    22/54

    Activitatea de învăţare 2.2 Servicii Internet

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    a sfDr itul acestei activit i vei fi ca,a*il sEș ț

    % identifici diferite servicii de Internet

    % utiliCeCi diferite servicii de Internet

    % cuno ti elementele de interfa a serviciilor de Internetș ț

    Durata+ *$ minute

    "ipul acti'it(ţii+ Co*pilarea

    Sue,tii+

    %  elevii se !ot or1aniza in 1ru!e mici & – * eleviE sau !ot lucra individual

    Sarcina de lucru+

    6olosind surse diferite internet' reviste de s!ecialitate' etcE o4tineti informatii des!reserviciile de 2nternet din ta4elul de mai Aos. Prezenta i rezultatul su4 forma de ta4el'țdu!ă modelul următor<

    Denumireserviciu2nternet

    co! ;od de utilizare

     6TP

    >orld >ide>e4

    7%learnin1

    Blo1

    Chatul

    6orumul

    ;esa1eriainstantistemele devideoconferinţă

    22

  • 8/16/2019 Crearea site-uri -partea 1.doc

    23/54

    >ii

    9eţea socială

    Comer ulțelectronic

    2+

  • 8/16/2019 Crearea site-uri -partea 1.doc

    24/54

    Tema ". #ite$uri We%

    Fi8a de docu*entare 31 - #i*a=e de *arcare >" Editoare de >"

    "T;@ este !rescurtarea de la "?!erte+t ;aru! @an1ua1e' ceea ce re!rezintă de fa!t

    lim4aAul !e care 4ro=serele de 2nternet 5l 5n ele1 i cu aAutorul lui !ot fi afi ate !a1inileț ș ș=e4. @im4aAul "T;@ oferă !roiectanţilor de !a1ini >e4 următoarele !osi4ilităţi<

    #. ă !u4lice documente cu headere' te+te' ta4ele' liste' foto1rafii' etcK

    &. ă re1ăsească on%line informa iile !rin intermediul hi!erlin%urilor !rintr%unțsim!lu clic de ;ouseK

    *. ă !roiecteze formulare !entru realizarea tranzacţiilor cu servere' !entrucăutări de informa ii sau !entru activităţi s!ecifice comerţuluiKț

    -. ă includă foi de calcul ta4elar' cli!uri video' sunete şi alte a!licaţii direct 5ndocumente.

    7ditoarele "T;@ !ot fi< editoare clasice i editoare de ti!ul >Q2>QM >hat Qou ee 2sș>hat Qou Met % ceea ce vezi este ceea ce o4 iiE. @a cea de a doua cate1orie de editoareț"T;@' utilizatorii se ocu!ă decât de !artea 1rafica' de a ezarea 5n !a1ina etc.' scriereașcodului "T;@ rămânând 5n seama acestor !ro1rame.@im4aAului "T;@ următoarele avantaAe<

    R este foarte sim!lu i nu necesită mult tim!ș

    R oferă controlul a4solut asu!ra realizării !a1inii =e4R !o i folosi 5n cadrul !a1inilor secven e de cod "T;@ F5m!rumutateF de la alte !a1iniț ț=e4

    7+istă diferite ti!uri de editoare "T;@< te+t' o4iect şi >Q2>QM >hat Qou ee 2s >hatQou MetE.

    7ditoarele de te+t sursăE folosite !entru "T;@ oferă de o4icei !osi4ilitateaevidenţierii sinta+ei. 7ditoarele de te+t "T;@ includ de o4icei funcţiuni inte1rate sau

    inte1rarea cu instrumente e+terne !entru sarcini !recum sursa şi controlul versiunii'verificare linuri' verificare cod şi validare' curăţire cod şi formatare' verificare1ramatică' 5ncărcare !rin 6TP sau >e4D3S' şi structurare ca un !roiect. 7ditoarele dete+t necesită 5nţele1erea de către utilizator a "T;@ şi a oricărei alte tehnolo1ii =e4 !ecare desi1nerul vrea să o folosească' !recum C' avacri!t şi lim4aAe scri!tin1!entru server.

    7ditoare de o4iecte % !ermit editarea alternativă a te+tului sursă al o4iectului 5ntr%un mod vizual mai or1anizat decât sim!la evidenţiere !rin colorare' dar fără >Q2>QM.

    :nele editoare >Q2>QM includ o!ţiunea de folosire a ferestrei de !aletă care !ermiteeditarea !arametrilor !e 4ază de te+t ai o4iectelor selectate.

    24

  • 8/16/2019 Crearea site-uri -partea 1.doc

    25/54

    7ditoarele "T;@ >Q2>QM oferă o interfa ă de editare care arată cum va fi afişatăț!a1ina 5ntr%un 4ro=ser =e4. :nele editoare' !recum cele su4 forma e+tensiilor de4ro=ser' !ermit editarea 5ntr%un 4ro=ser =e4. Întrucât folosirea unui editor >Q2>QMnu necesită cunoştinţe "T;@' sunt uşor de folosit de un utilizator mediu de calculator.

    7ditoare >Q2>Q; % >hat Qou ee 2s >hat Qou ean >Q2>Q;E este oalternativă la editoarele >Q2>QM . În loc să se focalizeze !e formatul  !rezentăriidocumentului' !rezervă sensul intenţional al fiecărui element.

    -T.  - ?!er T e+t  aru! .an1ua1e este lim4aAul de 4ază al >>> şi constădintr%un set standard de coduri care s!ecifică 5n ce mod documentele vor fi afişate !eecran de către navi1atoare.

    Caracteristica im!ortantă a lim4aAului este  portabilitatea' adică orice document sursă

    "T;@ va arăta identic !e orice ti! de calculator şi 5n orice sistem de o!erare' sarcinainter!retării sale revenind diverselor navi1atoare.

    8rice document "T;@ 5nce!e cu marcaAul ta1%ulE ?t*l@ şi se termină cu marcaAulta1%ulE ?9t*l@ :n marcaA !oate avea unul sau mai multe atri4ute care se s!ecifică!rin !erechi de forma< nu*eAB'aloareB. e recomandă ca valorile atri4utelor să fie!lasate 5ntre 1hilimele F FE. ;arcaAele dintre aceste !aranteze un1hiulare transmitcomenzi către 4ro=ser !entru a afişa !a1ina 5ntr%un anumit mod.

    :n document "T;@ con ine două ti!uri de eticheteta1%uriEț  <

    De ti! !ereche' cu un ta1 ce delimitează 5nce!utul 4locului i un ta1 ceșdelimitează sfâr itul 4locului UhtmlV UHhtmlVEș

    • in1ulare U4rVE

     Între cele doua marcaAe UhtmlV şi UHhtmlV a!ar două secţiuniK

    #. ecţiunea de antet delimitată de marcaAele

    ?ead@  T7T ?9ead@

    &. Cor!ul documentului care este delimitat de marcaAele

     ?od@  C89P:@ T7T:@:2 ?9od@.

    :n marcaA !oate fi scris atât cu litere mici' cât şi cu litere mari. Deci lim4aAul "T;@ nueste C37 – sensitiv.

    tructura de 4ază a unui document "T;@ este<

    UhtmlV

    UheadV

    2nformaţia

    2

  • 8/16/2019 Crearea site-uri -partea 1.doc

    26/54

    UHheadV

    U4od?V

    Cor!ul fişierului

    UH4od?V

    UHhtmlV

    2B

  • 8/16/2019 Crearea site-uri -partea 1.doc

    27/54

    Activitatea de învăţare 3.1.1 *ditoare "$+)

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    a sfDr itul acestei activit i vei fi ca,a*il sEș ț

    % identifici diferite ti,uri de editoare -T5

    % cuno ti facilit!ile diferitelor ti,uri de editoare -T5ș

    % alei corect un editor -T5

    Durata+ #, minute

    "ipul acti'it(ţii+ ,e*(n(ri ,i diferenţe

    Sue,tii+

    %  elevii se !ot or1aniza in 1ru!e mici & – * eleviE sau !ot lucra individual

    Sarcina de lucru+

    6olosind internetul' ziare' reviste' adunaţi informaţii des!re diferite ti!uri de editoare"T;@< te+t' o4iect şi >Q2>QM >hat Qou ee 2s >hat Qou MetE' evidenţiindasemănările şi diferenţele.

    27

  • 8/16/2019 Crearea site-uri -partea 1.doc

    28/54

    Activitatea de învăţare 3.1.2 "#er $e%t +ar! )an-!a-e

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il săefini!ie Ti!uri deta1%uri

    0tiliCare"aracteristici

    %tructura

    document -T5

  • 8/16/2019 Crearea site-uri -partea 1.doc

    29/54

    Fi8a de docu*entare 32 - Editoare #i*a=ul de *arcare

    ;@7+tensi4ile ;aru! @an1ua1eE a fost !roiectat !entru a adău1a noi facilităţitehnolo1iilor >e4 e+istente.

    "T;@ este un lim4aA maru! sin1ular' !roiectat !entru satisfacerea unor anumitecerinţe. ;@ este o familie de lim4aAe maru!< !ornind de la ;@7+tensi4ile ;aru!@an1ua1eE utilizatorul !oate defini alte lim4aAe maru!.

    Tehnolo1iile ;@ şi "T;@ "?!erTe+t ;aru! @an1ua1eE sunt com!let diferite. "T;@%ul!oate fi utilizat !e multe !latforme' foarte 4un 5n a e+!une informaţii' 5nsă "T;@%ul nueste la fel de 4un 5n a le descrie. De aceea s%a aAuns la ;@< o metodă universală!entru a re!rezenta' descrie informaţii. ;@ este o tehnolo1ie com!lementară a "T;@%ului.

    :n sistem ;@ este com!us din !atru !ărţi 1enerale< docu*entul 'definiţia tipului de docu*ent GD"D A Docu*ent "pe DefinitionH ' anali:orul 'şi o !arte unică' aplicaţia . 3cestea !ot fi numite conţinut' definiţia structurii'analizor şi a!licaţia.

    Datele !e care le !rocesează un sistem ;@ sunt cele !use la dis!oziţie de documentul;@ 5n care sunt descrise informaţiile folosindu%se sinta+a ;@. Pentru a se asi1urafa!tul că informaţia este re!rezentată conform sinta+ei ;@' documentul este rulat decătre un !rocesor ;@ numit analizor ;@ care verifică corectitudinea sintactică şi

    returnează structura informaţiei 5n memorie. 9e!rezentarea returnată va fi dis!oni4ilăa!licaţiei ;@.

    Dacă dorim ca informaţiile dintr%un document să fie s!ecificate 5ntr%un anumit mod'atunci 5i vom ataşa documentului un DTD Document T?!e DefinitionE. DTD%ul conţinede fa!t un set de re1uli !rin care se s!ecifică modul 5n care dorim să fie structuratăinformaţia din document.

    Dacă se doreşte' analizorul ;@ !oate verifica şi corectitudinea structurală a unuidocument ;@. :n analizor citeşte informaţiile din documentul ;@ şi le facedis!oni4ile a!licaţiei ;@. 6iecare analizor are !ro!riile sale !articularităţi. 3le1erea

    unui anumit analizor este im!ortantă şi de!inde mai ales de lim4aAul 5n care va fi scrisăa!licaţia ;@.

    29

    >?"056NT:5

    A&I"A IAȚ

    :5

    ANAIG?R

    :5

    :5 >T>

  • 8/16/2019 Crearea site-uri -partea 1.doc

    30/54

    Ele*entele ,pecifice li*a=ului

    • 6i ierul !ro!riu%zis ;@ % care include setul de etichete si informa iile care suntș ț

    transmise !rin intermediul acestuia

    •  Declara ia re1ulilor de validare şi a ti!urilor de date incluse 5n document % realizateț!rin intermediul lim4aAului DTD Data T?!e DeclarationE. Prin intermediul lim4aAuluiDTD se va defini setul de etichete utilizat 5n marcarea documentului' !recum şire1ulile de validare a datelor incluse 5n document.

    • Particularizarea modului 5n care vor fi afişate informaţiile din fişierul ;@ 5n 4ro=ser  – cu aAutorul foile de stil @. 6oile de stil au un rol similar cu al declaraţiilor deformatare din fişierele C Cascadin1 t?le heetE.

    Docu*ente

    :n document ;@ este format din *arca=e ta1%uriE şi date caracter.

    :n marcaA este un şir de caractere delimitat de caracterele IUG şi IVG. Datelecaracter re!rezintă conţinutul marcaAelor.

    :n document ;@ !oate fi 5m!ărţit 5n trei secţiuni 1enerale de colecţii de marcaAe<

    #. Prolo1

    &. Declaraţia ti!ului de document

    *. 7lementul rădăcină

    6iecare dintre aceste secţiuni !oate fi mai de!arte 5m!ărţită 5n structuri maidetaliate' ca 5n următoarea schemă<

    +'

    &rolo

    "omentarii

    Instruc iuni de ,rocesareț

    >ocument :5

    6lement rdcin

    "omentariiInstruc iuni de ,rocesareț6lemente

    Referin e la entit iț ț%ec iuni ">ATAț

    >eclara ia ti,ului de documentț"omentarii

    Instruc iuni de ,rocesareț>efini iiE elemente$ atri*ute$ entit iț ț

  • 8/16/2019 Crearea site-uri -partea 1.doc

    31/54

    Documentele ;@ tre4uie să satisfacă următoarele re1uli<

    • @a 5nce!utul documentului se !lasează declaraţia ;@' 5n care se indicălim4aAul de marcare' versiunea luiK

    • 6iecare ta1 5nce!ător' ce defineşte o zonă de date 5n document' o4li1atoriutre4uie să ai4ă !erechea sa de ta1 care 5nchide declaraţia

    •  În ;@ se ia 5n consideraţie re1istrul sim4olurilor 

    • Salorile atri4utelor' ce se folosesc la definirea ta1%urilor' tre4uie să fie incluse 5n 1hilimeleK

    • Tre4uie res!ectată consecutivitatea ta1%urilor şi includerea unora 5n altele

    • 2nforma ia conţinută 5ntre ta1%ul de 5nce!ut şi sfâr it' 5n ;@ este luată 5nț șconsiderare inclusive s!aţiile' trecerea rândurilor' ta4ulareaE.

    !re deose4ire de "T;@' ;@ este mai strict 5n ceea ce !riveşte sinta+a<

    • s!re deose4ire de "T;@' ;@ este case sensitive.

    • fiecare ta1 deschis tre4uie 5nchis

    • Primul ta1 deschis tre4uie să fie ultimul care este 5nchis. Ta1%urile tre4uie 5nchisee+act 5n ordinea inversă a deschiderii lor 

    • nu sunt acce!tate elementele vide' elementele vide având o sinta+ă modificată<element /0

    :n document ;@ este format din conţinut date caracterE 5nca!sulat 5n marcaAe.

    7+istă şa!te ti!uri de marcaAe ce !ot fi folosite 5ntr%un document ;@<

    #. Înce!utul unui element şi ta1%ul de sfâr itș

    &. 3tri4ute

    *. Comentarii

    -. 9eferinţe la entităţi

    ,. 2nstrucţiuni de !relucrare

    ). ecţiuni CD3T3(. Declaraţia ti!ului de document

    +1

  • 8/16/2019 Crearea site-uri -partea 1.doc

    32/54

    Dacă 5n document se folose te un sim4ol utilizat la definirea unei construcţii 5n lim4aAșsim4olul semnului mai mareE' este necesară folosirea sim4olul lui s!ecial sauidentificatorul lui numeric.

     6nceputul unui ele*ent 8i ta-ul de ,fIr it -ș :n element 5nce!e cu un ta1 de

    start şi se termină cu cores!unzătorul ta1 de sfâr it.ș

    Ta1%ul de start este un sin1ur cuvânt fără s!aţii al4eE 5ntre caracterele WUX şi WVX.De e+em!lu' UtdV este ta1 de start ' iar UHtdV este ta1 de sfâr it.ș

    Numele unui element nu !oate 5nce!e cu un număr şi nici nu !oate conţines!aţii. 7lementele !ot conţine informaţii' sau !ot !une 5n evidenţă structuradocumentelor ;@

     e+em!lu<

    clasa0elev0

    nume0%opescu Ion/nume0

    cnp01234567891111/cnp0

    adresa0

    strada01:ecembrie nr;18/strada0

    bloc032/bloc0

    scara02/scara0

    apartament034/apartament0

    /adresa0

    /elev0

    /clasa0

    7lementele nume0, cnp0, strada0, bloc0, scara0, apartament0, conţininformaţii' iar elementele clasa0, elev0, adresa0, sunt folosite doar !entru a definistructura datelor. Prin folosirea lor' datele sunt mai 4ine or1anizate' facilitândeventualele o!eraţii de căutare' afişare sau sortare a datelor.

    triutele au rolul de a descrie elementele. 3tri4utele sunt localizate 5n ta1%ul destart al unui element' imediat du!ă numele elementului' sunt urmate de semnul WX' careeste urmat de valoare atri4utului 5ntre 1hilimele.

    +2

  • 8/16/2019 Crearea site-uri -partea 1.doc

    33/54

    Co*entariile sunt locuri 5n care scriem note !entru noi 5nşine' care nu vor fie+!use utilizatorului.

    Referinţele  la entităţi sunt !ointeri către entităţi. În ;@' entităţile sunt unităţi dete+t' unde o unitate !oate fi orice' de la un sin1ur caracter la un 5ntre1 document sauchiar o referinţă la un alt document.

    inta+a referinţelor la entităţi este< Jnu*e;entitate WYX' urmat de numeleentităţii' urmat de WKXE

    :na dintre cele mai frecvente utilizări ale referinţelor la entităţi este atunci cândse doreşte folosirea unor caractere care ar duce la a!ariţia unor confuzii !entruanalizorul ;@

     În momentul 5n care analizorul ;@ 5ntâlne te referinţa la o entitate 5n document' el o vașsu4stitui cu datele !e care aceasta le referă şi va returna documentul cu 5nlocuirilefăcute.

    8 altă utilizare frecventă a referinţelor la entităţi este 5n cazul 5n care avem 5ndocumentul ;@ fra1mente de te+t care se re!etă. Pentru a nu scrie aceste !ărţi dete+t de mai multe ori vom defini o entitate care va avea ca valoare acea !arte de te+t şi

    de fiecare dată când fra1mentul res!ectiv a!are 5n document vom folosi referinţa laentitate.

    !n,trucţiunile de prelucrare sunt un ti! s!ecial de marcaA care conţin informaţiides!re anumite a!licaţii ce urmează a fi e+ecutate. inta+a 1enerală a unei instrucţiunide !rocesare ar fi următoarea<

    ?Kaplicaţie in,trucţiuneAL'aloareL K@

     Înce! cu UJ' urmat de numele a!licaţiei şi de s!ecificarea unor elemente ce ţin de acea

    a!licaţie. Numele a!licaţiei tre4uie să fie diferit de +ml sau ;@' sau alte moduri descriere a acestui cuvânt..

    ++

    7ntitate 9eferin ă la entitateț

    U Ylt

    V Y1t

    Y Yam!

    W Ya!os

    I YZuot

  • 8/16/2019 Crearea site-uri -partea 1.doc

    34/54

    Declaraţia ;@  este tot o instrucţiune de !rocesare' cu o semnificaţie a!arte.Documentele ;@ tre4uie să 5ncea!ă cu o declaraţie ;@ care s!ecifică versiunealim4aAului ;@ utilizat. 3ceastă declaraţie !oate li!si' dar 5n cazul 5n care e+istă' eatre4uie să fie !rimul element al documentului şi să fie unică. Declaraţia ;@ are forma?K

  • 8/16/2019 Crearea site-uri -partea 1.doc

    35/54

    Documentele ;@ !ot avea un DTD sau DTD%ul !oate li!si. Dacă e+istă un DTD internsau e+tern' atunci utilizatorul tre4uie să se conformeze acestui DTD' iar 5n cazul 5n careli!sesc am4ele' atunci utilizatorul !oate construi documente res!ect5nd un număr minimde constrân1eri.

    DTD%ul intern se declară imediat du!ă declaraţia ;@ sau' dacă această declaraţie nu

    e+istă' el va fi !rimul element e+ce!tând comentariile' s!aţiile de nume sauinstrucţiunile de !rocesare. DTD%ul intern se declară utilizând cuvântul cheie DOC"MPE 5n modul următor<

    @:ACTB%! elementErădăcină F 

    declaraţie de elemente, atribute, entităţi, instrucţiuni de procesare, notaţii 

     G0

    DTD%ul e+tern este definit 5ntr%un alt fişier te+t care tre4uie să se afle la o adresăs!ecificată' folosind cuvintele cheie QT7; sau P:B@2C<

    +

  • 8/16/2019 Crearea site-uri -partea 1.doc

    36/54

    Activitatea de învăţare 3.2.1 +)/*%tensibile +ar! )an-!a-e0

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    37/54

    Descrieţi !e scurt rolul fiecărui element.

    &. Com!leta i ta4elul de mai Aos cu elementele cores!unzătoare din !rima linie ațta4elului

    Declara ia re1ulilor de validare şi a ti!urilor de date' 2nclude setul de etichete siținforma iile' Particularizarea modului 5n care vor fi afişate informaţiileț

    6i ierul !ro!riu%zis ;@ș

    @im4aAul DTD

    6oi de stil @

    +7

  • 8/16/2019 Crearea site-uri -partea 1.doc

    38/54

    Activitatea de învăţare 3.2.2 *leente coonente ale !n!i doc!ent +)

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    39/54

    Activitatea de învăţare 3.2.3 $i!ri de arcae olosite într4!n doc!ent +)

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    40/54

    Fi8a de docu*entare 33 - "enoloii folo,ite în painile Ne2nformaţiile din >orld >ide >e4 sunt stocate 5n !a1ini. 8 !a1ină !oate conţine< te+t'header%e' liste' meniuri' ta4ele' formulare' elemente 1rafice' scri!t%uri' stiluri st?lesheetsE' o4iecte multimedia.

    Pa1inile >e4 sunt realizate folosind o serie de tehnolo1ii !e !artea de client şi sunt

    !rocesate şi afişate de către 4ro=sere.

    8 !a1ină >e4 con ine 4utoane de navi1are interne' care aAută utilizatorul să sețde!laseze !rintre numeroasele documente la care are acces.

    ite%urile >e4 !ot fi<

    • ite%uri cu !a1ini statice• ite%uri cu !a1ini dinamice

     În cazul ite%urilor cu !a1ini statice % !a1inile >e4 sunt fişiere cu sim!lu te+tconstruite folosind limbaHul ->pertet ar(up .an+ua+ e -T.E. 3cesta esteim!lementat ca o mulţime de ta1%uri uşor de 5nvăţat. 3utorii !a1inilor >e4 folosescaceste ta1%uri !entru a marca !a1inile de te+t' iar 4ro=serele le folosesc !entru a afişainformaţiile !entru a !utea fi vizualizate. Pa1inile >e4 !ot să conţină le1ături h?!erte+tla alte !a1ini.

    ite%urile cu !a1ini dinamice necesită o actualizare !eriodică a elementelor s!ecifice. @a !roiectarea unui astfel de site tre4uie luate 5n considerare următoarele

    elemente< modul 5n care vor fi actualizate datele de !e site i costurile o!era iunilor deș țactualizare !eriodică.

    Comunicarea cu clien ii utilizatoriiE care a!elează un astfel de site' se !oate realiza !rinținserarea de formulare de e%mail' !e !a1inile site%ului. În aceste condi ii se !oate lua 5nțconsiderare i folosirea unui autore!onder !us la dis!ozi ie de către 2P.ș ț2n felul acesta se va transmite automat un mesaA de răs!uns vizitatorului site%ului' 5n tiin ându%l astfel de !rimirea mesaAului transmis si mul umindu%i !entru vizită.ș ț ț

    "T;@ este un lim4aA de maru!. 7l !ermite crearea la?out%ului !a1inilor şi aformularelor' dar nimic mai mult. Pentru a se construi interfeţe intuitive şi sofisticate este

    necesar şi un lim4aA de scriptin+  la nivel de client. $criptin+ %ul !ermite scrierea de codmici !ro1rameE care rulează 5n cadrul 4ro=serului.

    Cel mai cunoscut lim4aA de scri!tin1 !e !arte de client este ava$cript ' care estesu!ortat mau mult sau mai !uţinE de a!roa!e orice 4ro=ser e+istent. 6olosindavacri!t se !oate realiza< validarea formularelor' animarea te+tului şi a ima1inilor'crearea de meniuri dro!%do=n şi a controalelor de navi1are' se !ot efectua !rocesări de4ază numerice sau asu!ra te+telor şi multe altele.

    cri!tin1%ul !ermite !ro1ramatorilor să detecteze şi să !roceseze evenimentele. Dee+em!lu' o !a1ină care se 5ncarcă' un formular trimis' mişcarea !ointer%ului mouse%ului

    asu!ra unei ima1ini sunt toate evenimente' iar scri!t%urile !ot fi e+ecutate automat de4ro=ser atunci când aceste evenimente au loc.

    4'

  • 8/16/2019 Crearea site-uri -partea 1.doc

    41/54

    cri!t%urile !ot fi incluse 5n codul "T;@ sau !ot fi stocate 5n fişiere e+terne şi le1ate 5ninteriorul codului "T;@.

    ;aAoritatea 4ro=serelor noi !ermit folosirea şi a altor tehnolo1ii' dintre care cele maiim!ortante sunt<

    C$$ Cascadin+ $t>le $heetsE – oferă o modalitate de a se!ara !rezentareade conţinut astfel 5ncât am4ele să !oată fi refolosite şi modificate cu uşurinţă.

    • :-T.  :>namic -T.E – o com4inaţie de "T;@' scri!t%uri şi C carefolosite 5m!reună' !ot realiza interfeţe !entru utilizator foarte atractive şiinteractive.

    •  Jppleturi ava – mici !ro1rame care rulează 5n 4ro=ser.

    • acromedia Klash – o tehnolo1ie inclusă 5n / din 4ro=serele e+istente'care oferă un mecanism !entru crearea unor interfeţe atractive şi !orta4ile.

    Piesa care lea1ă 5ntre ele serverele >e4' 4ro=serele >e4 şi !a1inile >e4 este &".%ul.

    8 altă caracteristică a !a1inilor dinamice este re!rezentată de folosireatehnolo1iei 3P3!!lication ervice ProviderE. 3stfel maAoritatea soft=are%ului nu e+istă!e calculatorul client ci este localizat !e un server de 2nternet' soft care este actualizat!ermanent de către com!ania ce administrează acel server. 3cest serviciu este oferit decătre furnizorii serviciilor de a!lica ii 3P%uriE' care !un la dis!ozi ie multe modalită iț ț ț!rin care se !oate rula soft=are !e 2nternet.

     Navi1ând !e un site >e4 softul !oate rula 5n interiorul 4ro=ser%ului sau se !oate casoftul rulat de client să necesite anumite resurse de !e serverul furnizorului. 8rientareas!re tehnolo1ia 3P !ermite' deci' accesarea unei infrastructuri 4ine !usă la !unct deservere' administrată de s!eciali ti cu costuri mai mici. e !oate 5ncheia un contract cușun 3P' care furnizează soft . oft%ul client ce rulează !e com!uter nu este manevratde 3P. oft%ul client tre4uie să acceseze serverul !entru a !utea 4eneficia de anumiteservicii ca de e+em!lu !rimirea i e+!edierea de mesaAe' sau crearea i accesul la 4azeș șde date ale 3P. 3P%ul se ocu!ă de servere' de soft=are i de datele de !e servere.ș

     3vantaAele !a1inilor dinamice<

    • Pa1inile dinamice sunt ceea ce dă viaţă >e4%ului.

    • %a+inile statice  sunt formate din te+t' ima1ini şi ta1%uri "T;@ !entruformatare. 3ceste !a1ini sunt create şi 5ntreţinute manual' astfel că dacăinformaţiile se modifică şi !a1ina tre4uie modificată. 3ceasta im!lică 5ncărcarea !a1inii 5ntr%un editor' realizarea modificărilor' reformatarea te+tuluidacă este necesar şi a!oi salvarea fişierului. 3ceste o!eraţii necesită foartemult tim! dacă numărul !a1inilor care tre4uie actualizate este mare.

    • %a+inile dinamice  conţin foarte !uţin te+t. În schim4 e+tra1 informaţiile

    necesare din alte a!licaţii. Pa1inile dinamice !ot comunica cu 4azele de date'foi de calcul ta4elar' sisteme de 1estiune a 4azelor de date client%server şimulte alte a!licaţii.

    41

  • 8/16/2019 Crearea site-uri -partea 1.doc

    42/54

    Crearea !a1inilor >e4 dinamice !ermite crearea de a!licaţii !uternice' care !otinclude caracteristici !recum următoarele<

    • intero1area a!licaţiilor de 4aze de date e+istente !entru o4ţinerea datelor 

    • crearea de intero1ări dinamice care facilitează o4ţinerea 5n mod fle+i4il a

    datelor 

    • e+ecuţia !rocedurilor stocate

    • e+ecuţia codului condiţional on*the*fl>  !entru a !ersonaliza răs!unsurile 5nfuncţie de situaţiile s!ecifice

    • s!orirea ca!a4ilităţilor formularelor "T;@ standard !rin folosirea unor funcţiide validare

    • !o!ularea 5n mod dinamic a elementelor din formulare

    • !ersonalizarea modului de afişare a informaţiilor le1ate de dată' tim! şimonedă folosind funcţii de formatare

    • uşurarea creării a!licaţiilor de introducere a datelor !rin =izards

    • 1enerarea automată de email

    • site%uri comerciale şi coşuri electronice de cum!ărături

    42

  • 8/16/2019 Crearea site-uri -partea 1.doc

    43/54

    Activitatea de învăţare 3.3.1. Pa-ini statice. Pa-ini dinaice.

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    44/54

    informaţiile !entru a !utea fi vizualizate. Pa1inile >e4 !ot să conţină le1ături h?!erte+tla alte !a1ini.

    ite%urile cu !a1ini dinamice necesită o actualizare !eriodică a elementelor s!ecifice. @a !roiectarea unui astfel de site tre4uie luate 5n considerare următoarele

    elemente< modul 5n care vor fi actualizate datele de !e site i costurile o!era iunilor deș țactualizare !eriodică.

    Comunicarea cu clien ii utilizatoriiE care a!elează un astfel de site' se !oate realiza !rinținserarea de formulare de e%mail' !e !a1inile site%ului. În aceste condi ii se !oate lua 5nțconsiderare i folosirea unui autore!onder !us la dis!ozi ie de către 2P.ș ț2n felul acesta se va transmite automat un mesaA de răs!uns vizitatorului site%ului' 5n tiin ându%l astfel de !rimirea mesaAului transmis si mul umindu%i !entru vizită.ș ț ț

    "T;@ este un lim4aA de maru!. 7l !ermite crearea la?out%ului !a1inilor şi aformularelor' dar nimic mai mult. Pentru a se construi interfeţe intuitive şi sofisticate este

    necesar şi un lim4aA de scriptin+  la nivel de client. $criptin+ %ul !ermite scrierea de codmici !ro1rameE care rulează 5n cadrul 4ro=serului.

    Cel mai cunoscut lim4aA de scri!tin1 !e !arte de client este ava$cript ' care estesu!ortat mau mult sau mai !uţinE de a!roa!e orice 4ro=ser e+istent. 6olosindavacri!t se !oate realiza< validarea formularelor' animarea te+tului şi a ima1inilor'crearea de meniuri dro!%do=n şi a controalelor de navi1are' se !ot efectua !rocesări de4ază numerice sau asu!ra te+telor şi multe altele.

    cri!tin1%ul !ermite !ro1ramatorilor să detecteze şi să !roceseze evenimentele. Dee+em!lu' o !a1ină care se 5ncarcă' un formular trimis' mişcarea !ointer%ului mouse%ului

    asu!ra unei ima1ini sunt toate evenimente' iar scri!t%urile !ot fi e+ecutate automat de4ro=ser atunci când aceste evenimente au loc.

    cri!t%urile !ot fi incluse 5n codul "T;@ sau !ot fi stocate 5n fişiere e+terne şi le1ate 5ninteriorul codului "T;@.

    ;aAoritatea 4ro=serelor noi !ermit folosirea şi a altor tehnolo1ii' dintre care cele maiim!ortante sunt<

    • C$$ Cascadin+ $t>le $heetsE – oferă o modalitate de a se!ara !rezentareade conţinut astfel 5ncât am4ele să !oată fi refolosite şi modificate cu uşurinţă.

    • :-T.  :>namic -T.E – o com4inaţie de "T;@' scri!t%uri şi C carefolosite 5m!reună' !ot realiza interfeţe !entru utilizator foarte atractive şiinteractive.

    •  Jppleturi ava – mici !ro1rame care rulează 5n 4ro=ser.

    • acromedia Klash – o tehnolo1ie inclusă 5n / din 4ro=serele e+istente'care oferă un mecanism !entru crearea unor interfeţe atractive şi !orta4ile.

    Piesa care lea1ă 5ntre ele serverele >e4' 4ro=serele >e4 şi !a1inile >e4 este &".%ul.

    44

  • 8/16/2019 Crearea site-uri -partea 1.doc

    45/54

    8 altă caracteristică a !a1inilor dinamice este re!rezentată de folosireatehnolo1iei 3P3!!lication ervice ProviderE. 3stfel maAoritatea soft=are%ului nu e+istă!e calculatorul client ci este localizat !e un server de 2nternet' soft care este actualizat!ermanent de către com!ania ce administrează acel server. 3cest serviciu este oferit decătre furnizorii serviciilor de a!lica ii 3P%uriE' care !un la dis!ozi ie multe modalită iț ț ț!rin care se !oate rula soft=are !e 2nternet.

     Navi1ând !e un site >e4 softul !oate rula 5n interiorul 4ro=ser%ului sau se !oate casoftul rulat de client să necesite anumite resurse de !e serverul furnizorului. 8rientareas!re tehnolo1ia 3P !ermite' deci' accesarea unei infrastructuri 4ine !usă la !unct deservere' administrată de s!eciali ti cu costuri mai mici. e !oate 5ncheia un contract cușun 3P' care furnizează soft . oft%ul client ce rulează !e com!uter nu este manevratde 3P. oft%ul client tre4uie să acceseze serverul !entru a !utea 4eneficia de anumiteservicii ca de e+em!lu !rimirea i e+!edierea de mesaAe' sau crearea i accesul la 4azeș șde date ale 3P. 3P%ul se ocu!ă de servere' de soft=are i de datele de !e servere.ș

     3vantaAele !a1inilor dinamice<

    • Pa1inile dinamice sunt ceea ce dă viaţă >e4%ului.

    • %a+inile statice  sunt formate din te+t' ima1ini şi ta1%uri "T;@ !entruformatare. 3ceste !a1ini sunt create şi 5ntreţinute manual' astfel că dacăinformaţiile se modifică şi !a1ina tre4uie modificată. 3ceasta im!lică 5ncărcarea !a1inii 5ntr%un editor' realizarea modificărilor' reformatarea te+tuluidacă este necesar şi a!oi salvarea fişierului. 3ceste o!eraţii necesită foartemult tim! dacă numărul !a1inilor care tre4uie actualizate este mare.

    • %a+inile dinamice  conţin foarte !uţin te+t. În schim4 e+tra1 informaţiilenecesare din alte a!licaţii. Pa1inile dinamice !ot comunica cu 4azele de date'foi de calcul ta4elar' sisteme de 1estiune a 4azelor de date client%server şimulte alte a!licaţii.

    Crearea !a1inilor >e4 dinamice !ermite crearea de a!licaţii !uternice' care !otinclude caracteristici !recum următoarele<

    • intero1area a!licaţiilor de 4aze de date e+istente !entru o4ţinerea datelor 

    crearea de intero1ări dinamice care facilitează o4ţinerea 5n mod fle+i4il adatelor 

    • e+ecuţia !rocedurilor stocate

    • e+ecuţia codului condiţional on*the*fl>  !entru a !ersonaliza răs!unsurile 5nfuncţie de situaţiile s!ecifice

    • s!orirea ca!a4ilităţilor formularelor "T;@ standard !rin folosirea unor funcţiide validare

    !o!ularea 5n mod dinamic a elementelor din formulare

    4

  • 8/16/2019 Crearea site-uri -partea 1.doc

    46/54

    • !ersonalizarea modului de afişare a informaţiilor le1ate de dată' tim! şimonedă folosind funcţii de formatare

    • uşurarea creării a!licaţiilor de introducere a datelor !rin =izards

    • 1enerarea automată de email

    • site%uri comerciale şi coşuri electronice de cum!ărături

    Fi8a de docu*entare 3 &odel orientat ) oiect pentru docu*ente DO&Consorţiul >e4 a !ro!us !entru !relucrarea sofisticată a documentelor ;@ şiHsau"T;@ un model o4iectual denumit :ocument AbHect odel :A E. 3cest modelre!rezintă o interfaţă de !ro1ramare a a!licaţiilor destinate să !relucreze documentele"T;@ şi ;@' inde!endentă de !latformă şi de lim4aA' definind structura lo1ică adocumentelor şi modalităţile de accesare şi de modificare a lor.

    tructura lo1ică a documentelor este o structură ar4orescentă' o4iectuală' documentelefiind modelate utilizând o4iecte' iar modelul nu furnizează doar o vizualizare structuratăa documentului' ci şi o modalitate de s!ecificare a com!ortamentului lui şi a o4iectelor com!onente. 6iecare element al unui document !oate fi !rivit' aşadar' ca un o4iect'fiecare o4iect având identitate şi !ro!riile sale funcţii.

    Consorţiul >e4 a structurat D8; !e mai multe nivele stadiiE de s!ecificare amodelului.

    • Nivelul $ !entru "T;@E a fost nivelul de funcţionalitate a versiunilor * alenavi1atoarelor Netsca!e şi 2nternet 7+!lorer.

    • Nivelul # este recomandare standardizată din #/

    • Nivelul & D8; a fost standardizat 5n anul &$$$

    • Nivelul * D8; s%a standardizat 5n cursul anului &$$-.

    D8; re!rezintă un model care s!ecifică interfeţe şi nu este un set de structuri de datea4stracteE. Nu defineşte semantica detaliată a documentelor "T;@ sau ;@.

    D8; re!rezintă documentele ca o ierarhie de o4iecte%nod. 3numite ti!uri de noduri !otavea noduri co!ii descendenţiE de diverse ti!uri. 3ltele !ot fi noduri frunză' li!site dedescendenţi. Ti!urile fundamentale de noduri sunt cele din următorul ta4el<

    Tip Descendenţi

    Document 7lement' Processin12nstruction'Comment'DocumentT?!e

    Document6ra1ment 7lement' Processin12nstruction'Comment'Te+t' CD3T3ection'7ntit?9eference

    DocumentT?!e %

    4B

  • 8/16/2019 Crearea site-uri -partea 1.doc

    47/54

    7ntit?9eference 7lement' Processin12nstruction'Comment' Te+t'CD3T3ection'7ntit?9eference

    7lement 7lement' Te+t' Comment'Processin12nstruction'CD3T3ection'

    7ntit?9eference 3ttr Te+t' 7ntit?9eference

    Processin12nstruction %

    Comment %

    Te+t %

    CD3T3ection %

    Notation %

    7ntit? 7lement' Processin12nstruction'Comment'Te+t' CD3T3ection'7ntit?9eference

    Pentru fiecare ti! de nod' D8; oferă o interfaţă care desemnează constantele'varia4ilele şi metodele ce vor !utea fi folosite de !ro1ramator 5ntr%o im!lementareefectivă a modelului.

    Pentru următorul document<

    U[D8CTQP7 "T;@ F%HH>*CHHDTD "T;@ #.$ TransitionalHH7NFV

    UhtmlV

    UheadVUHheadV

    U4od?V

    UulVUliVecţiunea #UHliV

    Secţiunea 2

    Secţiunea 3

    47

  • 8/16/2019 Crearea site-uri -partea 1.doc

    48/54

     3r4orele de noduri%o4iect asociat acestui document "T;@ este 5n fi1ura următoare<

    48

    ?t*l@

    ?DOC"MPE@ ?ead@ ?od@

    ?-@?r@?ul@

    ?,ectiunea3@?,ectiunea2@?,ectiunea1@

    ?li@?li@?li@

  • 8/16/2019 Crearea site-uri -partea 1.doc

    49/54

    Activitatea de învăţare 3.&.1 +odel!l orientat – obiect entr! doc!ente 56+

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    50/54

    Activitatea de învăţare 3.&.2 Arborele de nod!ri4obiect asociat !n!i doc!ent "$+)

    Co*petenţa+ :tilizează resursele =e4 i tehnolo1ii !entru realizarea site%urilor =e4ș

    Oiecti'ul9oiecti'e 'i:ate+

    @a sfâr itul acestei activită i vei fi ca!a4il să

  • 8/16/2019 Crearea site-uri -partea 1.doc

    51/54

    Sizualizaţi cu atenţie ar4orele de noduri%o4iect asociat acestui document "T;@căutaţi şi 1ăsiţi erorile

    9ealizaţi ar4orele corect.

    1

    DOC"MPE

    @

    ?t*l@?>"@ ?od@ ?ead@

    ?-@?r@?ul@

    ?,ectiunea3@?,ectiunea2@?,ectiunea1@

    ?li@?li@?li@

  • 8/16/2019 Crearea site-uri -partea 1.doc

    52/54

    !!! lo,ar 

     3dresa 2P  3dresa Protocolului 2nternet. 9e!rezintă un şir unic de numere' 1ru!ate inserii ce identifica un com!uter din mediul 2nternet.Blo1  :n Aurnal ţinut !e un anumit server de =e4 !u4lic in cele mai multe cazuriE.Procesul de actualizare a acestui Aurnal' !oarta denumirea de I4lo11in1G. Toateinformaţiile ce se re1ăsesc 5n 4lo1 sunt actualizate zilnic sau la intervale scurte de tim!'de către !ro!rietari' cu aAutorul unor !ro1rame ce !ermit acest lucru' accesi4ile oricui.Bro=ser   8 a!licaţie utilizată !entru a accesa fişierele din 2nternet. Bro=sereleo4işnuite sunt ;icrosoft 2nternet 7+!lorer si Netsca!e Navi1ator.Client este un !ro1ram care adresează anumite cereri 5ntr%o !ereche clientHserverEKde e+em!lu' funcţionarea unui 4ro=ser de =e4 este le1ata de aceste cereri adresate decătre acesta unui server.D8; ;odelul de o4iect al documentului D8; constituie o s!ecificaţie dezvoltata de>*C' ce !ermite mani!ularea tuturor elementelor unei !a1ini >e4 1rafica' te+t' stiluri

    etc.E de către !ro1rame soft=are si lim4aAe de !ro1ramare de ti!ul< avacri!t siSBcri!tE. !re e+em!lu' D8; face !osi4ila definirea dre!t o4iect a fiecărei litereindividuale din cadrul unei !a1ini >e4' alocând ulterior caracteristici se!arate' de 1enul<culoare' dimensiune si stil. D8; este una din tehnolo1iile de 4aza ale D"T;@' 5m!reună cu C' "T;@ tradiţional si lim4aAele de !ro1ramare.7%mail 7lectronic mail 7ste un serviciu de !osta electronica !rin intermediul caruia se!ot transmite mesaAe si fişiere intre doua calculatoareHadrese de e%mail. 6iecareutilizator al acestui serviciu deţine o adresa !ro!rie de ti! nume0domeniu.6TP  6ile Transfer Protocol. 9e!rezintă cea mai uşoară modalitate de a transferafişiere !e 2nternet' de a efectua co!ierea acestora 5ntre diferite com!utere conectate lareţea. 6TP !ermite transferul de a!licaţii free=are sau share=are cu aAutorul

    !ro1ramelor ce inter!retează comenzile com!le+e ale :ni+' sau !rin intermediul!ro1ramului de navi1are =e4."T;@ "?!er Te+t ;aru! @an1ua1e este un lim4aA de !ro1ramare !rin care diferiteima1ini te+te' câm!uri marcate sau codificate sunt or1anizate intr%un fişier s!ecial' ce!oate fi accesat !e I===G' !rintr%un 4ro=ser."TTP "?!erte+t Transfer Protocol. :n !rotocol folosit !entru a cere si a transmitefişiere' in s!ecial !a1ini =e4 si com!onente ale acestora' !e 2nternet sau intr%o reţea decalculatoare."?!erlin  6ondarea de interactivitate online. 3cesta este lin%ul care !oate fi accesat!rin clic in te+t sau 1rafice intr%o !a1ina =e4 care te duce in alt loc !e aceeaşi !a1ină'!e alta !a1ina' sau in alt =e4site.

    "?!erte+t  Sersiunea te+t a h?!erlin%ului."?!erte+t ;aru! @an1ua1e "T;@E  :n lim4aA codificat utilizat !entru a facedocumentele h?!erte+t !entru a fi utilizate online."?!erte+t Transfer Protocol "TTPE  Protocolul de reţea care !ermite h?!erlin%urilor sa funcţioneze.  2nternet 9eţeaua 2nternet a fost 5nfiinţată in anul #)' su4 forma unei reţeleantinucleare finanţată de ;inisterul 3!ărării Naţionale al :3. 2n mod curent' aceastareţea de comunicare este formata dintr%un număr vast de reţele si com!utere din diferitelocaţii 1eo1rafice' ce !ermit accesul in masa la informaţii de ordin !u4lic.2nternet !rotocol address 2P 3ddressE  istem numeric utilizat !entru a identificacom!onentele 2nternetului. 6iecare sistem conectat la 2nternet are un 2P de adresa unic.2n sistemele utilizate in !rezent 2Pv-E' e+ista doar -'* miliarde 2P%uri unice.

    2

    http://www.webactiv.ro/utile/glosar+termeni/A/1/Adresa+IPhttp://www.webactiv.ro/utile/glosar+termeni/B/2/Bloghttp://www.webactiv.ro/utile/glosar+termeni/B/2/Browserhttp://www.webactiv.ro/utile/glosar+termeni/C/2/Client+http://www.webactiv.ro/utile/glosar+termeni/D/2/DOM+http://www.webactiv.ro/utile/glosar+termeni/E/1/E-mail+http://www.webactiv.ro/utile/glosar+termeni/F/2/FTPhttp://www.webactiv.ro/utile/glosar+termeni/H/1/HTML+http://www.webactiv.ro/utile/glosar+termeni/H/1/HTTPhttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hyperlinkhttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertexthttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertext+Markup+Language+(HTML)http://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertext+Transfer+Protocol+(HTTP)http://www.webactiv.ro/utile/glosar+termeni/I/2/Internet+http://www.webactiv.ro/utile/glosar+termeni/I/2/Internet+protocol+address+(+IP+Address)http://www.webactiv.ro/utile/glosar+termeni/A/1/Adresa+IPhttp://www.webactiv.ro/utile/glosar+termeni/B/2/Bloghttp://www.webactiv.ro/utile/glosar+termeni/B/2/Browserhttp://www.webactiv.ro/utile/glosar+termeni/C/2/Client+http://www.webactiv.ro/utile/glosar+termeni/D/2/DOM+http://www.webactiv.ro/utile/glosar+termeni/E/1/E-mail+http://www.webactiv.ro/utile/glosar+termeni/F/2/FTPhttp://www.webactiv.ro/utile/glosar+termeni/H/1/HTML+http://www.webactiv.ro/utile/glosar+termeni/H/1/HTTPhttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hyperlinkhttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertexthttp://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertext+Markup+Language+(HTML)http://www.webactiv.ro/utile/glosar+termeni/H/2/Hypertext+Transfer+Protocol+(HTTP)http://www.webactiv.ro/utile/glosar+termeni/I/2/Internet+http://www.webactiv.ro/utile/glosar+termeni/I/2/Internet+protocol+address+(+IP+Address)

  • 8/16/2019 Crearea site-uri -partea 1.doc

    53/54

    2P  7ste un furnizor de servicii internet ce oferă acces cu viteza ridicata la reţele deservere !osta electronica' ştiri' =e4 etc.E' routere si modem%uri conectate !ermanent lanoduri 2nternet. 8!ţional' 2P%ul oferă servicii de e%mail' ne=s' 1ăzduire de !a1ini =e4etc.ava cri!t 3cest cod !oate fi adău1at !a1inilor "T;@ standard !entru crearea dedocumente interactiveK este considerat o sursa relevanta !entru dezvoltarea de

    formulare interactive' cu utilizare in mediul >e4.erver   7ste un calculator !erformant' situat intr%un Net=or 8!eration Center cule1ături multi!le către diferiţi furnizori de servicii 2nternet. Măzduieşte fişiere destinatevizitării !rin 2nternet sau transferării !rin 6TP. :n server este ca!a4il sa stocheze maimulte site%uri =e4.Ta1  6ra1ment "T;@ care !ermite unui =e4site sa servească o im!resie.:niform 9esource @ocator :9@E 8 adresa "TTP utilizata de >orld >ide >e4 !entrua s!ecifica un site concret.>e4 Pa1e  Prezentarea tradiţională a informaţiilor online. >e4site%urile sunt făcute din!a1ini =e4' analo1e cu !a1inile unei cărţi.>e4site  8 locaţie virtuala online conce!uta de către un :9@ unic. :n =e4site este

    alcătuit din una sau mai multe !a1ini =e4.>orld >ide >e4 Cunoscut si su4 a4revierea >>>' >* sau >e4' si dezvoltat iniţialde la4oratoarele C79N din Meneva' 7lveţia. Dezvoltarea continua a mediului >e4 estesu!rave1heata de >orld >ide >e4 Consortium. ;ediul >e4 !oate fi descris si su4forma unui sistem de h?!erte+t !entru server si client' utilizat in furnizarea de informaţiidin reţeaua 2nternet. Toate elementele com!onente ale mediului >e4 au o re!rezentaresu4 forma deHin format "T;@ si este le1at de alte documente !rin intermediul adreselor ti! :9@. ;ediul >e4 incor!orează !rotocolul "TTP' 6TP' Mo!her si Telnet.;@ este un acronim !entru etensi4le ;ar%u! @an1ua1e si re!rezintă un lim4aA demarcare de nivel scăzut folosit in s!ecial !entru documente =e4.

    +

    http://www.webactiv.ro/utile/glosar+termeni/I/3/ISPhttp://www.webactiv.ro/utile/glosar+termeni/J/1/Java+Script+http://www.webactiv.ro/utile/glosar+termeni/S/1/Serverhttp://www.webactiv.ro/utile/glosar+termeni/T/1/Taghttp://www.webactiv.ro/utile/glosar+termeni/U/1/Uniform+Resource+Locator+(URL)http://www.webactiv.ro/utile/glosar+termeni/W/1/Web+Pagehttp://www.webactiv.ro/utile/glosar+termeni/W/1/Websitehttp://www.webactiv.ro/utile/glosar+termeni/W/2/World+Wide+Web+http://www.webactiv.ro/utile/glosar+termeni/I/3/ISPhttp://www.webactiv.ro/utile/glosar+termeni/J/1/Java+Script+http://www.webactiv.ro/utile/glosar+termeni/S/1/Serverhttp://www.webactiv.ro/utile/glosar+termeni/T/1/Taghttp://www.webactiv.ro/utile/glosar+termeni/U/1/Uniform+Resource+Locator+(URL)http://www.webactiv.ro/utile/glosar+termeni/W/1/Web+Pagehttp://www.webactiv.ro/utile/glosar+termeni/W/1/Websitehttp://www.webactiv.ro/utile/glosar+termeni/W/2/World+Wide+Web+

  • 8/16/2019 Crearea site-uri -partea 1.doc

    54/54

    ! %iliorafie1 ;c6redies' Paul. &$$*E. Crearea pa+inilor Leb' Bucure ti< 7ditura B.2.C.3@@ș2 >illiams' 9o4in. Tollett' ohn &$$*E. Desi1n !entru >e4' Bucure ti< 7dituraș

    Corint3 Mu1oiu' Teodoru. &$$,E. "T;@' "T;@' C i ;@ !rin e+em!le – Mhidș

    !ractic' Bucure ti< 7ditura Teoraș ___. @a htt!