1. Ligjerata 3 Dr. Fisnik Dalipi
Internet
Ligjerata 3
Dr. Fisnik Dalipi

2. XHTML - atribute Tag-et në XHTML mund të kenë atribute
Atributet japin informacione shtesë rreth tag-ut përkatës
Atributet vendosen në tag-un hapës në XHTML
Atributet gjithnjë shkojnë në çifte emër/vlerë
Shtimi i atributit bëhet në mënyrën si vijon
emer=”vlere”
Vlera e atributit, në XHTML gjithnjë duhet të jetë në thonjza
Më të përdorura janë thonjzat e dyfishta “...” edhepse përdoren edhe të njëfishtat '...'

3. Listat ne XHTML Në XHTML ekzistojnë tri lloje të listave
Lista të parenditura
Lista të renditura
Lista definimi

4. Lista e parenditur
Lista e parenditur paraqet listë të elementeve ku nuk ka numërim
Zakonisht para elementit ka shenjë (Ang. Bullet)
Për definim të listës së parenditur përdoret tag-u <ul>
Elementet e listës definohen përmes <li> tag-ut

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

6. Lista e parenditur Lista e parenditur paraqiten me tipa të ndryshëm
Kjo zakonisht ndryshon shenjën para elementit (Ang. Bullet)
Për definim të tipit të listës së parenditur përdoret tag-u <ul type=””>
Ku type=circle, square, ellipse etj.

7. Lista e renditur
Lista e renditur paraqet listë të elementeve ku elementet kanë numra
Zakonisht para elementit qëndron numër romak ose arab apo edhe shkronja
Për definim të listës së renditur pë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: Pajisje elekronike Dalja: <ol>
<li>Kompjuteri</li>
<li>Celulari</li>
<li>Laptopi</li>
</ol>
Dalja:

9. Lista e renditur Edhe lista e renditur paraqitet me tipe të ndryshëm
Numërimet mund të jenë me simbole të mëdhaja, të vogla ose me shenja tjera
Për definim të listës së renditur përdoret tag-u <ol type=””>
Ku tipi mund të jetë: I – Për numër romak të madh. i – për numër romak të vogël etj.

10. Lista te definuara Kjo nuk paraqet listë elementesh
Më tepër paraqet listë termesh dhe sqarime të termeve
Përbëhet prej 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ë definon përshkrimin e termit në listën e definimit

11. Lista te definuara Dalja: Shembull: Pajisje elekronike <dl>
<dt>Kompjuteri</dt>
<dd>Pajisje llogaritese</dd>
<dt>Celulari</dt>
<dd>Telefoni mobil</dd>
<dt>Laptopi</dt>
<dd>Kompjuter portabel</dd>
</dl>
Dalja:

12. Multimedia ne Web
Përdorimi i multimedia fajllave është bërë gati e obligueshme në web
I jep një “disponim” të posaçëm web faqes
Në një farë mënyre e kompleton përvojën tonë me web faqen
Faqja bëhet interesante dhe vizitohet më shpesh

13. Fajllat multimediale Fajllat mund të bëhen shumë të mëdhaja
Të drejtat intelektuale mund të jenë problematike
Audio/Video shpesh mund të terheqin vëmendjen (te jenë dekoncentrues)
Interoperabiliteti mes audio/video fajllave është problem në vehte

14. Tipet e audio fajllave Wav (zakonisht janë fajlla shumë të mëdhaja)
Mp3 (Fajlla më të vegjël, kompresion më i mirë)
Realmedia fajllat (rm – kompresion i mirë dhe format i përdorshëm)
Midi (madhësia jo e madhe, por kualiteti i kontestueshëm)
Ogg formati (përdoret në HTML5)

15. Vendosja e aufio fajlleve ne web
Shtimi përmes linkut
Shtimi përmes embed tagut
Shtimi përmes bgsound tagut
Shtimi përmes <audio> tagut (HTML5)
Me përdorim të CSS elementeve

16. Vendosja me link Linku bëhet njëlloj si te linqet e thjeshta,
<a href=“fajli.wav”>Audio Fajlli</a>
Kemi referencë të jashtme në audio fajll
Fajlli aktiviziohet kur shfrytëzuesi klikon në të
Fajlli hapet në player-in përkatës
Web kërkuesi determinon se me cilin player do të hapet fajlli

17. Tagu bgsound <bgsound src=“audioFajli.wav” />
Fajlli lexohet dhe ekzekutohet automatikisht
Paraqet një ekstenzion i Microsoft-it në XHTML
Nuk ekziston mundësia për ndaljen e zërit, përpos me JavaScript programim

18. Tagu embed <embded src=“audioFajlli.wav” width=“150”
height=“150” />
E vendos media player-in në faqe (vendosje inline)
Se kemi idenë cili player do të jetë (IE vendos Windows Media Player)
Sjellja e 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 cakton butonat për kontroll të audio fajlit
Momentalisht ka tri formate që përmabhen në audio tag-un: mp3, wav dhe ogg.

20. Vendosja e flash fajlleve
Flash animcionet janë fajllat multimedial më të përdorur në web
Vendosja e tyre ndryshon nga kërkuesi në kërkues
Në Mozilla, Opera vendosja është si vijon
<object type="application/x-shockwave-flash" data="movie.swf" width="300" height="135">
<param name="loop" value="true" />
<param name="menu" value="false" />
<p>Teksti alternativ, nese nuk ka player</p>
</object>

21. Vendosja e flash fajlleve
Në IE vendosja bëhet si vijon
<object classid="clsid:D27CDB6E-AE6D-11cf-96B " codebase=" width="300" height="135">
<param name="movie" value="movie.swf" />
</object>

22. Vendosja e fajlleve te jashtem
Viteve të fundit me paraqitjen e serviseve online për video streaming (Youtube etj) u bë e mundur shtimi i video fajllave ekstern.
Shtimi një Youtube fajli në faqen tuaj bëhet duke shfrytëzuar embed opcionin dhënël nga vet Youtube
<iframe width="420" height="315" src=" frameborder="0" allowfullscreen></iframe>

23. Thank You!
PYETJE???