HTML 5 tag video e bën të lehtë për të shtuar video në faqet tuaja Web . Por, ndërkohë që duket e lehtë në sipërfaqe, ka shumë gjëra që duhet të bëni për të marrë videon tënde në funksionim. Ky tutorial do t'ju çojë nëpër hapat për të krijuar një faqe në HTML 5 që do të shfaqë video në të gjithë shfletuesit modernë.
- Hosting juaj HTML 5 Video vs Përdorimi i YouTube
- Vështrim i shpejtë i mbështetjes së videove në Web
- Krijo dhe ndrysho videon tënde
- Convert Video të Ogg për Firefox
- Convert Video në MP4 për Safari
- Convert Video në FLV për Internet Explorer
- Shto elementin e videos në faqen tënde të internetit
- Shtoni JavaScript dhe Flash Player për të marrë Internet Explorer për të punuar Pjesa 1
- Testoni në sa shumë shfletues sa mundeni
01 nga 10
Hosting juaj HTML 5 Video vs Përdorimi i YouTube
YouTube është një vend i mrekullueshëm. Kjo e bën të lehtë të futësh video në faqet e uebit shpejt, dhe me disa përjashtime të vogla është mjaft e pastër në ekzekutimin e këtyre videos. Nëse postoni një video në YouTube, mund të jeni mjaft të sigurtë se çdokush do të jetë në gjendje ta shikojë atë.
Por Përdorimi i YouTube për të Mbjellë Videos Tu Ka Disa Mangësitë
Shumica e problemeve me YouTube janë në anën e konsumatorit, e jo në anën e projektuesit, gjëra të tilla si:
- Kërkimi dhe indeksimi i ngadalshëm
- Ndërprerjet e serverit
- Përmbajtja është larguar (me sa duket) në mënyrë arbitrare
- Përmbajtje shumë të keqe
Por ka disa arsye pse YouTube është keq për zhvilluesit e përmbajtjes gjithashtu, duke përfshirë:
- Gjatësia maksimale 10 minutëshe për videot (për llogaritë e lira)
- Performanca e dobët e ngarkimit
- YouTube fiton të drejta të pakufizuara për përdorimin në videon tënde
- Çdo përdorues i YouTube fiton të drejta të pakufizuara për përdorimin në videon tënde
HTML 5 Video jep disa përparësi mbi YouTube
Duke përdorur HTML 5 për video, do t'ju lejojë të kontrolloni çdo aspekt të videos tuaj, prej kujt mund ta shikoni, sa kohë është, se çfarë përmban përmbajtja, ku është pritur dhe si funksionon serveri. Dhe videoja HTML 5 ju jep mundësinë për të koduar videon tuaj në formatet e shumta që ju nevojiten për t'u siguruar se numri maksimal i njerëzve mund ta shikojë atë. Klientët tuaj nuk kanë nevojë për një plugin ose të presin derisa YouTube të lëshojë një version më të ri.
Sigurisht, HTML 5 Video ofron disa pengesa
Kjo perfshin:
- Duhet të kodosh videon tënde në të paktën tre codec të ndryshëm
- Ju duhet të përfshini disa JavaScript për të siguruar që shfletuesit që nuk e mbështesin HTML 5 do të funksionojnë
- Serveri juaj duhet të jetë në gjendje të trajtojë kërkesat e bandwidth-it për të siguruar videot
02 nga 10
Vështrim i shpejtë i mbështetjes së videove në Web
Shtimi i videos në faqe Web ka kohë që ka qenë një proces i vështirë. Ka pasur kaq shumë gjëra që mund të shkojnë keq:
- Së pari, përdor tagin
- Pra, kaloni te tagja
- Pastaj mendoni " Flash !" Dhe kodoni videon tuaj si një skedar FLV. Por Flash nuk mbështetet në shumë pajisje të lëvizshme dhe shumë njerëz e urrejnë Flash-in pa marrë parasysh se si përdoret (25% e të anketuarve në sondazhin tim të pyetur për mënyrën se si ndiheni rreth Flash-it deklaroi se nuk mund të qëndrojnë në asnjë mënyrë).
- Kështu që vendosni të ngarkoni videon tuaj në një faqe embedding video si YouTube, por pastaj i keni çështjet me YouTube që kemi diskutuar.
- Së fundi, vendosni të shkoni me HTML 5, por Internet Explorer nuk e mbështet atë (jo deri në Internet Explorer 9). Dhe edhe nëse bëni, ekzistojnë dy standarde të kodeve video të cilat mbështeten dhe vetëm një shfletues që mund të përdorë të dyja. Mbështetja e shfletuesit për kodet video dhe kontejnerët
Pra, çfarë duhet të bëni? Dhënia deri në video nuk është më një opsion për shumicën e faqeve, pasi video po bëhet gjithnjë e më e rëndësishme. Dhe shumë vende kanë kaluar me sukses në video.
Faqet e mëposhtme të këtij neni do të hapin mënyrën se si të shtoni video në faqet e uebit që funksionojnë në Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 dhe 4, iPhone dhe Android, Flash dhe Internet Explorer 7 dhe 8. Ju do gjithashtu keni çelësat që duhet të shtoni përkrahje për shfletues të tjerë të vjetër nëse është e nevojshme.
03 nga 10
Krijo dhe ndrysho videon tënde
Gjëja e parë që ju nevojitet kur ju do të vendosni një video në një faqe Web është videoja aktuale. Mund të xhironi vazhdimisht dhe të redaktoni më pas për të krijuar një veçori, ose mund ta shkruani dhe ta planifikoni përpara kohe. Sido që të jetë, funksionon mirë, është gjithçka që ju pëlqeni. Nëse nuk e dini se çfarë lloj videoje duhet të bëni, shikoni këto ide nga Udhëzuesi Video për Desktop:
- Projektet e Familjes Video
- Marketingu dhe videot promovuese
- Video Virtual Tours
- Si te Videot
- Dasma Video
Mësoni si të regjistroni video me cilësi të lartë
Sigurohuni që të dini se si të regjistroni brenda dhe jashtë, si dhe si të regjistroni audio. Ndriçimi është gjithashtu shumë i rëndësishëm - të shtëna që janë shumë të ndritshme lëndojnë sytë, dhe shumë të errët vetëm duken me baltë dhe joprofesionale. Edhe nëse planifikoni të keni vetëm 30 sekonda video në faqen tuaj, cilësia më e lartë është më e mirë që do të reflektojë në faqen tuaj te internetit.
Mos harroni gjithashtu se e drejta e autorit vlen për çdo tingull ose muzikë (si dhe pamjet e aksioneve) që mund të dëshironi të përdorni në videon tuaj. Nëse nuk keni akses tek një shok i cili mund të shkruajë dhe të luajë një këngë për ju, do t'ju duhet të gjeni muzikë pa pagesë për të luajtur në sfond. Ka edhe vende ku mund të regjistroni stoqe për të shtuar në videot tuaja.
Editing Your Video
Nuk ka rëndësi se çfarë software-i të redaktimit ju përdorni, vetëm për aq kohë sa ju njihni dhe mund ta përdorni në mënyrë efektive. Gretchen, Udhëzuesi për Video për Desktop, ka disa këshilla profesionale të redaktimit të videove që mund t'ju ndihmojnë të redaktoni videot tuaja në mënyrë që ata të duken të shkëlqyera.
Ruaj videon tënde në një MOV ose AVI (ose MPG, CD, DV)
Për pjesën tjetër të këtij mësimi, ne do të supozojmë se keni ruajtur videon tuaj në një lloj të formatit të kualitetit të lartë (jo të ngjeshur) si AVI ose MOV. Ndërkohë që mund t'i përdorni këto skedarë ashtu siç janë, ju mund të përballeni me të gjitha problemet me videon që kemi diskutuar tashmë. Faqet e mëposhtme do të shpjegojnë se si ta konvertojë skedarin tuaj në tri lloje, në mënyrë që të shikohet nga numri më i madh i shfletuesve.
04 nga 10
Convert Video të Ogg për Firefox
Formati i parë që do të konvertohet është Ogg (ndonjëherë i quajtur Ogg-Theora). Ky format është ai që Firefox 3.5, Opera 10.5 dhe Chrome 3 mund të shikojnë të gjithë.
Për fat të keq, ndërsa Ogg ka mbështetjen e shfletuesit, shumë nga programet e njohura video që mund të blini (Adobe Media Encoder, QuickTime etj.) Nuk ofrojnë një opsion konvertimi Ogg. Pra, mënyra e vetme për të kthyer videon tënde në Ogg është gjetja e një programi konvertimi në Web.
Opsionet e konvertimit
Ekziston një mjet në internet i quajtur Media-Convert që pretendon të konvertojë formatet e ndryshme të videos (dhe audio) në formate të tjera video (dhe audio). Kur e provuam me videon e provës prej 3 sekondash, nuk mund ta bënim atë të punonte në Mac. Por mund të keni fat më të mirë. Kjo faqe ka dobi të jesh i lirë.
Disa mjete të tjera që kemi gjetur përfshijnë:
- Miro Video Converter (Windows Macintosh) - Ky program ka dobi të konvertimit në të dy Ogg dhe MP4 (H.264) dhe është burim i hapur.
- Koyote Video Converter (Windows)
- Free Video Converter Ne mendojmë se kjo ka edhe një version të Windows dhe një Macintosh, por ishte e vështirë të thuhej nga faqja e tyre
- Simple Theora Encoder (Macintosh) - kjo është ajo që ne synojmë ta përdorim.
Pasi ta keni ruajtur videon tuaj në formatin Ogg, ruajeni në një vend në faqen e internetit dhe shkoni në faqen tjetër për ta kthyer atë në formate të tjera për shfletues të tjerë.
05 nga 10
Convert Video në MP4 për Safari
Formati i ardhshëm që duhet të konvertohet në video është MP4 (H.264 video) në mënyrë që të mund të luhet në Safari 3 dhe 4 dhe iPhone dhe Android. Plus, videot H.264 mund të konvertohen lehtësisht në skedarë FLV për të shikuar në Flash.
Ky format është më i disponueshëm në produktet komerciale, dhe ndoshta tashmë keni një program që do të konvertohet në MP4 nëse keni një redaktor video. Nëse keni Adobe Premiere ju mund të përdorni Adobe Encoder Video, ose nëse keni QuickTime Pro që do të funksionojë gjithashtu. Shumë nga konvertuesit që kemi diskutuar në faqen e mëparshme gjithashtu do të konvertojnë videot në MP4.
- Media-Convert - një mjet në internet
- Miro Video Converter (Windows Macintosh) - Ky program ka dobi të konvertimit në të dy Ogg dhe MP4 (H.264) dhe është burim i hapur.
- SUPER (Windows) - do të konvertojë shumë lloje të skedarëve të ndryshëm në MP4 dhe FLV
- Free Video Converter Ne mendojmë se kjo ka edhe një version të Windows dhe një Macintosh, por ishte e vështirë të thuhej nga faqja e tyre
Ruani skedarin tuaj MP4 në faqen tuaj dhe pastaj do t'ju duhet të konvertohet në Flash për Internet Explorer për t'u përdorur.
06 nga 10
Convert Video në FLV për Internet Explorer
Mënyra më e lehtë për të kthyer videot në FLV është përdorimi i vetë Flash-it. Kështu i kthejmë videot e mia në Flash. Por në qoftë se ju nuk keni Flash, këtu janë dy mjete popullore për konvertimin e skedarëve në FLV:
- SUPER (Windows) - do të konvertojë shumë lloje të skedarëve të ndryshëm në MP4 dhe FLV
- ffmpegX (Macintosh) - do të konvertojë shumë lloje të skedarëve të ndryshëm në Mp4 dhe FLV.
Ruani skedarin tuaj FLV në faqen tuaj dhe faqja tjetër do t'ju tregojë se si të shkruani HTML në mënyrë që të mund të luani videot tuaja.
07 nga 10
Shto elementin e videos në faqen tënde të internetit
Është shumë e lehtë të përdorësh HTML 5 për të shtuar video në faqet Web. Shumica e shfletuesve modern mbështesin HTML 5 video, edhe pse nuk e mbështesin të gjithë në të njëjtën mënyrë. Por kjo do të thotë që nëse ju e ruani videon tuaj si formate Ogg dhe MP4, do të jeni në gjendje të shkruani vetëm katër ose pesë rreshta HTML për ta shfaqur atë në shfletuesit më modernë (përveç Internet Explorer 8). Ja se si:
- Shkruaj HTML 5 dokumenti shënues në mënyrë që shfletuesit të dinë të presin HTML 5:
- Krijo faqen tuaj Web si zakonisht do ta krijoni:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> Brenda trupit, vendosni tagun <video>: <blockquote> <Video> </ video> </blockquote></li><li> Vendosni se cilat atribute dëshironi që videoja juaj të ketë: <ul><li> autoplay - për të filluar sapo të shkarkohet </li><li> kontrollet - lejoni lexuesit tuaj të kontrollojnë videon (pauzë, rrotullim, përparim të shpejtë) </li><li> loop - filloni videon nga fillimi kur mbaron </li><li> ngarkoni paraprakisht - para-shkarkoni videon në mënyrë që të jetë gati më shpejt kur klienti klikon mbi të </li><li> poster - përcaktoni imazhin që dëshironi të përdorni kur video është ndalur </li></ul> Ne rekomandojmë përdorimin e kontrolleve dhe ngarkimin e parave. Përdorni opsionin e posterit nëse videoja juaj nuk ka një skenë të mirë të parë. <blockquote> <video kontrollon preload> </ video> </blockquote></li><li> Pastaj shtoni skedarët burim për dy versionet e videos (MP4 dhe OGG) brenda elementit <video>: <blockquote> <video kontrollon preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Hapni faqen në Chrome 1, Firefox 3.5, Opera 10 dhe / ose Safari 4 dhe sigurohuni që të shfaqet në mënyrë korrekte. Ju duhet ta provoni atë në të paktën Firefox 3.5 dhe Safari 4 - pasi që secili përdor një kodek të ndryshëm. </li></ol><p> Kjo eshte. Pasi të keni këtë kod në vend, do të keni një video që funksionon në Firefox 3.5, Safari 4, Opera 10 dhe Chrome 1. Por çfarë ndodh me Internet Explorer? </p> <h3> Internet Explorer nuk pëlqen HTML 5 ose tag <video> </h3><p> Në seksionin e ardhshëm, Ne do të flasim për atë që mund të bëni për të marrë IE 8 për të luajtur bukur me HTML 5 video tags dhe shfaqur një video. Ju duhet të përdorni Flash. Lajm i mirë është se IE 9 pritet të mbështesë HTML 5 dhe tag video. </p> <p> <strong>08 nga 10</strong> </p> <h3> Shtoni JavaScript dhe Flash Player për të marrë Internet Explorer për të punuar </h3><p> Ju mund të keni vënë re se në HTML e faqes së mëparshme, nuk kishte asnjë linjë burimi për skedarin FLV. Dhe nëse e provove atë faqe në Internet Explorer nuk do të funksiononte. Kjo për shkak se Internet Explorer nuk e njeh HTML 5 dhe nuk mund të luajë as OGG ose MP4 video nativisht. Në mënyrë që Internet Explorer 7 dhe 8 të funksionojnë, duhet ta keni të luani videon si Flash. Por ka më shumë hapa për të marrë atë për të punuar se thjesht duke shtuar skedarin FLV. </p> <h3> Hapi 1: Merrni një Flash Video Player për Webfaqen Tuaj </h3> <p> Ne rekomandojmë marrjen e FlowPlayer sepse është një lojtar me video të hapur me burim të hapur që mund të instaloni në serverin tuaj Web dhe përdorni sa herë që të keni video Flash për të luajtur. Versioni i lirë i FlowPlayer fut reklamat në videot tuaja, por gjithashtu mund të blini licenca komerciale nëse keni nevojë për to. </p> <p> Ndiqni udhëzimet në faqen e FlowPlayer për të instaluar FlowPlayer në faqen tuaj te internetit. Në pak fjalë, do të instaloni 2 skeda SWF dhe një skedar JavaScript në faqen tuaj. Në pjesën e poshtme të HTML-it tuaj (përpara tagit </ body>) do të shtoni një vijë: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Por Internet Explorer ende nuk do të luajë videon, ju duhet ta mësoni se si të njohin HTML 5 tags. </p> <h3> Hapi 2: Konvokoni Internet Explorer për të lexuar HTML 5 Tags </h3><p> Ekziston një dorëshkrim i dobishëm në Kodin Google i quajtur "HTML Shiv" që do të ndihmojë IE të njohë elementët e HTML 5. Pra, në <head> të dokumentit tuaj HTML dëshironi ta referoni atë. Është mirë që ta fusni në komentet e kushtëzuara IE në mënyrë që shfletuesit e tjerë të mos jenë të hutuar: </p> <blockquote> <! - [nëse IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Mirë, tani IE do të njohë tagun <video>, por nuk do të dijë se çfarë të bëjë me skedarët burimor që keni përfshirë deri më tani. </p> <h3> Hapi 3: Shto një Linjë Burimi për FLV File </h3><p> Ashtu si keni bërë në faqen e mëparshme, do të shtoni një vijë në HTML 5 brenda elementit <video> që tregon se ku e keni ruajtur skedarin FLV në serverin tuaj. </p> <blockquote> <video kontrollon preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Video ekrani, Video ekrani 2, H.264" '></strong> <br> </ Video> </blockquote><p> <strong>09 nga 10</strong> </p> <h3> Shtoni JavaScript dhe Flash Player për të marrë Internet Explorer për të punuar - Pjesa 2 </h3><p> Për fat të keq, ende nuk jemi bërë. Tani duhet t'i tregojmë IE për të përdorur FlowPlayer Flash player që ne i referohemi më sipër. </p> <h3> Hapi 4: Kthejeni elementin <video> në Flash </h3><p> Për këtë, ne kemi nevojë për një skenar tjetër. Ne morëm skenarin nga <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">zhytja në HTML 5</a> . Por kur e provuam, nuk funksionoi derisa të bëheshim disa rregullime: </p> <ul><li> Rreth linjës 31: shtoni vendndodhjen e instalimit tuaj FlowPlayer. </li><li> Rreth linjës 42: ndryshoni llojin e skedarit nga <blockquote> video / mp4 </blockquote> në <blockquote> video / x-flv </blockquote></li><li> Rreth rreshtit 94: duke filluar me <blockquote> nëse (!! $ && !! $ (dokument) .ready) { </blockquote> deri në fund të dokumentit, ndërroni atë seksion për të lexuar: <blockquote> // nëse (!! $ && !! $ (dokument) .ready) { <br> / * Përdoruesit jQuery mund të iniciojnë sapo DOM të jetë gati * / <br> // $ (dokument) .ready (html5_video_init); <br> //} tjetër { <br> / * Gjithkush tjetër mund të presë deri në ngarkesë * / <br> / * addEvent nëpërmjet http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funksion (obj, tipi, fn) { <br> nëse (obj.addEventListener) <br> obj.addEventListener (tipi, fn, false); <br> tjetër nëse (obj.attachEvent) <br> obj.attachEvent ('on' + lloji, funksioni () {return fn.apply (obj, ri Array (window.event));}); <br> } <br> addEvent (dritare, "ngarkesë", html5_video_init); <br> //} </blockquote></li></ul><p> Pasi të keni redaktuar skedarin JavaScript, ngarkoni atë në serverin tuaj dhe lidhuni me të në fund të faqes tuaj HTML (para </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Uf! Tani që ju keni bërë të gjitha këto, ju duhet të ngarkoni HTML-in tuaj në mënyrë që të filloni testimin. </p> <p> <strong>10 nga 10</strong> </p> <h3> Testoni në sa shumë shfletues sa mundeni </h3><p> Testimi i faqeve video është kritik nëse doni të keni një nisje të suksesshme. Duhet të jeni të sigurtë që ta provoni faqen tuaj në shfletuesit dhe versionet më të njohura për faqen tuaj te internetit. </p> <p> Ne kemi zbuluar se ndërsa është e mundur të përdorësh mjete si BrowserLab dhe AnyBrowser për të provuar video, nuk është aq e besueshme sa ta çosh vetë faqen në një shfletues. Kur ta bëni këtë, ju mund të shihni me të vërtetë nëse është duke punuar apo jo. </p> <p> Meqë ke shkuar në telashe për të koduar videon tënde në tre formate, duhet ta provosh për të siguruar që të shfaqet në të treja. Kjo do të thotë, së paku, ta provoni në: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 ose 4 </li><li> Internet Explorer 7 ose 8 </li></ul><p> Mund të provosh në Chrome, por që kur Chrome do të shohë të tre metodat (madje edhe Flash, nëse keni plugin), është e vështirë të thuash nëse ka ndonjë problem me një nga dy ose me cilin codec Chrome po përdor. </p> <p> Për paqen tënde mendore, duhet gjithashtu të provosh në shfletues të vjetër për të parë se çfarë bëjnë ata, veçanërisht nëse shumë lexues përdorin shfletues më të vjetër. </p> <h3> Marrja e videos duke punuar në shfletuesit e vjetër </h3><p> Ashtu si me çdo faqe Web, së pari duhet të konsideroni se sa e rëndësishme është që këta shfletues të punojnë. Nëse 90% e klientëve tuaj përdorin Netscape, atëherë ju duhet të keni një plan fallback për ta. Por nëse bëhet më pak se 1%, kjo nuk mund të ketë rëndësi kaq shumë. </p> <p> Pasi të keni vendosur se çfarë shfletuesish do të përpiqeni të mbështetni, mënyra më e lehtë është thjesht të krijoni një faqe alternative për ta që ta shohin videon. Në atë faqe alternative, ju do të futni një video duke përdorur HTML 4. Dhe pastaj ose përdorni ndonjë formë të zbulimit të shfletuesit për t'i përcjellë atje ose thjesht shtoni një lidhje në atë faqe për këtë. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://sq.eyewated.com/kuptimi-i-faqes-index-html-ne-nje-faqe-interneti/"> <amp-img src="https://exse.eyewated.com/pict/7416364f19e333c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/kuptimi-i-faqes-index-html-ne-nje-faqe-interneti/">Kuptimi i faqes Index.html në një faqe interneti</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/nje-hyrje-tek-tekst-bluefish-html-editor/"> <amp-img src="https://exse.eyewated.com/pict/1c9b46d24949324c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/nje-hyrje-tek-tekst-bluefish-html-editor/">Një Hyrje Tek Tekst Bluefish HTML Editor</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/mesoni-rreth-html-alt-cilesimet-e-imazhit-te-imazhit/"> <amp-img src="https://exse.eyewated.com/pict/af8334fc5d12335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/mesoni-rreth-html-alt-cilesimet-e-imazhit-te-imazhit/">Mësoni rreth HTML Alt Cilësimet e imazhit të imazhit</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/mesoni-rreth-perdorimit-te-nje-validator-te-html-per-te-gjetur-gabime/"> <amp-img src="https://exse.eyewated.com/pict/b1275ec04383338c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/mesoni-rreth-perdorimit-te-nje-validator-te-html-per-te-gjetur-gabime/">Mësoni rreth përdorimit të një Validator të HTML për të gjetur gabime</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/si-te-perdorni-karaktere-speciale-ne-html/"> <amp-img src="https://exse.eyewated.com/pict/59b9945dcda33018-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/si-te-perdorni-karaktere-speciale-ne-html/">Si të përdorni karaktere speciale në HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/kodet-html-per-figure-te-gjuhes-frengjisht/"> <amp-img src="https://exse.eyewated.com/pict/04d644e10f713376-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/kodet-html-per-figure-te-gjuhes-frengjisht/">Kodet HTML për Figurë të Gjuhës Frengjisht</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/kur-te-perdor-elementin-html-seksioni-html5/">Kur të përdor elementin HTML Seksioni HTML5</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/merrni-kodet-html-per-shkronjat-e-gjuhes-rumune/"> <amp-img src="https://exse.eyewated.com/pict/44e79bfc0b073358-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/merrni-kodet-html-per-shkronjat-e-gjuhes-rumune/">Merrni Kodet HTML për Shkronjat e Gjuhës Rumune</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/meso-rreth-dinamik-html-dhtml/"> <amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/meso-rreth-dinamik-html-dhtml/">Mëso Rreth Dinamik HTML (DHTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://sq.eyewated.com/cfare-ka-te-re-ne-photoshop-elements-11/"> <amp-img src="https://exse.eyewated.com/pict/592249a2375232bb-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/cfare-ka-te-re-ne-photoshop-elements-11/">Çfarë ka të re në Photoshop Elements 11</a></h3> <div class="amp-related-meta"> Program </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/si-te-leviz-emails-ne-dosjet-me-nje-klik-ne-outlook/"> <amp-img src="https://exse.eyewated.com/pict/bc06459780734474-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/si-te-leviz-emails-ne-dosjet-me-nje-klik-ne-outlook/">Si të Leviz Emails në Dosjet me një klik në Outlook</a></h3> <div class="amp-related-meta"> Email & Mesazhimi </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/si-te-zbuloni-nese-jeni-duke-perdorur-outlook-32-bit-ose-64-bit/"> <amp-img src="https://exse.eyewated.com/pict/00915f11dcf9353d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/si-te-zbuloni-nese-jeni-duke-perdorur-outlook-32-bit-ose-64-bit/">Si të zbuloni nëse jeni duke përdorur Outlook 32-Bit ose 64-Bit</a></h3> <div class="amp-related-meta"> Email & Mesazhimi </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/20-podcastet-me-te-mira-te-vitit-2018/"> <amp-img src="https://exse.eyewated.com/pict/4842f0ea07a43542-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/20-podcastet-me-te-mira-te-vitit-2018/">20 Podcastet më të mira të vitit 2018</a></h3> <div class="amp-related-meta"> Kerkim ne rrjet </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/7-kartat-me-te-mira-per-te-blere-per-lojerat-kompjuterike-me-2017/">7 Kartat më të mira për të blerë për lojërat kompjuterike më 2017</a></h3> <div class="amp-related-meta"> Lojë Consoles </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/rrjeti-i-pare-social-i-google-orkut/"> <amp-img src="https://exse.eyewated.com/pict/583e7c44b53230f4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/rrjeti-i-pare-social-i-google-orkut/">Rrjeti i Parë Social i Google: Orkut</a></h3> <div class="amp-related-meta"> Mediat sociale </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://sq.eyewated.com/aplikacionet-me-te-mira-te-postes-elektronike-per-iphone-2018/"> <amp-img src="https://exse.eyewated.com/pict/5eeaeb8d045c3ee8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/aplikacionet-me-te-mira-te-postes-elektronike-per-iphone-2018/">Aplikacionet më të mira të postës elektronike për iPhone 2018</a></h3> <div class="amp-related-meta"> Programe dhe Aplikacione </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/pese-menyra-qe-mund-te-flisni-me-santa-online/"> <amp-img src="https://exse.eyewated.com/pict/76a2a88ea77632fe-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/pese-menyra-qe-mund-te-flisni-me-santa-online/">Pesë mënyra që mund të flisni me Santa Online</a></h3> <div class="amp-related-meta"> Kerkim ne rrjet </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/soul-glow-ihome-glowtunes-ib37-kufje/"> <amp-img src="https://exse.eyewated.com/pict/b553e8b30f58342e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/soul-glow-ihome-glowtunes-ib37-kufje/">Soul Glow: iHome Glowtunes iB37 Kufje</a></h3> <div class="amp-related-meta"> Shqyrtime të produkteve </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/si-te-gjeni-celesat-e-produktit-te-windows-server/"> <amp-img src="https://exse.eyewated.com/pict/c2289c870c823550-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/si-te-gjeni-celesat-e-produktit-te-windows-server/">Si të gjeni çelësat e produktit të Windows Server</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/si-e-krahason-cilesine-e-regjistruesit-te-dvd-me-nje-dvd-player/"> <amp-img src="https://exse.eyewated.com/pict/96b3e8f2ea4e347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/si-e-krahason-cilesine-e-regjistruesit-te-dvd-me-nje-dvd-player/">Si e krahason cilësinë e regjistruesit të DVD me një DVD player?</a></h3> <div class="amp-related-meta"> Teatër në shtëpi </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/sony-tc-ke500s-deck-me-audio-kasete-rishikimi-i-produktit/"> <amp-img src="https://exse.eyewated.com/pict/dd76f5b5764239e2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/sony-tc-ke500s-deck-me-audio-kasete-rishikimi-i-produktit/">SONY TC-KE500S Deck me audio kasetë - Rishikimi i produktit</a></h3> <div class="amp-related-meta"> Shqyrtime të produkteve </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/photoshop-ekstrakt-prodhimi-i-grafikeve-celulare-shkon-pas-mbushes/"> <amp-img src="https://exse.eyewated.com/pict/e8fd663ce3b3315d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/photoshop-ekstrakt-prodhimi-i-grafikeve-celulare-shkon-pas-mbushes/">Photoshop Ekstrakt: Prodhimi i Grafikëve Celularë Shkon Pas Mbushës</a></h3> <div class="amp-related-meta"> Program </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/glary-undelete-v5-0/"> <amp-img src="https://exse.eyewated.com/pict/0171cd46fa8233cd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/glary-undelete-v5-0/">Glary Undelete v5.0</a></h3> <div class="amp-related-meta"> Programe dhe Aplikacione </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/10-argetim-fandoms-qe-jane-te-medha-ne-tumblr/"> <amp-img src="https://exse.eyewated.com/pict/212dbab25907304a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/10-argetim-fandoms-qe-jane-te-medha-ne-tumblr/">10 Argëtim Fandoms që janë të mëdha në Tumblr</a></h3> <div class="amp-related-meta"> Kerkim ne rrjet </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/perdorni-perditesimet-os-x-combo-per-te-korrigjuar-problemet-e-instalimit/"> <amp-img src="https://exse.eyewated.com/pict/977c45e858a3337c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/perdorni-perditesimet-os-x-combo-per-te-korrigjuar-problemet-e-instalimit/">Përdorni përditësimet OS X Combo për të korrigjuar problemet e instalimit</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/jbl-cinema-500-home-theater-sistem-i-altoparlanteve-foto-profili/"> <amp-img src="https://exse.eyewated.com/pict/9245646915f53855-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/jbl-cinema-500-home-theater-sistem-i-altoparlanteve-foto-profili/">JBL Cinema 500 Home Theater Sistem i Altoparlantëve - Foto Profili</a></h3> <div class="amp-related-meta"> Shqyrtime të produkteve </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/sims-pc-cheats-dhe-kodet-cheats-per-loje-kompjuterike-sims/"> <amp-img src="https://exse.eyewated.com/pict/e949e75697dd3378-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/sims-pc-cheats-dhe-kodet-cheats-per-loje-kompjuterike-sims/">Sims PC Cheats dhe Kodet - Cheats për lojë kompjuterike Sims</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/20-miratuesit-me-te-mira/"> <amp-img src="https://exse.eyewated.com/pict/1c703a5325f533c9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/20-miratuesit-me-te-mira/">20 Miratuesit më të Mira</a></h3> <div class="amp-related-meta"> Mediat sociale </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/perdorni-disk-utility-per-te-krijuar-nje-array-raid-1-mirror/"> <amp-img src="https://exse.eyewated.com/pict/f6b52bad94a43335-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/perdorni-disk-utility-per-te-krijuar-nje-array-raid-1-mirror/">Përdorni Disk Utility për të krijuar një Array RAID 1 (Mirror)</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/cila-eshte-ipad-mini/"> <amp-img src="https://exse.eyewated.com/pict/96ce47b7d3283469-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/cila-eshte-ipad-mini/">Cila është iPad Mini?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://sq.eyewated.com/rishikimi-sony-alpha-6300/"> <amp-img src="https://exse.eyewated.com/pict/feeb5920274335ff-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sq.eyewated.com/rishikimi-sony-alpha-6300/">Rishikimi Sony Alpha 6300</a></h3> <div class="amp-related-meta"> Shqyrtime të produkteve </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 sq.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.219 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-04 00:05:23 --> <!-- 0.002 -->