Atestat-exeplu listing html si ajax crawling

Embed Size (px)

Citation preview

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    1/41

    Atestat

     Japonia-Tara Soarelui Sus Rasare

    Capraru Adriana Raluca – 12C

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    2/41

    HTML- Hypertext Markup Language

    -notiuni introductive si tutorial-

    • Ce este HTML ?

      Unul din primele elemente fundamentale ale WWW World Wide We! "este HTML Hypertext Markup Language "# care descrie formatul primar in

    care documentele sunt distri!uite si v$%ute pe We!& Multe din trasaturile lui#cum ar ' independenta fata de platforma# structurarea format$rii si legaturile

    (ypertext# fac din el un foarte !un format pentru documentele )nternet siWe!&

    *rimele speci'ca+iile de !a%a ale We!-ului au fost HTML# HTT* si URL&HTML a fost de%voltat initial de Tim ,erners-Lee la .R/ in 0121& HTML a fost

    va%ut ca o posi!ilitate pentru '%icienii care utili%ea%a computere diferite sisc(im!e 3ntre ei informa+ie utili%ind )nternetul& .rau prin urmare necesare

    citeva trasaturi4 independenta de platforma# posi!ilit$+i (ypertext sistructurarea documentelor&)ndependenta de platforma 3nseamn$ ca un

    document poate ' a'5at in mod asem$n$tor de computere diferite deci cufonte# gra'ca si culori diferite "# lucru vital pentru o audienta at3t de variata&

    Hipertext 3nseamn$ ca orice cuv6nt# fra%a# imagine sau alt element aldocumentului v$%ut de un utili%ator client " poate face referin+a la un altdocument# ceea ce u5urea%$ mult navigarea intre multiple documente sau

    c(iar in interiorul unui aceluiasi document& Structurarea riguroasa adocumentelor permite convertirea acestora dintr-un format in altul precum siinterogarea unor !a%e de date formate din aceste documente&

    Standardul o'cial HTML este World Wide We! onsortium W7"# care estea'liat la )nternet .ngineering Task 8orce ).T8"& W7 a enun+at c6teva

    versiuni ale speci'ca+iei HTML# printre care si HTML 9&:# HTML 7&:#HTML 7&9#HTML ;&: si# cel mai recent# HTML ;&:0& )n acela5i timp# autorii de !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    3/41

    Speci'ca+ia HTML 7&:# .nun+ata in 011A# a 3ncercat sa de%volte HTML 9&: prinad$ugarea unor facilit$+i precum ta!elele si un mai mare control asupratextului din ?urul imaginilor& @e5i unele din nout$+ile HTML 7&: erau de?a

    folosite de autorii de !roecte si sa standardi%e%e practicile acceptate la scara larga& @eci# HTML

    7&9 include tagurile HTML 7&: ce erau adoptate de autorii de !ro !&

     Tag-urile intre aceste parante%e transmit comen%i c$tre !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    4/41

    a'5a pagina intr-un anumit mod& Unele !locuri pre%int$ delimitator de sf6r5itde !loc# in timp ce pentru alte !locuri acest delimitator este op+ional sau

    c(iar inter%is&)ntre cele doua marca?e  si  vom introduce doua sec+iuni4

    - sectiunea de antet ... si - corpuldocumentului & ,locul  cuprinde

    con+inutul propriu-%is al paginii HTML# adic$ ceea ce va ' a'5at in fereastra

    !ro putem scrie texte c3t dorim& @acanu 3nt6lnim nici un marca?  atunci interpretorul HTML le va lua catexte simple si le va a'5a pe ecran& Sa vedem o noua versiune a paginii

    noastre4

      on+inutul !locului ... vaap$rea in !ara de titlu a ferestrei !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    5/41

    va ap$rea numele '5ierului&  @aca introducem mai multe linii intr-o pagina !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    6/41

    • *rin construc+ia = Qrrgg!! = unde r red"# g green"# sau ! !lue" suntcifre (exa%ecimale si pot lua valorile4 :# 0# 9# 7# ;# A# B# D# 2# 1# a# F# !#,# c# # d# @# e# .# f# 8 se pot de'ni astfel BAA7B de culori&

    uloarea unei pagini se preci%ea%$ prin intermediul unui atri!ut al

    etic(etei # de exemplu4 !ody !gcolor culoareN&Urm$torul exemplu reali%ea%$ o pagin$ cu fondul de culoare gri&

    Culoarea te'tului

    Fcest lucru se face prin intermediul atri!utului text  aletic(etei

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    7/41

     Textul a'5at este caracteri%at de urm$toarele atri!ute4 M$rime si%e"#uloare color "# 8ont style"&Fcestea sunt atri!ute ale etic(etei 4

    •   leftmargin  sta!ile5te distanta dintre marginea st6nga a ferestrei!ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    8/41

    Stiluri pentru "locurile de te't

    *entru ca un !loc de text sa apar$ in pagina eviden+iat cu caractere aldine"#tre!uie inclus intre delimitatorii   ! vine de la =!old=  3ndr$%ne+"&

    *entru ca un text sa 'e scris cu caractere mai mari cu o unitate dec6t celecurente acesta tre!uie inclus intr-un !loc delimitat deetic(etele &*entru ca un text sa 'e scris cu caractere mai mici cu o unitate dec6t celecurente acesta tre!uie inclus intr-un !loc delimitat deetic(etele ...&*entru ca un text sa 'e scris cu caractere cursive acesta tre!uie inclus intr-un !loc delimitat de etic(etele ...  i vine de la = italic ="&*entru a insera secven+e de text aliniate ca indice su!-script" sau caexponent super-script" # aceste fragmente tre!uie delimitate deetic(etele # respectiv ...&*entru a insera un !loc de caractere su!liniate se utili%ea%$etic(etele ... u vine de la = underline ="&*entru a insera un !loc de caractere t$iate se utili%ea%$etic(etele ... sau ...&n exemplul urm$tor vom utili%a toate etic(etele men+ionate anterior&

    Stiluri +(ice si lo)ice

    Fm pre%entat de?a 2 stiluri de scriere a caracterelor unui !loc de text# numitesi stiluri '%ice intrucat nu s-a acordat nici o atentie semni'catiei informatieicontinute de aceste !locuri&)n continuare sunt pre%entate stilurile utili%ate la formatarea unui !loc&Fceste stiluri tin cont de semni'catia pe care o are !locul in cadrul paginiiWe!&

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    9/41

    *entru a pune in evidenta prin silul cursiv " fragmente de text se utili%ea%aetic(etele4

    • ...  = cite = inseamna citat"

    ... em vine de la = emp(asi%e = a evidentia"&n locul lor se poate utili%a etic(eta ec(ivalenta ...&

    Urmatoarele etic(ete au efecte similare& .le permit scrierea fragmentului detext cu caractere monospatiate de tipul celor folosite de o ma5in$ de scris"4

    • ...  = code = inseamna cod sau surs$"

    •   k!d vine de la = key!oard = tastatura"

    ...  tt vine de la = teletype = teleprinter"&.tic(eta de tip !loc  delimitea%$ fragmente de textclipitoare& Fceasta etic(eta func+ionea%$ numai in !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    10/41

    ,locul ... permite inserarea in-line a citatelor& ,rou

    .xist$ mai multe consecutivit$+i de acest tip4== - Vlt=N= - Vgt=V= ampersand" Vamp(ilimelele=" se codi'c$ - VPuot

    *entru escape-consecutivit$+i sunt dou$ restric+ii suplimentare4

    0& 8iecare consecutivitate se scrie numai cu minuscule

    9& Sf6ritul 'ecrei consecutivitOi este marcat de

    n general# asemenea consecutivit$+i exist$ pentru toate sim!olurile cucodurile FS)) mai mari dec6t 09D& Motivul este c$ unele servere nu sus+intransmiterea datelor c6te 2 !i+i&

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    11/41

    .xist$ mai multe metode de a include semnele diacritice rom6ne 3ndocumentele HTML& ea mai simpl$ este codi'carea direct$ a lor prin V-consecutivit$+i4

    - VQ9A2

    $ - VQ9A1 - V)circ 3 - Vicirc - VQ7A:5 - VQ7A0 X - VQ7A;+ - VQ7AAY - VFcirc6 - Vacirc

    .xemplu4

    Comentarii

    Sistemele !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    12/41

    • culoare sta!ilita prin atri!utul color "

    • tipul sau stilul sta!ilit prin atri!utul face"

    • m$rimea de'nita prin atri!utul size"

    • m$rimea in puncte tipogra'ce sta!ilita prin atri!utul point-size"

    • grosime de'nita prin atri!utul weight "&

     Toate aceste atri!ute apar+in etic(etei # care permite inserarea de!locuri de texte personali%ate&

    Culori

    I culoare poate ' preci%ata 3n dou$ moduri4

    • printr-un nume de culoare&

    • printr-o constant$ conform standardului de culoare R, Red# reen#,lue"& I astfel de constant$ se formea%$ astfel4 Qrrgg!!# unde r# g si !sunt cifre (exa%ecimale&

    Culoarea &ontului

    *entru a scrie un fragment de text cu caractere de o anumit$ culoare se 3ncadrea%$ acest fragment 3ntre delimitatorii ...av6nd sta!ilit

    atri!utul color  la valoarea necesara& @e exemplu4

    font colorredNfragment de text de culoare rosiefontN

    4amilia &ontului

    *entru a scrie un text intr-o pagin$ pot ' folosite mai multe fonturi stiluri decaractere"& .xist$ cinci familii generice de fonturi care sunt de regul$disponi!ile pe toate calculatoarele utili%atorilor4 serif, sans serif, cursive,monospace şi fantasy.  Tipul de font necesar poate ' sta!ilit prin atri!utul face al etic(etei &*ot ' introduse mai multe fonturi separate prin virgula&

    n acest ca% !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    13/41

    M0rimea &ontului

    *entru a sta!ili m$rimea unui font se utili%ea%$ atri!utul size aletic(etei & Calorile acestui atri!ut pot '4

    • 0# 9# 7# ;# A# B# D 0 pentru cel mai mic font si D pentru cel mai mare"

    • Z0# Z9# etc& pentru a mari dimensiunea fontului cu 0# 9# etc& fata devaloarea curenta

    • -0# -9# etc& pentru a mic5ora dimensiunea fontului cu 0# 9# etc& fata devaloarea curenta&

    M$rimea unui font poate ' sta!ilita exact cu a?utorul atri!utului point-size&Calorile acceptate de acest atri!ut pot ' orice numere naturale po%itive&/um$rul astfel preci%at repre%int$ m$rimea fontului 3n puncte tipogra'ce& Acest atribut funcţionează numai cu Netscape ommunicator &

    6rosimea unui &ont

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    14/41

    rosimea unui caracter poate ' de'nit$ cu a?utorul atri!utului weight  aletic(etei &Calorile posi!ile pentru acest atri!ut sunt 0::# 9::# 7::# ;::# A::# B::# D::#2:: si 1:: 0:: pentru fontul cel mai su!+ire si 1:: pentru cel mai gros"&

    %locuri de te't

    Fceste etic(ete nu se refera la particularitatiile caracterelor ce compuntextul# ci la functiile pe care le poate avea un !loc de text in cadrul paginiiWe!& Toate aceste etic(ete produc automat trecerea la un rand nou si adaugareaunui spatiu suplimentar&

    7nserarea unei adrese

    @aca intr-o pagina &

    %locul pre&ormatat

    )ntr-un !loc ...# semni'catia marca?elor HTML se pastrea%a&,locul ... este indicat pentru a insera randuri vide spatiuintre randurile succesive "& aracterul = spatiu = poate ' luat in considerarede !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    15/41

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    16/41

    • inserarea unui spatiu suplimentar inainte de !locul paragraf

    • inserarea unui spatiu suplimentar dupa !locul paragraf# daca sefoloseste delimitatorul  acesta 'ind optional"

    • alinierea textului cu a?utorul atri!utului align# avand valorile posi!ile =left =# = center = sau = rig(t =&

    %locuri de titlu

    )ntr-un text titlurile (eaders " de capitole pot ' introduse cu a?utoruletic(etelor . 5 5 5 5 & Toate aceste etic(ete se refera la un !loc de text si tre!uie insotite de oetic(eta de inc(eiere similara&Fceste etic(ete accepta atri!utul align pentru alinierea titlului !locului detext la stanga in mod presta!ilit " # in centru si la dreapta& Tag-ul  permite scrierea unui titlu cu caractere mai mari si aldine# pe

    cand  foloseste caracterele cele mai mici&

    Linii ori(ontale

    )ntr-o pagina We! pot ' inserate linii ori%ontale&acest lucru se face cu a?utoruletic(etei & *entru a con'gura o linie ori%ontala se utili%ea%a urmatoreleatri!ute ale etic(etei 4

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    17/41

    •   align permite alinierea liniei ori%ontala& Calorile posi!ile sunt = left = #=center = si = rig(t =

    •   wi!th permite alegerea lungimii liniei

    •   size permite alegerea grosimii liniei

    •   nosha!e cand este pre%ent de'neste o linie fara um!ra

    •   color  permite de'nirea culorii liniei&

    %locuri 

    ,locul introdus de etic(etele ... alinia%a centrat toateelementele pe care le contine&

    %locuri

    Modalitatea cea mai e'cienta de delimitare si de formatare a unui !loc detext este folosirea delimitatorilor ...& Un parametru foartefoarte util pentru sta!ilirea caracteristicilor unui !loc   divi%iune "

    este align  aliniere "&Calorile posi!ile ale acestui parametru sunt4

    • left = aliniere la stanga "

    • center = aliniere centrala "

    • rig(t = aliniere la dreapta "&

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    18/41

    Un !loc ... poate include alte su!!locuri& )n acest ca% #alinierea preci%ata de atri!utul align al !locului are efect asupra tuturorsu!!locurilor incluse in !locul Un !loc ... admite atri!utul = no

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    19/41

    Liste neordonate

    I lista neordonata este un !loc de text delimitat de etic(etelecorespondente ... = ul = vine de la = unordered list = listaneordonata"& 8iecare element al listei este ini+iat de etic(eta  list item"&

    Lista va ' intentata fata de restul paginii We! si 'ecare element al listei 3ncepe pe un r6nd noua&

     Tag-urile  si  pot avea un atri!ut type care sta!ile5te caracterula'5at 3n fa+a 'ec$rui element al listei& Calorile posi!ile al acestui atri!ut sunt4

    =circle= cerc"• =disc= disc plin" valoarea presta!ilita"

    • =sPuare= p$trat"

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    20/41

    Liste ordonate

    I list$ ordonat$ de elemente este un !loc de text delimitat de etic(etelecorespondente ... = ol = vine de la = ordered list = listaordonat$"& 8iecare element al listei este ini+iat de etic(eta  list item"&

    Lista va ' identat$ fa+$ de restul paginii We! 5i 'ecare element al listei 3ncepe pe un r6nd nou&

     Tag-urile  si  pot avea un atri!ut type care sta!ile5te tipul decaractere utili%ate pentru ordonarea listei& Calorile posi!ile sunt4

    • = F = pentru ordonare de tipul F # , # # @ etc& litere mari "

    • = a = pentru ordonare de tipul a # ! # c # d etc& litere mici "

    • = ) = pentru ordonare de tipul ) # )) # ))) # )C etc& cifre romane mari "

    • = i = pentru ordonare de tipul i # ii # iii # iv etc& cifre romane mici "

    • = 0 = pentru ordonare de tipul 0 # 9 # 7 # ; etc& cifre ara!e - op+iunepresta!ilita "

    Ta"ele. oiuni 3i marca=e utili(ate.

     Ta!elele ne permit s$ cream o re+ea dreptung(iular$ de domenii# 'ecare

    domeniu av6nd propriile op+iuni pentru culoarea fondului# culoarea textului#alinierea textului etc&*entru a insera un ta!el se folosesc etic(etelecorespondente & Un ta!el este format din r6nduri&*entru a insera un r6nd intr-un ta!el se folosesc etic(etele ...  dela = ta!le ro< = r6nd de ta!el "&8olosirea etic(etei de sf6r5it  esteop+ional$&Un r6nd este format din mai multe celule ce con+in date&I celula de date se introduce cu etic(eta ..# exemplu4

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    21/41

    n mod presta!ilit# un ta!el nu are c(enar& *entru a ad$uga un c(enar unuita!el# se utili%ea%$ un atri!ut al etic(etei

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    22/41

    • =rig(t =&

    Flinierea este important$ pentru textul ce 3ncon?oar$ ta!elul& Fstfel 4

    • daca ta!elul este aliniat stanga ta!le align=left=N "# atunci textul

    care urmea%$ dup$ punctul de inserare al ta!elului va ' dispus inpartea dreapta a ta!elului&

    • daca ta!elul este aliniat dreapta ta!le align=rig(t=N "# atunci textulcare urmea%$ dup$ punctul de inserare al ta!elului va ' dispus inpartea stanga a ta!elului&

    • daca ta!elul este aliniat pe centru ta!le align=center=N "# atuncitextul care urmea%$ dup$ punctul de inserare al ta!elului va ' a'5at petoata l$+imea paginii# imediat su! ta!el&

    @istanta dintre ta!el 5i celelalte elemente din pagina We! poate ' sta!ilit$cu a?utorul atri!utelor hspace si vspace al etic(etei

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    23/41

    celule vecine&Caloarea presta!ilita a atri!utului cellspacing este 9&

    @istanta dintre marginea unei celule si con+inutul ei poate ' de'nita cua?utorul atri!utului cellpa!!ing al etic(etei

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    24/41

    • */ *orta!le /et

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    25/41

    •  J*. pentru fotogra'i# c6nd se dore5te s$ se redea c6t mai exactculoarea real$ a imaginii&

    • */ [ pentru desene complexe# dar 5i pentru fotogra'i# acesta 'indformatul care 3m!in$ caracteristicile celor dou$&

    )maginile pot ' desc$rcate de la adrese a!solute sau relative& Fdresele URLUniform Resource Locator" repre%int$ standarde de identi'care a resurselorde exemplu# '5iere" 5i pot ' adrese URL a!solute 5i relative&

    Adrese RL a"solute

    Fdresele a!solute identi'c$ loca+ia unui '5ier imagine de pe )nternet sau altecalculatoare conectate la )nternet 5i ausintaxa4protocolnume@calculatorcalenume@+3ier

    Un exemplu de adres$ URLa!solut$4 httpcio"anu.cich.mdima)eseu.=p)unde4

    • (tpp4 [ este protocolul )nternet utili%at

    • cio!anu&cic(&md [ este numele calculatorului

    • images [ este calea p6n$ la '5ierul imagine dorit

    eu&?pg [ este '5ierul imagine &F&Adrese RL relati/e

    I adres$ relativ$ identi'c$ loca+ia unei imagini# descriind o cale relativ$ ladirectorul curent unde se a>$ '5ierul imagine& Fdresele relative se refer$ lalocali%area '5ierului imagine de pe calculatorul personal 5i aresintaxa4 calenume@+3ier&

    Referirea la4[ directorul p$rinte se poate face prin \&&]

    [ directorul r$d$cin$ se poate face prin \]Un exemplu de adres$ URL relativ$4 ......&riend.=p) sau se mai poatescrie cBindoBsBe"Ballpaper&riend.=p)

     Toate imaginile cu care vom lucra vor avea adresa URL exprimat$ 3n func+iede directorul ce con+ine documentul HTML care face referire la imagine#adic$ adres$ relativ$&

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    26/41

    )maginile se inserae%$ 3n pagini cu a?utorul tag-ului # care este unelement inline# adic$ poate ' inserat oriunde 3n pagin$& Sintaxa acestuielement este4

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    27/41

    Ftri!utul align indic$ !ro 

    Atri"utele width 3i height 

    )maginea este transferat$ de !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    28/41

    Fceste atri!ute au acela5i efect ca 5i atri!utele cu acela5i nume aleelementului

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    29/41

    precum sinteti%atoare" 5i pl$cile de sunet ale calculatoarelor&8ormatul M)@) afost implementat 3n 0129 de c$tre industria mu%ical$& Fcest format estefoarte >exi!il 5i poate ' folosit pentru aproape" orice# de la crearea unorsunete foarte simple# p6n$ la crearea unora cu adev$rat profesionale&8ie5ierele M)@) nu con+in sunete# ci un set de instruc+iuni digitale mu%icalenote mu%icale" care pot ' interpretate de pl$cile de sunet alecalculatoarelor&@e%avanta?ul la acest tip de '5iere const$ 3n faptul c$ nu potstoca mu%ic$ 3n toat$ complexitatea ei"# ci doar note mu%icale&Fvanta?ul 3lconstituie m$rimea mic$ a acestor '5iere# prin urmare se pot 3nc$rca u5or 3ntr-o pagin$

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    30/41

    )E 4ormatul MI8

    8i5ierele M*7 sunt de fapt '5iere M*.# de%voltate ini+ial pentru video dec$tre Moving *ictures .xperts roup& Se poate a'rma c$ '5ierele M*7repre%int$ partea de sunet dintr-un '5iere video 3n format M*.&M*7 este 3n

    pre%ent unul dintre cele mai populare formate folosite la 3nregistrareamu%icii& Sistemul de codi'care M*7 com!in$ o !un$ compresie ce duce la'5iere mici" cu calitate 3nalt$& .ste de a5teptat ca pe viitor toate sistemele deoperare s$ ofere suport pentru acest tip de format&8i5ierele de tip M*7 auextensia &mp7 sau &mpga&

    n func+ie de scopul pentru care crea+i o pagin$

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    31/41

    ma?oritatea sistemelor de operare 5i de cele mai populare !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    32/41

    şi !)+")D', recunoscut de (nternet )*plorer şi Netscape,

    consorţiul /orld ide eb onsortium0 recomandă utili1area

    elementului !%"2)3'.

    !%"2)3 345)67te*t8html7 9)(#9367...7(D3967...7 D367http:88www.pagina;web.com7'!8%"2)3'

    *entru a insera o anima+ie creat$ 3n 8las( 3n format &s

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    33/41

    Ftri!utul classid identi'c$ 3n mod unic soft

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    34/41

     Ftri!utele Bidth 5i hei)ht tre!uie setate astfel 3nc6t s$ corespund$dimensiunii 'mului Real Cideo 3n pixeli"&

    Ftri!utul classid identi'c$ 3n mod unic soft

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    35/41

    elemente& n aceast$ situa+ie# un !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    36/41

    • *ermit vi%itarea unei pagini ncep6nd dintr-un anumit loc# renun+6nd la!arele de de'lare

    • *ermit trimiterea unui e-mail&

      O.1. Marca=ul !a'

      *entru a crea o leg$tur$ se folose5te marca?ul  ancor$# care aresintaxa4 coninut

    on+inutul dintre marca?ele  5i  poate ' text 5isau imagine# estea'5at de !ro

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    37/41

     3nc$rcat$ noua pagin$& /umele este orice 5ir de caractere sau valoriconstante4

    •  ;blanF  pagina va ' 3nc$rcat$ 3ntr-o nou$ fereastr$

     ;parent  pagina va ' 3nc$rcat$ 3n fereastra p$rinte

    •  ;top pagina va ' 3nc$rcat$ 3n fereastra top a cadrului

    •  ;self  pagina va ' 3nc$rcat$ 3n aceea5i fereastr$)implicită".

    Atri"utul title Fcest atri!ut are un caracter general 5i poate ' ata5at lama?oritatea elementelor HTML& Sintaxa acestui elementeste4title$!/aloare!& 6nd mouse-ul este deasupra con+inutului tag-

    ului  coninut se transform$ 3ntr-o m6n$ 5i va a'5a valoareaatri!utului title# 3ntr-o sugestie de instrument 3ntr-un cadru"&

     Re&erine c0tre alte pa)ini Fe"

    @ac$ se dore5te accesarea unei pagini de pe alt site# valoareaatri!utului href  este o adres$ URL a!solut$& Fmintim c$ o adresa URLa!solut$ are sintaxa4 protocol numecalculatorcale+3ier unde protocolpoate '# de exemplu# (ttp&

    Wix&com [F?ax ra

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    38/41

    FJF_ este despre actuali%area unor p$ri ale unei pagini

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    39/41

    • o!iect _MLHttpRePuest pentru a prelua date de la un server

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    40/41

    •  Trimiterea de o cantitate mare de date c$tre server *IST nu are limitede dimensiune"&

    • Se trimite datele introduse de utili%ator care pot conine caracterenecunoscute"# *IST este mai ro!ust i sigur dec6t .T&

    6T Cereri

    x(ttp&open=.T=# =demoget&asp=# true"x(ttp&send"

    Cereri IST

    x(ttp&open=*IST=# =demopost&asp=# true"x(ttp&send"

    RLul un +ier de pe un ser/er

    *arametrul URL-ul metodei desc(ise "# este o adres$ 3ntr-un 'ier de pe un server4

    x(ttp&open=.T=# =a?axtest&asp=# true"

    8iierul poate ' orice tip de 'ier# cum ar ' &txt i &xml# sau 'iere de serverscripting cum ar ' asp i &p(p care se poate reali%a aciuni pe server 3nainte de atrimite 3napoi r$spunsul"&

    Asincron0 Ade/0rat sau &als?

     Trimiterea de solicit$ri asincrone este o mare im!unatatire pentru de%voltatorii

  • 8/17/2019 Atestat-exeplu listing html si ajax crawling

    41/41

      document&get.lement,y)d=demo="&innerHTML x(ttp&responseText  hhx(ttp&open=.T=# =a?axinfo&txt=# true"x(ttp&send"

    As#nc $ &alse

    *entru a utili%a false async# modi'cai al treilea parametru 3n metoda desc(is$ "la false4

    x(ttp&open=.T=# =a?axinfo&txt=# false"

    Fsync fals nu este recomandat$# dar pentru c6teva solicit$ri de mici# acest lucrupoate ' ok&

    Fmintii-v$ c$ JavaScript nu va continua s$ execute# p6n$ c6nd r$spunsul server

    este gata& @ac$ serverul este ocupat sau lent# aplicaia se va 3nc(ide sau opri&

    x(ttp&open=.T=# =a?axinfo&txt=# false"x(ttp&send"document&get.lement,y)d=demo="&innerHTML x(ttp&responseText

     Japonia [Tara Soarelui Sus Rasare-*agina