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> tag-ut

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 tag-u <ol>

• Elementet e listës definohen përmes <li> tag-ut 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 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.

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 definuaraShembull: 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-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>

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/AscPOozwYA8" frameborder="0" allowfullscreen></iframe>

PYETJE???

Thank You!