Hoe om 'n EPUB-lêer uit HTML en XML te skep

by Jennifer Kyrnin

'N EPUB- lêer is die ander soort ebook-lêer wat gewild is. As jy van plan is om 'n ebook te skryf of te publiseer, moet jy jou HTML as 'n Mobipocket-lêer stoor , en ook as 'n EPUB. Op sommige maniere is 'n epub-lêer baie makliker om te bou as 'n Mobi-lêer. Aangesien EPUB gebaseer is op XML, moet jy net jou XML-lêers skep, dit versamel, en noem dit 'n epub.

Hoe om 'n EPUB-lêer uit HTML en XML te skep

Dit is die stappe wat jy moet neem om 'n epub-lêer te skep:

Bou jou HTML. Jou boek is in HTML geskryf, met CSS vir stilering. Maar dit is nie net HTML nie, dit is XHTML. Dus, as jy nie normaalweg in XHTML skryf nie (sluit jou elemente, gebruik aanhalings rondom alle eienskappe, ensovoorts), moet jy jou HTML na XHTML omskep. U kan een of meer XHTML-lêers vir u boeke gebruik. Die meeste mense skei die hoofstukke in aparte XHTML-lêers. Sodra u al die XHTML-lêers het, sit dit almal in 'n gids.
Skep 'n MIME-tipe lêer . Open 'n nuwe dokument in jou teksredakteur en tik: aansoek / epub + zip Stoor die lêer as 'mimetype' sonder enige uitbreiding . Plaas die lêer in die gids met jou XHTML-lêers.
Voeg jou style sheets by. Jy moet twee stylvelle vir jou boek een skep vir die bladsye wat genoem word
1. page_styles.css: @page {
2. marge-bodem: 5pt;
3. marge-top: 5pt
4. }
5. Skep een vir die boekstyle genaamd stylesheet.css. Jy kan hulle ander name gee, jy moet net onthou wat hulle is. Stoor hierdie lêers in dieselfde gids met jou XHTML- en mimetipe-lêers.

