EPUB- tiedosto on toista tyyppiä oleva ebook-tiedosto, joka on suosittu. Jos aiot kirjallisesti kirjoittaa tai julkaista eBookia, tallenna HTML- tiedosto Mobipocket-tiedostona ja EPUB-muodossa. Joitakin tapoja epub-tiedosto on paljon helpompi rakentaa kuin Mobi-tiedosto. Koska EPUB perustuu XML: ään, sinun tarvitsee vain luoda XML-tiedostoja, kerätä ne yhteen ja kutsua sitä epubiksi.
Miten luodaan EPUB-tiedosto HTML: ltä ja XML: ltä
Nämä ovat vaiheet, joita sinun pitäisi tehdä epub-tiedoston luomiseen:
- Rakenna HTML. Kirja on kirjoitettu HTML-muotoon, jossa on CSS muotoiluun. Mutta se ei ole vain HTML, se on XHTML. Joten, jos et yleensä kirjoita XHTML: ään (sulkemalla elementtejäsi, käyttämällä lainauksia kaikkien attribuuttien ympärillä jne.) Sinun täytyy muuntaa HTML XHTML: ksi. Voit käyttää kirjoittasi yhtä tai useampaa XHTML-tiedostoa. Useimmat ihmiset erottavat kappaleet erillisiin XHTML-tiedostoihin. Kun sinulla on kaikki XHTML-tiedostot, laita ne kaikkiin kansioon.
- Luo MIME-tyyppitiedosto . Avaa uusi dokumentti tekstieditorissa ja kirjoita: application / epub + zip Tallenna tiedosto nimellä "mimetyyppi" ilman laajennusta . Sijoita tämä tiedosto kansioon XHTML-tiedostoilla.
- Lisää tyyliarkit. Sinun pitäisi luoda kaksi tyylitiedostoa teokselle yksi kutsutuille sivuille
- page_styles.css: @page {
- marginaalipohja: 5pt;
- margin-top: 5pt
- }
- Luo yksi kirjastomuodoille nimeltä stylesheet.css. Voit antaa heille muita nimiä, sinun täytyy vain muistaa, mitä he ovat. Tallenna nämä tiedostot samaan hakemistoon XHTML- ja mimetype-tiedostoilla.
- Lisää kansikuvan. Kansikuvan pitäisi olla JPG-tiedosto enintään 64 kilotavua. Pienemmät voit tehdä siitä paremman, mutta pidä se hyvänä. Pieniä kuvia voi olla vaikea lukea, ja kansi on paikka, jossa teet kirjanne markkinoinnissa.
- Rakenna otsikkosivusi. Sinun ei tarvitse käyttää kansikuvaa otsikkosivuksi, mutta useimmat ihmiset tekevät. Voit lisätä otsikkosivusi luomalla XHTML-tiedoston nimeltään titlepage.xhtml. Tässä on esimerkki otsikkosivusta SVG: n avulla. Muuta korostettua osaa osoittamalla kansikuvaasi:
-
Cover </ title> </li><li> <style type = "text / css" title = "ohita_css"> </li><li> @page {padding: 0pt; margin: 0pt} </li><li> body {text-align: center; padding: 0pt; marginaali: 0pt; } </li><li> </ Style> </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%" korkeus = "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>Rakenna "Sisällysluettelo".</strong> Luo tiedosto nimeltä toc.ncx tekstieditoriksi. Tämä on XML-tiedosto, ja sen pitäisi viitata kaikkiin HTML-tiedostoihisi kirjassasi. Tässä on esimerkki, jossa on kaksi sisältöä sisällysluettelossa. Muuta korostettuja osia kirjallesi ja lisää lisää navPoint-elementtejä lisäosastoihin: <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" name = "dtb: uid" /> </li><li> <meta content = "2" name = "dtb: syvyys" /> </li><li> <meta content = "kaliiperi (0.8.68)" name = "dtb: generaattori" /> </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>Verkkosivuston rakentaminen</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>Tarvitsetko verkkotunnuksen?</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>Lisää kontti XML-tiedosto.</strong> Luo tekstieditorissa tiedosto nimeltä container.xml ja tallenna se alihakemistoon HTML-tiedostojen alapuolelle. Tiedoston tulisi olla seuraava: <ol><li> <? xml version = "1.0"?> </li><li> <container version = "1.0" xmlns = "urn: keidas: nimet: tc: opendocument: xmlns: container"> </li><li> <Rootfiles> </li><li> <rootfile full-path = "content.opf" media-type = "sovellus / oebps-paketti + xml" /> </li><li> </ Rootfiles> </li><li> </ Kontti> </li></ol></li><li> <strong>Luo sisältöluettelo (content.opf).</strong> Tämä on tiedosto, joka selittää, mitä epub-kirjaasi on. Se sisältää kirjan metatietoja (kuten kirjoittaja, julkaisupäivä ja lajityyppi). Tässä on näyte, sinun pitäisi vaihtaa osat keltaiseen kuvastaa kirjaasi: <ol><li> <? xml version = '1.0' encoding = 'utf-8'?> </li><li> <paketti 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: kieli> en </ dc: kieli> </li><li> <dc: title> <em>Web-sivuston rakentaminen</em> </ dc: title> </li><li> <dc: luoja opf: file-as = " <em>Kyrnin, Jennifer</em> " opf: rooli = "aut"> <em>Jennifer Kyrnin</em> </ dc: luoja> </li><li> <meta name = "cover" content = "cover" /> </li><li> <Dc: päivämäärä> 0101-01-01T00: 00: 00 + 00: 00 </ dc: päivämäärä> </li><li> <dc: avustaja opf: rooli = "bkp"> </ dc: avustaja> </li><li> <dc: tunniste id = "uuid_id" opf: järjestelmä = "uuid"> 0c159d12-f5fe-4323-8194-f5c652b89f5c </ dc: tunniste> </li><li> </ Metadata> </li><li> <Ilmeinen> </li><li> <item href = " <em>cover.jpeg</em> " id = "kansi" media-type = "kuva / jpeg" /> </li><li> <item href = " <em>build_website.html</em> " id = "id1" media-type = "sovellus / xhtml + xml" /> </li><li> <item href = " <em>page_styles.css</em> " id = "sivu_css" media-type = "text / css" /> </li><li> <item href = " <em>stylesheet.css</em> " id = "css" media-type = "teksti / css" /> </li><li> <item href = " <em>titlepage.xhtml</em> " id = "otsikkisivu" media-type = "application / xhtml + xml" /> </li><li> <item href = "toc.ncx" media-type = "sovellus / x-dtbncx + xml" id = "ncx" /> </li><li> </ Ilmeisen> </li><li> <spine toc = "ncx"> </li><li> <itemref idref = "titlepage" /> </li><li> <itemref idref = "id1" /> </li><li> </ Selkärangan> </li><li> <Opas> </li><li> <viite href = "titlepage.xhtml" type = "cover" title = "Cover" /> </li><li> </ Opas> </li><li> </ Paketti> </li></ol></li></ol><ol><li> Kaikki tarvittavat tiedostot on tallennettava kaikkiin hakemistoihin (paitsi container.xml, joka menee alihakemistoon META-INF). Haluamme siis siirtyä konttihakemistoon ja varmistaa, että sillä on nimi, joka heijastaa otsikkoa ja tekijän nimeä. </li><li> Kun tiedostot on nimetty haluamaasi kansioon, käytä Zip-arkisto-ohjelmaa zip-hakemistoon. Minun hakemiston hakemisto päätyy zip-tiedostoksi nimeltä "Miten rakentaa verkkosivusto - Jennifer Kyrnin.zip" </li><li> Lopuksi vaihda tiedostonimen laajennus .zip-tiedostosta .epub-tiedostoon. Käyttöjärjestelmäsi voi protestoida, mutta jatkaa sitä. Haluat, että sinulla on epub-laajennus. </li><li> Lopuksi <strong>testaa teoksesi.</strong> On vaikea saada epub-muotoa oikein ensimmäisellä kokeilulla, joten sinun pitäisi aina testata tiedosto. Avaa se epub-lukijalla, kuten Caliber. Jos se ei näy oikein, voit korjata ongelman kaliipilla. </li></ol> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-koodit-ja-erikoismerkit/"> <amp-img src="https://exse.eyewated.com/pict/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-koodit-ja-erikoismerkit/">HTML-koodit ja erikoismerkit</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-syoetteen-tunnisteen-ja-painikkeen-tunnisteen-kaeyttaeminen-lomakkeissa/"> <amp-img src="https://exse.eyewated.com/pict/f3f2f8cb74c62e8a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-syoetteen-tunnisteen-ja-painikkeen-tunnisteen-kaeyttaeminen-lomakkeissa/">HTML-syötteen tunnisteen ja painikkeen tunnisteen käyttäminen lomakkeissa</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/ovatko-html-5-merkinnaet-case-sensitive/"> <amp-img src="https://exse.eyewated.com/pict/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/ovatko-html-5-merkinnaet-case-sensitive/">Ovatko HTML 5-merkinnät Case Sensitive?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mitae-uutta-on-html-5-ssae/"> <amp-img src="https://exse.eyewated.com/pict/149adc95c70741f1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mitae-uutta-on-html-5-ssae/">Mitä uutta on HTML 5: ssä?</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://fi.eyewated.com/milloin-html5-elementtiae-kaeytetaeaen/">Milloin HTML5-elementtiä käytetään</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-5-viite-html-5-tunnisteet-aakkosjaerjestyksessae/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-5-viite-html-5-tunnisteet-aakkosjaerjestyksessae/">HTML 5 Viite - HTML 5 Tunnisteet aakkosjärjestyksessä</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-katsella-html-laehdettae-google-chromessa/"> <amp-img src="https://exse.eyewated.com/pict/adff2724bc843500-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-katsella-html-laehdettae-google-chromessa/">Kuinka katsella HTML-lähdettä Google Chromessa</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://fi.eyewated.com/sulkemistavat-eivaet-ole-pakollisia/">Sulkemistavat eivät ole pakollisia</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-painikkeiden-muodostaminen-lomakkeille/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-painikkeiden-muodostaminen-lomakkeille/">HTML-painikkeiden muodostaminen lomakkeille</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://fi.eyewated.com/autovahvistinluokat/"> <amp-img src="https://exse.eyewated.com/pict/3f27d49b653538e2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/autovahvistinluokat/">Autovahvistinluokat</a></h3> <div class="amp-related-meta"> Car Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-kaeyttaeae-opera-coast-selaimen-ios-laitteissa/"> <amp-img src="https://exse.eyewated.com/pict/2637d7d8beb83405-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-kaeyttaeae-opera-coast-selaimen-ios-laitteissa/">Kuinka käyttää Opera Coast -selaimen iOS-laitteissa</a></h3> <div class="amp-related-meta"> Selaimet </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-ottaa-naeyttoekuva-htc-one-m8-n-kanssa/"> <amp-img src="https://exse.eyewated.com/pict/413ca818ec5e33f1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-ottaa-naeyttoekuva-htc-one-m8-n-kanssa/">Kuinka ottaa näyttökuva HTC One M8: n kanssa</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/microsoftin-parhaat-word-mallit/"> <amp-img src="https://exse.eyewated.com/pict/846c2ef1c3c433f2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/microsoftin-parhaat-word-mallit/">Microsoftin parhaat Word -mallit</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-seurata-ihmisiae-twitterissae/"> <amp-img src="https://exse.eyewated.com/pict/85b996544e403428-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-seurata-ihmisiae-twitterissae/">Kuinka seurata ihmisiä Twitterissä</a></h3> <div class="amp-related-meta"> Sosiaalinen media </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-on-windowsin-rekisteri/"> <amp-img src="https://exse.eyewated.com/pict/640408eb16b43693-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-on-windowsin-rekisteri/">Mikä on Windowsin rekisteri?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://fi.eyewated.com/grindrin-kaeyttoe-tietokoneellasi/"> <amp-img src="https://exse.eyewated.com/pict/ad79eac7bf953570-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/grindrin-kaeyttoe-tietokoneellasi/">Grindrin käyttö tietokoneellasi</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/saehkoepostiviestin-prioriteettien-tehokkuus/"> <amp-img src="https://exse.eyewated.com/pict/a7eaba1fb8722f78-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/saehkoepostiviestin-prioriteettien-tehokkuus/">Sähköpostiviestin prioriteettien tehokkuus</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/8-ilmaista-tekstiviestipalvelua-sovellukset/"> <amp-img src="https://exse.eyewated.com/pict/a74f017430db2ff9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/8-ilmaista-tekstiviestipalvelua-sovellukset/">8 ilmaista tekstiviestipalvelua, sovellukset</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/ubuntu-vs-xubuntu/"> <amp-img src="https://exse.eyewated.com/pict/5a5deb8e984a341b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/ubuntu-vs-xubuntu/">Ubuntu vs. Xubuntu</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/menetaetkoe-ipad-datasi-tai-sovelluksiasi-jos-paeivitaet/"> <amp-img src="https://exse.eyewated.com/pict/aa3e1240ab4c3d82-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/menetaetkoe-ipad-datasi-tai-sovelluksiasi-jos-paeivitaet/">Menetätkö iPad-datasi tai sovelluksiasi, jos päivität?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mitae-ovat-aeaenikirjat/"> <amp-img src="https://exse.eyewated.com/pict/121ca3c73f863377-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mitae-ovat-aeaenikirjat/">Mitä ovat äänikirjat?</a></h3> <div class="amp-related-meta"> Nettihaku </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/8-parasta-joulua-elokuvia-ostettavaksi-vuonna-2018/"> <amp-img src="https://exse.eyewated.com/pict/7f4cde5f21d833de-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/8-parasta-joulua-elokuvia-ostettavaksi-vuonna-2018/">8 parasta joulua elokuvia ostettavaksi vuonna 2018</a></h3> <div class="amp-related-meta"> Oppaiden ostaminen </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/laehettaejaen-estaeminen-outlook-expressissae/"> <amp-img src="https://exse.eyewated.com/pict/43de9fed484b335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/laehettaejaen-estaeminen-outlook-expressissae/">Lähettäjän estäminen Outlook Expressissä</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/microsoftin-parhaat-excel-laskentataulukkomallit/"> <amp-img src="https://exse.eyewated.com/pict/4732c00a27de3753-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/microsoftin-parhaat-excel-laskentataulukkomallit/">Microsoftin parhaat Excel-laskentataulukkomallit</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/acer-revo-one-desktop-mini-pc-naekymae/"> <amp-img src="https://exse.eyewated.com/pict/ff867710bddf3473-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/acer-revo-one-desktop-mini-pc-naekymae/">Acer Revo One Desktop Mini-PC -näkymä</a></h3> <div class="amp-related-meta"> Tuotearvostelut </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-tehdae-sisaeinen-kiintolevy-ulkoiseksi/"> <amp-img src="https://exse.eyewated.com/pict/4d7a0e582dd13121-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-tehdae-sisaeinen-kiintolevy-ulkoiseksi/">Kuinka tehdä sisäinen kiintolevy ulkoiseksi</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-on-ff-twitterissae/"> <amp-img src="https://exse.eyewated.com/pict/2945c4db8ad3346f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-on-ff-twitterissae/">Mikä on #ff Twitterissä?</a></h3> <div class="amp-related-meta"> Sosiaalinen media </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/paeivitae-asennus-os-x-mountain-lion/"> <amp-img src="https://exse.eyewated.com/pict/2d3649d2f15d353b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/paeivitae-asennus-os-x-mountain-lion/">Päivitä Asennus OS X Mountain Lion</a></h3> <div class="amp-related-meta"> Macit </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-on-gerber-gbr-tiedosto/"> <amp-img src="https://exse.eyewated.com/pict/efa17c650ee53164-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-on-gerber-gbr-tiedosto/">Mikä on Gerber (GBR) -tiedosto?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/outlook-salasana-14-recovery-tool-review/"> <amp-img src="https://exse.eyewated.com/pict/ecfaf28a8df9324e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/outlook-salasana-14-recovery-tool-review/">Outlook Salasana 1,4 - Recovery Tool Review</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/podcast-sivuston-visuaalinen-markkinointi/"> <amp-img src="https://exse.eyewated.com/pict/9f76a8001b56341f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/podcast-sivuston-visuaalinen-markkinointi/">Podcast-sivuston visuaalinen markkinointi</a></h3> <div class="amp-related-meta"> Nettihaku </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 fi.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.197 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:03:49 --> <!-- 0.002 -->