Transcript Gjithshka mbi Skype

Ligjerata 3
Dr. Fisnik Dalipi
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 '...'
Listat ne XHTML
•
•
•
•
Në XHTML ekzistojnë tri lloje të listave
Lista të parenditura
Lista të renditura
Lista definimi
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> tagut
Lista e parenditur
Shembull: Pajisje
elektronike
•
•
•
•
•
<ul>
<li>Kompjuteri</li>
<li>Celulari</li>
<li>Laptopi</li>
</ul>
Dalja:
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.
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 tagu <ol>
• Elementet e listës definohen përmes <li> tagut sikur në listën e parenditur
Lista e renditur
Shembull: Pajisje
elekronike
•
•
•
•
•
<ol>
<li>Kompjuteri</li>
<li>Celulari</li>
<li>Laptopi</li>
</ol>
• Dalja:
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 tagu <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.
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
Lista te definuara
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:
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
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
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)
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
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
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
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
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.
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>
Vendosja e flash fajlleve
• Në IE vendosja bëhet si vijon
• <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000"
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>
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="http://www.youtube.com/embed/AscP
OozwYA8" frameborder="0"
allowfullscreen></iframe>
Thank You!
 PYETJE???