Ligjerata 3 Dr. Fisnik Dalipi

1. Internet Ligjerata3 Dr. Fisnik Dalipi

2. XHTML - atribute • Tag-et në XHTML mund të kenë atribute • Atributetjapininformacioneshtesërreth tag-utpërkatës • Atributetvendosennë tag-un hapësnë XHTML • Atributetgjithnjëshkojnënëçifteemër/vlerë • Shtimiiatributitbëhetnëmënyrënsivijon • emer=”vlere” • Vlerae atributit, në XHTML gjithnjëduhettëjetënëthonjza • Mëtëpërdorurajanëthonjzat e dyfishta “...” edhepsepërdorenedhetënjëfishtat '...'

3. Listat ne XHTML • Në XHTML ekzistojnë tri llojetëlistave • Listatëparenditura • Listatërenditura • Listadefinimi

4. Lista e parenditur • Listae parenditurparaqetlistëtëelementevekunuk ka numërim • Zakonishtparaelementit ka shenjë (Ang. Bullet) • Për definim të listës së parenditur përdoret tag-u <ul> • Elementete listësdefinohenpërmes <li> tag-ut

5. Lista e parenditur Shembull: Pajisjeelektronike • <ul> • <li>Kompjuteri</li> • <li>Celulari</li> • <li>Laptopi</li> • </ul> Dalja:

6. Lista e parenditur • Listae parenditurparaqiten me tipatëndryshëm • Kjozakonishtndryshonshenjënparaelementit (Ang. Bullet) • Përdefinimtëtipittëlistëssëparenditurpërdoret tag-u <ul type=””> • Ku type=circle, square, ellipse etj.

7. Lista e renditur • Listae renditurparaqetlistëtëelementevekuelementetkanënumra • Zakonishtparaelementitqëndronnumërromakosearabapoedheshkronja • Përdefinimtëlistëssërenditurpërdoret tag-u <ol> • Elementet e listës definohen përmes <li> tag-ut sikur në listën e parenditur

8. Lista e renditur Shembull: Pajisjeelekronike • <ol> • <li>Kompjuteri</li> • <li>Celulari</li> • <li>Laptopi</li> • </ol> • Dalja:

9. Lista e renditur • Edhelista e renditurparaqitet me tipetëndryshëm • Numërimetmundtëjenë me simboletëmëdhaja, tëvoglaose me shenjatjera • Përdefinimtëlistëssërenditurpërdoret tag-u <ol type=””> • Ku tipi mundtëjetë: I – Përnumërromaktëmadh. i – përnumërromaktëvogëletj.

10. Listatedefinuara • Kjonukparaqetlistëelementesh • Mëtepërparaqetlistëtermeshdhesqarimetëtermeve • Përbëhetprej tri tag-eve • dl – definition list që definon listën e definimit • dt – definition term që definon termin në listën e definimit • dd– definition description qëdefinonpërshkrimin e termitnëlistën e definimit

11. Listatedefinuara Shembull: Pajisjeelekronike • <dl> • <dt>Kompjuteri</dt> • <dd>Pajisjellogaritese</dd> • <dt>Celulari</dt> • <dd>Telefonimobil</dd> • <dt>Laptopi</dt> • <dd>Kompjuterportabel</dd> • </dl> • Dalja:

12. Multimedia ne Web • Përdorimii multimedia fajllaveështëbërëgati e obligueshmenë web • I jepnjë “disponim” tëposaçëm web faqes • Nënjëfarëmënyre e kompletonpërvojëntonë me web faqen • Faqjabëhetinteresantedhevizitohetmëshpesh

13. Fajllatmultimediale • Fajllatmundtëbëhenshumëtëmëdhaja • Tëdrejtatintelektualemundtëjenëproblematike • Audio/Video shpeshmundtëterheqinvëmendjen (tejenëdekoncentrues) • Interoperabilitetimes audio/video fajllaveështë problem nëvehte

14. Tipet e audio fajllave • Wav (zakonishtjanëfajllashumëtëmëdhaja) • Mp3 (Fajlla më të vegjël, kompresion më i mirë) • Realmediafajllat (rm – kompresionimirëdhe format ipërdorshëm) • Midi (madhësiajo e madhe, porkualitetiikontestueshëm) • Oggformati (përdoretnë HTML5)

15. Vendosja e aufiofajlleve ne web • Shtimipërmeslinkut • Shtimipërmes embed tagut • Shtimipërmesbgsoundtagut • Shtimipërmes <audio> tagut (HTML5) • Me përdorim të CSS elementeve

16. Vendosja me link • Linkubëhetnjëllojsitelinqet e thjeshta, • <a href=“fajli.wav”>Audio Fajlli</a> • Kemireferencëtëjashtmenë audio fajll • Fajlliaktiviziohetkurshfrytëzuesiklikonnëtë • Fajllihapetnë player-in përkatës • Web kërkuesideterminon se me cilin player do tëhapetfajlli

17. Tagubgsound • <bgsoundsrc=“audioFajli.wav” /> • Fajllilexohetdheekzekutohetautomatikisht • Paraqetnjëekstenzioni Microsoft-it në XHTML • Nukekzistonmundësiapërndaljen e zërit, përpos me JavaScript programim

18. Tagu embed • <embdedsrc=“audioFajlli.wav” • width=“150” • height=“150” /> • E vendos media player-in nëfaqe (vendosje inline) • Se kemiidenëcili player do tëjetë (IE vendos Windows Media Player) • Sjelljae player-it ështëgjithashtu e pa parashikueshme

19. Audio fajllat ne HTML 5 • <audio controls="controls"> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3“ type="audio/mpeg"> Your browser does not support the audio element. </audio> • Ku attributi controls caktonbutonatpërkontrolltë audio fajlit • Momentalishtka tri formateqëpërmabhennë audio tag-un: mp3, wav dheogg.

20. Vendosja e flash fajlleve • Flash animcionetjanëfajllatmultimedialmëtëpërdorurnë web • Vendosjae tyrendryshonngakërkuesinëkërkues • NëMozilla, Opera vendosjaështësivijon • <object type="application/x-shockwave-flash" data="movie.swf" width="300" height="135"> • <param name="loop" value="true" /> • <param name="menu" value="false" /> • <p>Tekstialternativ, nesenuk ka player</p> • </object>

21. Vendosja e flash fajlleve • NëIE vendosjabëhetsivijon • <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="300" height="135"> • <param name="movie" value="movie.swf" /> • </object>

22. Vendosja e fajllevetejashtem • Vitevetëfundit me paraqitjen e serviseve online për video streaming (Youtubeetj) u bë e mundurshtimii video fajllaveekstern. • ShtiminjëYoutubefajlinëfaqentuajbëhet duke shfrytëzuar embed opcionindhënëlnga vet Youtube • <iframe width="420" height="315" src="http://www.youtube.com/embed/AscPOozwYA8" frameborder="0" allowfullscreen></iframe>

23. Thank You! • PYETJE???