1 / 22

HTML

HTML. Hypertext Hypermedia World Wide Web Browser Inserarea imaginilor Introducerea legăturilor în pagina web Tagul body. Hypertext.

adelle
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Hypertext Hypermedia World Wide Web Browser Inserarea imaginilor Introducerea legăturilor în pagina web Tagul body

  2. Hypertext • Este un material sub formă de text sau imagine, interconectat întro manieră complexă, nesecvenţială de asociaţii, în care utilizatorul poate naviga , căuta informaţii referitoare la un obiect.

  3. Hypermedia • Este un termen aproape sinonim celui de hypertext, singura deosebire fiind faptul că subliniază prezenţa şi a unor elemente care nu sunt de tip text, cum ar fi animaţii, secvenţe sonore sau secvenţe video.

  4. World Wide Web(Web) • Ansamblul documentelor de natură hypertextdistribuite die pe Internet , fie în reţele locale. Aceste documente distribuite pe Web(numite şi pagini web) sunt scrise în limbajul HTML.

  5. Browser • Aplicaţie (client) care permite unui utilizator să vizualizeze documente HTML de pe Web, să navigheze urmărind legăturile dintre ele şi să transfere fişiere. Aceste aplicaţii afişează atât textul cât şi grafica din aceste documente, redau fişierele audio şi video înglobate în documente.

  6. Definiţie • Un document html este o succesiune de blocuri de informaţie . Aceste blocuri pot fi incluse unul în altul. Un bloc este delimitat de simboluri speciale, numite tag –uri • Exemple: <html>, <head>,<title>,<body> • </html>, </head>,</title>,</body>

  7. Inserarea imaginilor • Fişierele GIF- sunt imagini ce folosesc cel mult 256 culori şi sunt indicate pentru imagini de dimensiuni mici (ca dimensiune a fişierului, nu ca suprafaţă) care nu necesită o adâncime mare de culoare. Aceste este formatul cel mai răspândit pe web.

  8. Facilităţi ale formatului GIF • Imagini întreţesute, adică imagini care apar integral în pagina web, dar,pe măsură ce sunt încărcate , claritatea lor creşte • Imagini transparente, care nu au culoare de fond , astfel încât ceea ce se află în spatele devine parţial vizibil • Imagini animate- fişiere imagine speciale ce conţin o succesiune de imagini afişate periodic în pagina web

  9. Fişierele JPG • Sunt imagini ce folosesc până la 16,7 milioane de culori şi de aceea sunt indicate pentru imagini mai fine, ce necesită claritate, adâncime, dar aceste imaginiau, de obicei, şi dimensiuni mai mari şi atunci se încarcă mai greu.

  10. Tag-ul <IMG> • < img src = “…” alt = “……” border = “…...”width = “…...” height =“…….” align =“…….” >

  11. SRC= Stabileşte sursa(source) imaginii ce trebuie încărcată • ALT= stabileşte textul(de obicei explicativ) ce va fi afişat de browser atunci când vizitatorul plasează pointer-ul mouse-ului deasupra imaginii • BORDER = dimensiunea bordurii ce va fi desenat în jurul imaginii • WIDTH = lungimea în pixeli a imagiinii dacă cunoaşteţi • HEIGHT=înălţimea în pixeli a imaginii dacă cunoaşteţi • ALIGN= stabileşte alinierea imaginii în cadrul paginii web (left, right, top, middle, bottom)

  12. Introducerea legăturilor în pagina web • Crearea de legături între paginile HTML <a href = “…….” >text sau imagine pe post de link </a> EX: <a href = “pagina2.html” >către pagina 2 </a>

  13. Crearea ancorelor • <a name=“nume_ancora”> text pe post de ancora</a> • <a href=“#nume_ancora”>mergi la ….</a> EX : <a name=“top”> inceputul paginii</a> <a href=“#top”> mergi la inceputul paginii </a>

  14. Link-uri externe la diverse site-uri <a href=“http://www.edu.ro”>Ministerul Educatiei</a> Atenţie: Trebuie să precizăm protocolul http

  15. Tagul <body>cu atribute noi • <body text =“…..” bgcolor=“……” background=“….” link=“…..” alink=“…..” vlink=“…..”> …….</body>

  16. TEXT= specifică culoarea generală pentru textul din pagină fie prin numele ei fie prin cod - asta numai dacă nu avem (<font color=“…..”>) • BGCOLOR = culoare fundal pagină • BACKGROUND = imagine pentru fundalul paginii • LINK = specifică culoarea pentru link-uri • ALINK = specifică culoarea pentru link-urile active • VLINK = specifică culoarea pentru link-urile vizitate

  17. Sunete în pagina WEB • Ca muzică de fundal • Ca element al paginii • De multe ori este folosit un program suplimentar numit aplicaţie helper (plug - in)

  18. Tipuri de fişiere de sunet pentru WEB Extensii: .midi ; .mid ; waw ; au ; aif ; aiff ; mp3 ; mpeg; ra ; ram ; rpm ; swa Ex: • <a href=”beatles.mid”>Asculta !</a> • <bgsound src= “eminem.mp3” loop=“infinite”>

  19. Atributele elementulu bgsound • Src=locatia fisierului de sunet • Volume=reglează volumul (0; -1000) • loop = “infinite” sau “n”

  20. Inserarea unui video -clip • Extensii: • .mpeg ; .mpg ; .avi; .mov • Ex: • <a href=“8miles.avi”>videoclip</a>

  21. Inserarea video –clip-ului direct în pagina WEB • <img dynsrc=“aliensong.mpg” loop =“3” start= “mouseover” src=“planet.gif” alt=“aliensong” controls> • Dynsrc= URL-ul fisierului video- clip • Loop= nr.de repetări (infinite sau n) • Start =momentul in care incepe video- clipul • (fileopen sau mouseover) • Controls= defineste controlul playback ce apare in fata imaginii • Loopdelay= stabileste intervalul de timp(milisec)intre doua reluari succesive

  22. Elementul Object • <object data=“8miles.avi” type=“video/msvideo” height=“150” width=“150”><param name=“autostart” value=“true”>Trebuie instalat un plug -in<object>

More Related