Voeg jou omslagfoto by. Jou voorblad moet 'n JPG-lêer wees wat nie meer as 64KB is nie. Hoe kleiner jy dit beter kan maak, maar hou dit mooi. Klein beelde kan baie moeilik wees om te lees, en die dekking is waar jy jou bemarking van jou boek doen.
Bou jou titelblad. Jy hoef nie die omslagbeeld as jou titelblad te gebruik nie, maar die meeste mense doen dit. Om jou titelbladsy by te voeg, skep 'n XHTML-lêer genaamd titlepage.xhtml. Hier is 'n voorbeeld van 'n titelblad met SVG vir die prent. Verander die uitgeligte gedeelte om na jou omslagfoto te verwys:
5. Cover </ title> </li><li> <style type = "text / css" title = "override_css"> </li><li> @ bladsy {padding: 0pt; marge: 0pt} </li><li> lyf {text-align: center; padding: 0pt; marge: 0pt; } </li><li> </ Styl> </li><li> </ Head> </li><li> <Body> </li><li> <Div> </li><li> <svg xmlns = "http://www.w3.org/2000/svg" xmlns: xlink = "http://www.w3.org/1999/xlink" version = "1.1" width = "100%" hoogte = "100%" viewBox = "0 0 425 616" preserveAspectRatio = "none"> </li><li> <image width = "425" height = "616" xlink: href = " <em>cover.jpeg</em> " /> </li><li> </ Svg> </li><li> </ Div> </li><li> </ Body> </li><li> </ Html> </li></ol></li></ol><ol><li> <strong>Bou jou "Inhoudsopgawe".</strong> Skep 'n lêer genaamd toc.ncx in u teksredigeerder. Dit is 'n XML-lêer, en dit moet verwys na al jou HTML-lêers in jou boek. Hier is 'n steekproef met twee elemente in die inhoudsopgawe. Verander die uitgeligte dele na jou boek en voeg bykomende navPoint-elemente by vir addisionele afdelings: <ol><li> <? xml version = '1.0' encoding = 'utf-8'?> </li><li> <ncx xmlns = "http://www.daisy.org/z3986/2005/ncx/" version = "2005-1" xml: lang = "eng"> </li><li> <Head> </li><li> <meta content = "0c159d12-f5fe-4323-8194-f5c652b89f5c" naam = "dtb: uid" /> </li><li> <meta content = "2" name = "dtb: depth" /> </li><li> <meta content = "kaliber (0.8.68)" naam = "dtb: generator" /> </li><li> <meta content = "0" name = "dtb: totalPageCount" /> </li><li> <meta content = "0" name = "dtb: maxPageNumber" /> </li><li> </ Head> </li><li> <DocTitle> </li><li> <text> <em>Hoe om 'n webwerf te bou</em> </ text> </li><li> </ DocTitle> </li><li> <NavMap> </li><li> <navPoint id = " <em>a1</em> " playOrder = " <em>0</em> "> </li><li> <NavLabel> </li><li> <text> <em>Hosting</em> </ text> </li><li> </ NavLabel> </li><li> <content src = " <em>build_website.html # step1</em> " /> </li><li> </ NavPoint> </li><li> <navPoint id = " <em>a2</em> " playOrder = " <em>1</em> "> </li><li> <NavLabel> </li><li> <text> <em>Het u 'n domeinnaam nodig?</em> </ Text> </li><li> </ NavLabel> </li><li> <content src = " <em>build_website.html # step2</em> " /> </li><li> </ NavPoint> </li><li> </ NavMap> </li><li> </ Ncx> </li></ol></li></ol><ol><li> <strong>Voeg 'n houer XML-lêer by.</strong> Maak in jou teksredakteur 'n lêer genaamd container.xml en stoor dit in 'n subgids onder jou HTML-lêers. Die lêer moet lees: <ol><li> <? xml version = "1.0"?> </li><li> <container version = "1.0" xmlns = "urn: oasis: name: tc: opendocument: xmlns: container"> </li><li> <Rootfiles> </li><li> <root file full-path = "content.opf" media-type = "application / oebps-pakket + xml" /> </li><li> </ Rootfiles> </li><li> </ Houer> </li></ol></li><li> <strong>Skep die inhoudslys (content.opf).</strong> Dit is die lêer wat verduidelik wat jou epub-boek is. Dit bevat metadata oor die boek (soos die skrywer, publiseer datum en genre). Hier is 'n voorbeeld, jy moet die dele in geel verander om jou boek te reflekteer: <ol><li> <? xml version = '1.0' encoding = 'utf-8'?> </li><li> <pakket xmlns = "http://www.idpf.org/2007/opf" version = "2.0" unique-identifier = "uuid_id"> </li><li> <metadata xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns: opf = "http://www.idpf.org/2007/opf" xmlns: dcterms = "http: / /purl.org/dc/terms/ "xmlns: caliber =" http://calibre.kovidgoyal.net/2009/metadata "xmlns: dc =" http://purl.org/dc/elements/1.1/ "> </li><li> <Dc: taal> en </ DC: taal> </li><li> <dc: title> <em>Hoe om 'n webwerf te bou</em> </ dc: title> </li><li> <dc: skepper opf: file-as = " <em>Kyrnin, Jennifer</em> " opf: rol = " <em>out</em> "> <em>Jennifer Kyrnin</em> </ dc: creator> </li><li> <meta name = "cover" content = "cover" /> </li><li> <Dc: datum> 0101-01-01T00: 00: 00 + 00: 00 </ DC: datum> </li><li> <dc: bydraer opf: rol = "bkp"> </ dc: bydraer> </li><li> <dc: identifier id = "uuid_id" opf: skema = "uuid"> 0c159d12-f5fe-4323-8194-f5c652b89f5c </ dc: identifiseerder> </li><li> </ Metadata> </li><li> <Openbaar> </li><li> <item href = " <em>cover.jpeg</em> " id = "cover" media-type = "image / jpeg" /> </li><li> <item href = " <em>build_website.html</em> " id = "id1" media-tipe = "application / xhtml + xml" /> </li><li> <item href = " <em>page_styles.css</em> " id = "page_css" media-type = "text / css" /> </li><li> <item href = " <em>stylesheet.css</em> " id = "css" media-type = "text / css" /> </li><li> <item href = " <em>titlepage.xhtml</em> " id = "titlepage" media-type = "application / xhtml + xml" /> </li><li> <item href = "toc.ncx" media-type = "application / x-dtbncx + xml" id = "ncx" /> </li><li> </ Openbaar> </li><li> <ruggraat toc = "ncx"> </li><li> <itemref idref = "titlepage" /> </li><li> <itemref idref = "id1" /> </li><li> </ Ruggraat> </li><li> <Gids> </li><li> <reference href = "titlepage.xhtml" type = "cover" title = "Cover" /> </li><li> </ Gids> </li><li> </ Pakket> </li></ol></li></ol><ol><li> Dit is al die lêers wat jy nodig het, hulle moet almal saam in 'n gids wees (behalwe container.xml, wat in 'n sub-gids META-INF gaan). Ons hou daarvan om dan na die houergids te gaan en seker te maak dat dit 'n naam het wat die titel en outeur se name weerspieël. </li><li> Sodra u die lêergids het met die naam van hoe u dit wil hê, moet u 'n zip argiefprogram gebruik om die gids te zip. My voorbeeld gids eindig as 'n zip lêer genaamd "Hoe om 'n webwerf te bou - Jennifer Kyrnin.zip" </li><li> Laastens, verander die lêernaamuitbreiding vanaf .zip na .epub. Jou bedryfstelsel kan protesteer, maar gaan voort met dit. Jy wil hê dit moet 'n epub uitbreiding hê. </li><li> Laastens, <strong>toets jou boek.</strong> Dit is moeilik om die epub-formaat korrek te kry op die eerste drie, so jy moet altyd jou lêer toets. Maak dit oop in 'n epubleser soos Caliber. En as dit nie korrek vertoon nie, kan jy Caliber gebruik om probleme reg te stel. </li></ol> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/lyste/"> <amp-img src="https://exse.eyewated.com/pict/fd0694f36f7534bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/lyste/">Lyste</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wanneer-om-die-html5-afdeling-element-te-gebruik/">Wanneer om die HTML5 AFDELING Element te gebruik</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/5-groot-gereedskap-vir-die-omskakeling-van-html-na-pdf/"> <amp-img src="https://exse.eyewated.com/pict/1f5b70039043347e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/5-groot-gereedskap-vir-die-omskakeling-van-html-na-pdf/">5 Groot gereedskap vir die omskakeling van HTML na PDF</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/facebook-notes-ondersteun-html-nie-langer-nie-maar-het-steeds-opsies/"> <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://af.eyewated.com/facebook-notes-ondersteun-html-nie-langer-nie-maar-het-steeds-opsies/">Facebook Notes ondersteun HTML nie langer nie, maar het steeds opsies</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-die-verskil-tussen-th-en-td-html-tabel-tags/"> <amp-img src="https://exse.eyewated.com/pict/e20233b2c6ba3161-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-die-verskil-tussen-th-en-td-html-tabel-tags/">Wat is die verskil tussen TH en TD HTML Tabel Tags?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/meer-inligting-oor-html-alt-attribute-image-tags/"> <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://af.eyewated.com/meer-inligting-oor-html-alt-attribute-image-tags/">Meer inligting oor HTML Alt Attribute Image Tags</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-n-blockquote/"> <amp-img src="https://exse.eyewated.com/pict/22ac97c040112fe9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-n-blockquote/">Wat is 'n Blockquote?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-html-te-wysig-met-textedit/"> <amp-img src="https://exse.eyewated.com/pict/62a09da409813588-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-html-te-wysig-met-textedit/">Hoe om HTML te wysig met TextEdit</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-webbladsy-se-html-bron-in-safari-te-besigtig/"> <amp-img src="https://exse.eyewated.com/pict/20c1917f839c3625-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-webbladsy-se-html-bron-in-safari-te-besigtig/">Hoe om 'n webbladsy se HTML-bron in Safari te besigtig</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoekom-om-jou-ligging-op-sosiale-media-te-deel-is-n-slegte-ding/"> <amp-img src="https://exse.eyewated.com/pict/96d03c27c376368d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoekom-om-jou-ligging-op-sosiale-media-te-deel-is-n-slegte-ding/">Hoekom om jou ligging op sosiale media te deel, is 'n slegte ding</a></h3> <div class="amp-related-meta"> Web & Soek </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-n-retweet-op-twitter/"> <amp-img src="https://exse.eyewated.com/pict/c22de9f970483497-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-n-retweet-op-twitter/">Wat is 'n Retweet op Twitter?</a></h3> <div class="amp-related-meta"> Sosiale media </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/soundbunny-tom-se-mac-software-pick/"> <amp-img src="https://exse.eyewated.com/pict/0c77f76239ab33d4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/soundbunny-tom-se-mac-software-pick/">SoundBunny: Tom se Mac Software Pick</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/ben-10-galactic-racing-wii-game-review/"> <amp-img src="https://exse.eyewated.com/pict/dec9871a1ec63595-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/ben-10-galactic-racing-wii-game-review/">Ben 10 Galactic Racing - Wii Game Review</a></h3> <div class="amp-related-meta"> Produk Resensies </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/5-wenke-vir-die-maak-van-n-warm-laptop-koeler/"> <amp-img src="https://exse.eyewated.com/pict/bfec9b6333ab3941-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/5-wenke-vir-die-maak-van-n-warm-laptop-koeler/">5 wenke vir die maak van 'n warm laptop koeler</a></h3> <div class="amp-related-meta"> Web & Soek </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-wep-wpa-en-wpa2-wat-is-die-beste/"> <amp-img src="https://exse.eyewated.com/pict/d3d8fbe5f7d338a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-wep-wpa-en-wpa2-wat-is-die-beste/">Wat is WEP, WPA en WPA2? Wat is die beste?</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-amazon-prime-video-op-apple-tv-te-kyk/"> <amp-img src="https://exse.eyewated.com/pict/25f6b1bec4c233f7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-amazon-prime-video-op-apple-tv-te-kyk/">Hoe om Amazon Prime Video op Apple TV te kyk</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/pc-audio-basics-connectors/"> <amp-img src="https://exse.eyewated.com/pict/6cf11d45cd0534e4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/pc-audio-basics-connectors/">PC Audio Basics - Connectors</a></h3> <div class="amp-related-meta"> Koop wenke </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/cmyk-ink/"> <amp-img src="https://exse.eyewated.com/pict/b0e055f5c7b33a61-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/cmyk-ink/">CMYK Ink</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-3g-service-definisie-van-3g-diens/"> <amp-img src="https://exse.eyewated.com/pict/23de5a76c7b43501-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-3g-service-definisie-van-3g-diens/">Wat is 3G Service? Definisie van 3G-diens</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/5-maniere-om-bluetooth-in-jou-motor-te-gebruik/"> <amp-img src="https://exse.eyewated.com/pict/c404023fdf0e2ffb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/5-maniere-om-bluetooth-in-jou-motor-te-gebruik/">5 maniere om Bluetooth in jou motor te gebruik</a></h3> <div class="amp-related-meta"> Motor Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/top-5-itunes-tutorials/"> <amp-img src="https://exse.eyewated.com/pict/11f229156c0235a5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/top-5-itunes-tutorials/">Top 5 iTunes Tutorials</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-incognito-af-te-gebruik-in-google-chrome/"> <amp-img src="https://exse.eyewated.com/pict/8e1c5ec2f07e34bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-incognito-af-te-gebruik-in-google-chrome/">Hoe om Incognito af te gebruik in Google Chrome</a></h3> <div class="amp-related-meta"> Browsers </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/redes-waarom-mense-blog/"> <amp-img src="https://exse.eyewated.com/pict/8edd1ff582c034a3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/redes-waarom-mense-blog/">Redes waarom mense blog</a></h3> <div class="amp-related-meta"> Web & Soek </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/beste-van-ces-2005/"> <amp-img src="https://exse.eyewated.com/pict/1ddd365ab9c9340e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/beste-van-ces-2005/">Beste van CES 2005</a></h3> <div class="amp-related-meta"> Huis Teater </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-om-te-doen-fout-3194/"> <amp-img src="https://exse.eyewated.com/pict/fa03919ab7be33fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-om-te-doen-fout-3194/">Wat om te doen: Fout 3194</a></h3> <div class="amp-related-meta"> IPhone en iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/meer-inligting-oor-die-vervaardiging-van-canon-digitale-kameras/"> <amp-img src="https://exse.eyewated.com/pict/ddfe66541c4d3342-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/meer-inligting-oor-die-vervaardiging-van-canon-digitale-kameras/">Meer inligting oor die vervaardiging van Canon digitale kameras</a></h3> <div class="amp-related-meta"> Koop wenke </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/voordele-van-draadlose-en-huisrekenaarnetwerk/"> <amp-img src="https://exse.eyewated.com/pict/18d36a7b193033b8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/voordele-van-draadlose-en-huisrekenaarnetwerk/">Voordele van draadlose en huisrekenaarnetwerk</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/die-microsoft-windows-phone-8-bedryfstelsel/"> <amp-img src="https://exse.eyewated.com/pict/ef048e484b3c32fe-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/die-microsoft-windows-phone-8-bedryfstelsel/">Die Microsoft Windows Phone 8-bedryfstelsel</a></h3> <div class="amp-related-meta"> Web & Soek </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-sleutelbord-op-jou-android-smartphone-te-installeer/"> <amp-img src="https://exse.eyewated.com/pict/00192e85f2e33501-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-sleutelbord-op-jou-android-smartphone-te-installeer/">Hoe om 'n sleutelbord op jou Android Smartphone te installeer</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hersien-photon-flash-player-browser-vir-ipad/"> <amp-img src="https://exse.eyewated.com/pict/65506350273b35cf-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hersien-photon-flash-player-browser-vir-ipad/">Hersien: Photon Flash Player / Browser vir iPad</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/army-air-force-exchange-black-friday-tv-home-theater-deals/"> <amp-img src="https://exse.eyewated.com/pict/6eb81073b70633c9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/army-air-force-exchange-black-friday-tv-home-theater-deals/">Army / Air Force Exchange Black Friday TV / Home Theater Deals</a></h3> <div class="amp-related-meta"> Koop wenke </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 af.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>