L'etiqueta de vídeo HTML 5 fa que sigui fàcil afegir vídeo a les vostres pàgines web . Però tot i que sembla fàcil a la superfície, hi ha moltes coses que cal fer perquè el vostre vídeo funcioni. Aquest tutorial us durà a terme els passos per crear una pàgina en HTML 5 que executarà el vídeo en tots els navegadors moderns.
- Hosting your own HTML 5 Video vs. Using YouTube
- Descripció ràpida de la compatibilitat de vídeo a la Xarxa
- Crea i edita el teu vídeo
- Converteix el vídeo a Ogg per a Firefox
- Converteix el vídeo en MP4 per a Safari
- Converteix el vídeo en FLV per a Internet Explorer
- Afegiu l'element de vídeo a la vostra pàgina web
- Afegiu JavaScript i Flash Player per obtenir Internet Explorer a la part 1 de treball
- Proveu a tants navegadors com puguis
01 de 10
Hosting your own HTML 5 Video vs. Using YouTube
YouTube és un gran lloc. Facilita la incorporació de vídeo a pàgines web ràpidament i amb algunes excepcions menors és bastant perfecta en la seva execució. Si publiques un vídeo a YouTube, pots estar segur que qualsevol podrà mirar-lo.
Però l'ús de YouTube per incrustar els teus vídeos té alguns inconvenients
La majoria dels problemes amb YouTube són al costat del consumidor, en comptes del costat del dissenyador, com ara:
- Cerca i indexació lenta
- Talls del servidor
- S'ha eliminat el contingut (aparentment) de forma arbitrària
- Massa contingut dolent
Però hi ha algunes raons per les quals YouTube també és dolent per als desenvolupadors de contingut, incloent:
- Durada màxima de 10 minuts per a vídeos (per a comptes gratuïts)
- Rendiment baix de la càrrega
- YouTube obté drets d'ús il·limitats del teu vídeo
- Qualsevol usuari de YouTube obté drets d'ús il·limitats del vostre vídeo
El vídeo HTML 5 dóna alguns avantatges sobre YouTube
L'ús de HTML 5 per a vídeo us permetrà controlar tots els aspectes del vostre vídeo, de qui pot veure-ho, quant de temps dura, què conté el contingut, on està allotjat i com funciona el servidor. I el vídeo HTML 5 us ofereix l'oportunitat de codificar el vostre vídeo en tants formats com cal assegurar-vos que el nombre màxim de persones pugui veure-ho. Els vostres clients no necessiten cap connector ni esperen fins que YouTube publiqui una versió més recent.
Per descomptat, el vídeo HTML 5 ofereix alguns inconvenients
Això inclou:
- Heu de codificar el vostre vídeo en almenys tres còdecs diferents
- Heu d'incloure alguns JavaScript per assegurar-vos que els navegadors que no admetin HTML 5 funcionaran
- El vostre servidor ha de poder controlar els requisits d'ample de banda dels vídeos d'allotjament
02 de 10
Descripció ràpida de la compatibilitat de vídeo a la Xarxa
L'addició de vídeo a pàgines web ha estat durant molt de temps un procés difícil. Hi va haver tantes coses que podrien anar malament:
- En primer lloc, utilitzeu l'etiqueta
- D'aquesta manera, canvieu a l'etiqueta
- Llavors, penses " Flaix ". I codifiqueu el vostre vídeo com a fitxer FLV. Però Flash no és compatible amb molts dispositius mòbils i moltes persones odien Flash no importa com s'utilitzi (el 25% dels enquestats de la meva enquesta preguntant sobre com us sentiu sobre Flash ha afirmat que no poden suportar Flash de cap manera).
- Així que decideixes carregar el teu vídeo a un lloc d'incrustació de vídeos com YouTube, però teniu els problemes amb YouTube que comentem.
- Finalment, decideix anar amb HTML 5, però Internet Explorer no ho admet (no fins a Internet Explorer 9). I fins i tot si ho feu, hi ha dos estàndards de còdec de vídeo que són compatibles i només un navegador que pot utilitzar tots dos. Suport del navegador per a còdecs de vídeo i contenidors
Llavors, què se suposa que has de fer? Alliberar-se al vídeo ja no és una opció per a la majoria dels llocs, ja que el vídeo cada vegada és més important. I molts llocs s'han canviat correctament al vídeo.
Les següents pàgines d'aquest article us ajudaran a afegir-hi un vídeo a les vostres pàgines web que funcionen a Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 i 4, iPhone i Android, Flash i Internet Explorer 7 i 8. Us mostraran també teniu les claus necessàries per afegir compatibilitat amb altres navegadors antics, si cal.
03 de 10
Crea i edita el teu vídeo
El primer que necessiteu quan es va a posar un vídeo en una pàgina web és el vídeo real. Podeu disparar contínuament i editar-lo després per crear una funció, o podeu guiar-lo i planificar-lo abans d'hora. De qualsevol manera funciona bé, és el que us trobeu còmode. Si no sap quin tipus de vídeo ha de fer, consulteu aquestes idees a la Guia de vídeos d'escriptori:
- Projectes de vídeo familiar
- Màrqueting i vídeos promocionals
- Video Tours virtuals
- Com fer vídeos
- Videos de casament
Obteniu informació sobre com gravar vídeo d'alta qualitat
Assegureu-vos de saber registrar a l'interior i a l'aire lliure, així com a gravar l'àudio. La il·luminació també és molt important: els trets que són massa brillants fan mal als ulls, i massa foscos semblen fangosos i poc professionals. Fins i tot si només teniu previst tenir un vídeo de 30 segons al vostre lloc, la major qualitat serà el que millor reflectirà al vostre lloc web.
Recordeu també que el dret d'autor s'aplica a qualsevol so o música (a més de material d'arxiu) que voleu utilitzar al vostre vídeo. Si no teniu accés a un amic que pugui escriure i reproduir una cançó per a vostè, haureu de trobar música gratuïta per reproduir-la en segon pla. També hi ha llocs on podeu emmagatzemar imatges per afegir als vostres vídeos.
Edició del vostre vídeo
No importa el programari d'edició que utilitzeu, sempre que estigui familiaritzat amb ell i el pugui utilitzar de manera eficaç. Gretchen, la Guia de vídeos d'escriptori, té alguns consells professionals d'edició de vídeo que us poden ajudar a editar els vostres vídeos perquè es vegin bé.
Desa el teu vídeo a un MOV o AVI (o MPG, CD, DV)
Per a la resta d'aquest tutorial, anem a suposar que teniu el vostre vídeo desat en algun tipus de format d'alta qualitat (no comprimit) com AVI o MOV. Tot i que podeu utilitzar aquests fitxers tal com són, s'executen tots els problemes del vídeo que ja hem comentat. A les pàgines següents s'explica com convertir el vostre fitxer en tres tipus perquè el nombre més gran de navegadors sigui visible.
04 de 10
Converteix el vídeo a Ogg per a Firefox
El primer format que convertirem a Ogg (de vegades anomenat Ogg-Theora). Aquest format és el que tots poden veure Firefox 3.5, Opera 10.5 i Chrome 3.
Malauradament, mentre Ogg té compatibilitat amb el navegador, molts dels coneguts programes de vídeo que podeu comprar (Adobe Media Encoder, QuickTime, etc.) no ofereixen una opció de conversió Ogg. Així, l'única manera de convertir el vostre vídeo a Ogg és trobar un programa de conversió a la Xarxa.
Opcions de conversió
Hi ha una eina en línia anomenada Media-Convert que pretén convertir diversos formats de vídeo (i àudio) en altres formats de vídeo (i àudio). Quan ho provem amb el meu vídeo de prova de 3 segons, no podríem aconseguir que funcioni en Mac. Però potser tingueu molta sort. Aquest lloc té la possibilitat de ser gratuït.
Algunes altres eines que hem trobat inclouen:
- Miro Video Converter (Windows Macintosh): aquest programa té la possibilitat de convertir tant a Ogg com a MP4 (H.264) i és de codi obert.
- Koyote Video Converter (Windows)
- Convertidor de vídeos gratuït Creiem que això té tant Windows com una versió de Macintosh, però era difícil dir-ho des del seu lloc
- El codificador simple de Theora (Macintosh): aquest és el que solem utilitzar.
Un cop hagueu desat el vostre vídeo en format Ogg, deseu-lo en una ubicació del vostre lloc web i aneu a la pàgina següent per convertir-lo a altres formats per a altres navegadors.
05 de 10
Converteix el vídeo en MP4 per a Safari
El següent format que haureu de convertir el vostre vídeo a és MP4 (vídeo H.264) perquè es pugui reproduir a Safari 3 i 4 i l'iPhone i Android. A més, els vídeos H.264 es poden convertir fàcilment a fitxers FLV per veure'ls a Flash.
Aquest format està més fàcilment disponible en productes comercials i, probablement, ja teniu un programa que es convertirà a MP4 si teniu un editor de vídeo. Si teniu Adobe Premiere, podeu utilitzar el Codificador de vídeo d'Adobe, o si teniu QuickTime Pro que funcionarà també. Molts dels convertidors que comentem a la pàgina anterior també convertiran els vídeos a MP4.
- Media-Convert - una eina en línia
- Miro Video Converter (Windows Macintosh): aquest programa té la possibilitat de convertir tant a Ogg com a MP4 (H.264) i és de codi obert.
- SUPER (Windows): convertirà molts tipus de fitxers diferents a MP4 i FLV
- Convertidor de vídeos gratuït Creiem que això té tant Windows com una versió de Macintosh, però era difícil dir-ho des del seu lloc
Deseu el vostre fitxer MP4 al vostre lloc web i, a continuació, haureu de convertir-lo a Flash per a Internet Explorer.
06 de 10
Converteix el vídeo en FLV per a Internet Explorer
La manera més senzilla de convertir vídeos a FLV és utilitzar Flash mateix. Així és com convertim els meus vídeos a Flash. Però si no teniu Flash, aquí teniu dues eines populars per convertir fitxers a FLV:
- SUPER (Windows): convertirà molts tipus de fitxers diferents a MP4 i FLV
- ffmpegX (Macintosh): convertirà molts tipus de fitxers diferents a Mp4 i FLV.
Deseu el vostre fitxer FLV al vostre lloc web i la pàgina següent us mostrarà com escriure el codi HTML perquè pugueu reproduir els vostres vídeos.
07 de 10
Afegiu l'element de vídeo a la vostra pàgina web
És molt senzill utilitzar HTML 5 per afegir vídeo a pàgines web. La majoria dels navegadors moderns admeten el vídeo HTML 5, tot i que no tots ho suporten de la mateixa manera. Però el que això vol dir és que si deseu el vostre vídeo com a formats Ogg i MP4, podreu escriure només quatre o cinc línies HTML per mostrar-la en la majoria de navegadors moderns (excepte Internet Explorer 8). A continuació s'explica com:
- Escriu el marcador HTML 5 doctype perquè els navegadors saben que esperen HTML 5:
- Creeu la vostra pàgina web com normalment la creeu:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> A l'interior del cos, col·loqueu l'etiqueta <video>: <blockquote> <video> </ video> </blockquote></li><li> Decidiu quins atributs voleu que el vostre vídeo tingui: <ul><li> reproducció automàtica: per començar tan bon punt es baixi </li><li> controls: permet que els lectors controlin el vídeo (pausa, rebobinat, avanç ràpid) </li><li> loop: inicieu el vídeo des del principi quan finalitzi </li><li> precàrrega: pre-descarregueu el vídeo de manera que estigui llest més ràpid quan el client faci clic </li><li> poster - definir la imatge que voleu utilitzar quan es deté el vídeo </li></ul> Recomanem utilitzar controls i precàrrega. Utilitzeu l'opció de pòster si el vostre vídeo no té una bona primera escena. <blockquote> <preinstal·lació de controls de vídeo> </ video> </blockquote></li><li> A continuació, afegiu els fitxers font per a les dues versions del vostre vídeo (MP4 i OGG) dins de l'element <video>: <blockquote> <precarga de controls de video> <br> <font src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <font src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Obriu la pàgina a Chrome 1, Firefox 3.5, Opera 10 i / o Safari 4 i assegureu-vos que es mostri correctament. Hauríeu de provar-ho com a mínim a Firefox 3.5 i Safari 4, ja que cadascun d'ells utilitza un còdec diferent. </li></ol><p> Això és. Un cop tingueu aquest codi al vostre lloc, tindreu un vídeo que funcioni a Firefox 3.5, Safari 4, Opera 10 i Chrome 1. Però què passa amb Internet Explorer? </p> <h3> Internet Explorer no té HTML 5 o l'etiqueta <video> </h3><p> A la secció següent, parlarem del que podeu fer perquè l'IE 8 es reprodueixi bé amb les etiquetes de vídeo HTML 5 i mostri un vídeo. Heu d'utilitzar Flash. La bona notícia és que s'espera que l'IE 9 suporti HTML 5 i l'etiqueta de vídeo. </p> <p> <strong>08 de 10</strong> </p> <h3> Afegiu JavaScript i Flash Player per a que Internet Explorer funcioni </h3><p> És possible que hàgiu notat que a l'HTML de la pàgina anterior, no hi havia cap línia d'origen per al fitxer FLV. I si proveu aquesta pàgina a Internet Explorer, no funcionaria. Això es deu a que Internet Explorer no reconeix HTML 5 i no pot reproduir vídeos OGG ni MP4 de forma nativa. Per tal que Internet Explorer 7 i 8 funcionin, necessiteu que reprodueixi el vídeo com Flash. Però hi ha més passos per aconseguir que funcioni, que simplement afegir el fitxer FLV. </p> <h3> Pas 1: Obteniu un reproductor de vídeo Flash per al vostre lloc web </h3> <p> Us recomanem que obtingueu FlowPlayer perquè és un reproductor de vídeo Flash de font oberta que podeu instal·lar al vostre servidor web i que s'utilitza sempre que tingui Flash video per reproduir-se. La versió gratuïta de FlowPlayer insereix publicitat en els vostres vídeos, però també podeu comprar llicències comercials si els necessiteu. </p> <p> Seguiu les instruccions del lloc FlowPlayer per instal·lar FlowPlayer al vostre lloc web. En poques paraules, instal·lareu 2 fitxers SWF i un fitxer JavaScript al vostre lloc. A la part inferior del vostre codi HTML (abans de l'etiqueta </ body>), afegiu una línia: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Però Internet Explorer encara no reproduirà el vídeo, haureu d'ensenyar-li com reconèixer etiquetes HTML 5. </p> <h3> Pas 2: convencer a Internet Explorer de llegir etiquetes HTML 5 </h3><p> Hi ha un script pràctic a Google Code anomenat "HTML Shiv" que ajudarà a IE a reconèixer elements HTML 5. Així, al <capçalera> del document HTML que voleu fer referència. El millor és incloure-lo en els comentaris condicionals d'IE perquè els altres navegadors no es confonguin: </p> <blockquote> <! - [if IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> D'acord, ara IE reconeixerà l'etiqueta <video>, però no sabrà què fer amb els fitxers font que heu inclòs fins ara. </p> <h3> Pas 3: afegiu una línia de codi font per al fitxer FLV </h3><p> Com ho va fer a la pàgina anterior, afegirà una línia al vostre HTML 5 a l'element <video> que indica on heu emmagatzemat el fitxer FLV al vostre servidor. </p> <blockquote> <precarga de controls de video> <br> <font src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <font src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><font src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Pantalla de vídeo, Pantalla de vídeo 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 de 10</strong> </p> <h3> Afegiu JavaScript i Flash Player per a que Internet Explorer funcioni - Part 2 </h3><p> Malauradament, encara no hem acabat. Ara hem de dir-li a IE que utilitzi el reproductor de vídeo FlowPlayer Flash que vam fer referència anteriorment. </p> <h3> Pas 4: activeu l'element <video> a Flash </h3><p> Per a això, necessitem un altre guió. Hem obtingut el script de <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Però quan ho vam provar, no va funcionar fins que fèiem un parell d'ajustaments: </p> <ul><li> Al voltant de la línia 31: afegiu la ubicació de la vostra instal·lació de FlowPlayer. </li><li> Al voltant de la línia 42: canvieu el tipus de fitxer des de <blockquote> video / mp4 </blockquote> a <blockquote> vídeo / x-flv </blockquote></li><li> Al voltant de la línia 94: començant per <blockquote> si (! $ &&! $ (document) .ready) { </blockquote> Al final del document, canvieu aquesta secció per llegir: <blockquote> // if (! $ &&! $ (document) .ready) { <br> / * Els usuaris jQuery poden inicialitzar tan aviat com el DOM estigui llest * / <br> // $ (document) .ready (html5_video_init); <br> //} else { <br> / * Tothom pot esperar fins a la càrrega * / <br> / * funció addEvent a través de http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = function (obj, type, fn) { <br> si (obj.addEventListener) <br> obj.addEventListener (tipus, fn, false); <br> més si (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () (return fn.apply (obj, new Array (window.event));}); <br> } <br> addEvent (finestra, "càrrega", html5_video_init); <br> //} </blockquote></li></ul><p> Un cop hàgiu editat el fitxer de JavaScript, pengeu-lo al vostre servidor i enllaceu-lo al final de la vostra pàgina HTML (abans del </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> ¡Sols! Ara que heu fet tot això, haureu de carregar el vostre HTML perquè pugueu començar a provar. </p> <p> <strong>10 de 10</strong> </p> <h3> Proveu a tants navegadors com puguis </h3><p> Les proves de pàgines de vídeo són crítiques si voleu tenir un llançament reeixit. Heu d'assegurar-vos de provar la vostra pàgina als navegadors i versions més populars del vostre lloc web. </p> <p> Hem detectat que, tot i que és possible utilitzar eines com BrowserLab i AnyBrowser per provar el vídeo, no és tan fiable com fer-ho a la pàgina en un navegador. Quan ho feu, realment pot veure si funciona o no. </p> <p> Com que vau fer tot el possible per codificar el vostre vídeo en tres formats, haureu de provar-lo per assegurar-vos que es mostri als tres. Això vol dir que, com a mínim, cal provar-lo a: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 o 4 </li><li> Internet Explorer 7 o 8 </li></ul><p> Podeu provar a Chrome, però com que Chrome visualitzarà els tres mètodes (fins i tot Flash, si teniu el connector), és difícil saber si hi ha algun problema amb un dels altres o quin còdec Chrome està utilitzant. </p> <p> Per a la vostra tranquil·litat, també hauríeu de provar en navegadors antics per veure què fan, especialment si molts lectors utilitzen navegadors antics. </p> <h3> Com funciona el vídeo a navegadors antics </h3><p> Igual que amb qualsevol pàgina web, primer heu de considerar l'important que és aconseguir que aquests navegadors funcionin. Si el 90% dels clients utilitza Netscape, hauríeu de tenir un pla de devolució per a ells. Però si fa menys de l'1%, és possible que no importi tant. </p> <p> Una vegada que hàgiu decidit quins navegadors intentareu donar suport, la manera més senzilla és simplement crear una pàgina alternativa per visualitzar el vídeo. En aquesta pàgina alternativa, incrustarà un vídeo amb HTML 4. I després utilitzeu alguna forma de detecció del navegador per redirigir-los aquí o simplement afegiu un enllaç a aquesta pàgina en aquest. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://ca.eyewated.com/conegueu-les-lleis-sobre-drets-dautor-que-envolten-dissenys-web-i-creacions-html/"> <amp-img src="https://exse.eyewated.com/pict/1aae6339c2733a86-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/conegueu-les-lleis-sobre-drets-dautor-que-envolten-dissenys-web-i-creacions-html/">Conegueu les lleis sobre drets d'autor que envolten dissenys web i creacions HTML</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/aqui-hi-ha-per-que-hi-ha-diferents-versions-dhtml/"> <amp-img src="https://exse.eyewated.com/pict/166bf9152d2f3fa6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/aqui-hi-ha-per-que-hi-ha-diferents-versions-dhtml/">Aquí hi ha per què hi ha diferents versions d'HTML</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/les-notes-de-facebook-ja-no-son-compatibles-amb-html-pero-encara-teniu-opcions/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/les-notes-de-facebook-ja-no-son-compatibles-amb-html-pero-encara-teniu-opcions/">Les notes de Facebook ja no són compatibles amb HTML, però encara teniu opcions</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/com-utilitzar-paraules-clau-en-html/"> <amp-img src="https://exse.eyewated.com/pict/b7ebc6a1fd2e3041-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-utilitzar-paraules-clau-en-html/">Com utilitzar paraules clau en HTML</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/codis-html-per-als-caracters-de-lidioma-grec/"> <amp-img src="https://exse.eyewated.com/pict/7a8b040e8474302f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/codis-html-per-als-caracters-de-lidioma-grec/">Codis HTML per als caràcters de l'idioma grec</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/orientacio-denllacos-en-formats-iframes-i-marcs-html/">Orientació d'enllaços en formats IFrames i marcs HTML</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/com-incloure-un-fitxer-html-en-un-altre/"> <amp-img src="https://exse.eyewated.com/pict/feac56ca5ec02e95-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-incloure-un-fitxer-html-en-un-altre/">Com incloure un fitxer HTML en un altre</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/com-crear-espais-en-blanc-html/"> <amp-img src="https://exse.eyewated.com/pict/d828541cc37d2fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-crear-espais-en-blanc-html/">Com crear espais en blanc HTML</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/obteniu-codis-html-per-a-caracters-de-llengua-romanesa/"> <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://ca.eyewated.com/obteniu-codis-html-per-a-caracters-de-llengua-romanesa/">Obteniu codis HTML per a caràcters de llengua romanesa</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://ca.eyewated.com/conegueu-gent-en-linia-amb-facebook/"> <amp-img src="https://exse.eyewated.com/pict/7a5df4a074f2359e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/conegueu-gent-en-linia-amb-facebook/">Conegueu gent en línia amb Facebook</a></h3> <div class="amp-related-meta"> Mitjà de comunicació social </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/consells-utils-per-a-lexit-de-la-marca-daplicacions-per-a-mobils/"> <amp-img src="https://exse.eyewated.com/pict/69889db4e11d34aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/consells-utils-per-a-lexit-de-la-marca-daplicacions-per-a-mobils/">Consells útils per a l'èxit de la marca d'aplicacions per a mòbils</a></h3> <div class="amp-related-meta"> Web i cerca </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/problemes-fiscals-de-telecomunicacions/"> <amp-img src="https://exse.eyewated.com/pict/94dffad48f2a342f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/problemes-fiscals-de-telecomunicacions/">Problemes fiscals de telecomunicacions</a></h3> <div class="amp-related-meta"> Web i cerca </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/aplicacions-principals-diphone-per-a-persones-cegues-i-amb-discapacitat-visual/"> <amp-img src="https://exse.eyewated.com/pict/3da1565949e23633-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/aplicacions-principals-diphone-per-a-persones-cegues-i-amb-discapacitat-visual/">Aplicacions principals d'iPhone per a persones cegues i amb discapacitat visual</a></h3> <div class="amp-related-meta"> Web i cerca </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/suggeriments-basics-per-a-la-solucio-de-problemes-per-ipad/"> <amp-img src="https://exse.eyewated.com/pict/6c1fb5ba515e37f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/suggeriments-basics-per-a-la-solucio-de-problemes-per-ipad/">Suggeriments bàsics per a la solució de problemes per iPad</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/videojocs-classics-per-a-ipod-touch-i-iphone/"> <amp-img src="https://exse.eyewated.com/pict/fabcc30caace3619-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/videojocs-classics-per-a-ipod-touch-i-iphone/">Videojocs clàssics per a iPod Touch i iPhone</a></h3> <div class="amp-related-meta"> Comentaris del producte </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://ca.eyewated.com/presentacions-de-powerpoint-de-noces/"> <amp-img src="https://exse.eyewated.com/pict/623f617043ce326e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/presentacions-de-powerpoint-de-noces/">Presentacions de PowerPoint de noces</a></h3> <div class="amp-related-meta"> Programari </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/llocs-web-per-compartir-videos/"> <amp-img src="https://exse.eyewated.com/pict/6a318d5db53c3cf0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/llocs-web-per-compartir-videos/">Llocs web per compartir vídeos</a></h3> <div class="amp-related-meta"> Web i cerca </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/configuracio-de-twitter-simple/"> <amp-img src="https://exse.eyewated.com/pict/458bbfb0bd9f3085-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/configuracio-de-twitter-simple/">Configuració de Twitter simple</a></h3> <div class="amp-related-meta"> Mitjà de comunicació social </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/comprensio-de-la-relacio-entre-la-capacitat-lucida-i-lamplificador/"> <amp-img src="https://exse.eyewated.com/pict/9a785544b21636a8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/comprensio-de-la-relacio-entre-la-capacitat-lucida-i-lamplificador/">Comprensió de la relació entre la capacitat lúcida i l'amplificador</a></h3> <div class="amp-related-meta"> Home Theater </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-modificar-la-mida-del-text-a-internet-explorer/">Com modificar la mida del text a Internet Explorer</a></h3> <div class="amp-related-meta"> Navegadors </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/com-canviar-la-configuracio-dimportacio-del-cd-ditunes/"> <amp-img src="https://exse.eyewated.com/pict/1c326518df22349c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-canviar-la-configuracio-dimportacio-del-cd-ditunes/">Com canviar la configuració d'importació del CD d'iTunes</a></h3> <div class="amp-related-meta"> IPhone i iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/us-de-lobjectiu-buscat-a-excel/"> <amp-img src="https://exse.eyewated.com/pict/73957f2aa50a3718-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/us-de-lobjectiu-buscat-a-excel/">Ús de l'objectiu buscat a Excel</a></h3> <div class="amp-related-meta"> Programari </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/visualitzacio-de-4k-a-traves-del-cable-comcast-el-que-necessites-saber/"> <amp-img src="https://exse.eyewated.com/pict/cdc37c6960af37e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/visualitzacio-de-4k-a-traves-del-cable-comcast-el-que-necessites-saber/">Visualització de 4K a través del cable Comcast: el que necessites saber</a></h3> <div class="amp-related-meta"> Comentaris del producte </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/skype-per-a-telefons-mobils/"> <amp-img src="https://exse.eyewated.com/pict/f325f852f3ca308f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/skype-per-a-telefons-mobils/">Skype per a telèfons mòbils</a></h3> <div class="amp-related-meta"> Correu electrònic i missatgeria </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/que-es-un-fitxer-ipa/"> <amp-img src="https://exse.eyewated.com/pict/c108027ae93530d8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/que-es-un-fitxer-ipa/">Què és un fitxer IPA?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/diferents-metodes-per-copiar-diapositives-en-powerpoint/"> <amp-img src="https://exse.eyewated.com/pict/b89a799195663e40-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/diferents-metodes-per-copiar-diapositives-en-powerpoint/">Diferents mètodes per copiar diapositives en PowerPoint</a></h3> <div class="amp-related-meta"> Programari </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/que-es-un-fitxer-arw/"> <amp-img src="https://exse.eyewated.com/pict/9abbd9ef0b25316a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/que-es-un-fitxer-arw/">Què és un fitxer ARW?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/google-buzz-es-mort/"> <amp-img src="https://exse.eyewated.com/pict/53d47d3cc01d32df-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/google-buzz-es-mort/">Google Buzz és mort</a></h3> <div class="amp-related-meta"> Web i cerca </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/que-es-una-pila-de-fonts/"> <amp-img src="https://exse.eyewated.com/pict/b9059778da89324e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/que-es-una-pila-de-fonts/">Què és una "pila de fonts"?</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/com-formatejar-rss-afegir-estil-a-una-alimentacio/"> <amp-img src="https://exse.eyewated.com/pict/69abc4352bcf371b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/com-formatejar-rss-afegir-estil-a-una-alimentacio/">Com formatejar RSS: Afegir estil a una alimentació</a></h3> <div class="amp-related-meta"> Disseny web i Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ca.eyewated.com/amplifiqueu-els-vostres-tweets-amb-hashtags/"> <amp-img src="https://exse.eyewated.com/pict/65af948732242ff9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ca.eyewated.com/amplifiqueu-els-vostres-tweets-amb-hashtags/">Amplifiqueu els vostres tweets amb Hashtags</a></h3> <div class="amp-related-meta"> Mitjà de comunicació social </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 ca.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.147 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:43:25 --> <!-- 0.003 -->