Käyttöopas Peruuta

Sisällön vieminen HTML:ään (vanha)

Opi viemään sivu, aukeama tai valittu objekti HTML (vanha) -tiedostomuodossa.

HTML-muotoon vieminen on muuntaa InDesign-sisällön helposti verkkokäyttöön soveltuvaan muotoon. Kun viet sisältöä HTML-muotoon, voit valita, miten teksti ja kuvat viedään. InDesign säilyttää viedyssä sisällössä käytettyjen kappaleiden, merkkien, objektien, taulukoiden ja solutyylien nimet merkitsemällä HTML-sisällön samannimisillä CSS-tyyliluokilla.

Vieminen HTML:ään (vanha)

  1. Jos et aio viedä koko julkaisua, valitse vietävät tekstikehykset, tekstialue, taulukkosolut tai grafiikka.
  2. Valitse Tiedosto > Vie ja sitten HTML (vanha) Tallennusmuoto (Windows)- tai Muoto (macOS) ‑kohdasta.

  3. Määritä HTML-julkaisun nimi ja sijainti ja valitse Tallenna.

  4. Määritä haluamasi asetukset HTML-vientiasetukset-valintaikkunan Yleiset-, Kuva- ja Lisäasetukset-kohdissa ja valitse OK.

Ohjelma luo julkaisun käyttämällä määritettyä nimeä sekä .html-tunnistetta (kuten uutiskirje.html). Jos verkkokuvien alikansio (kuten uutiskirjeen_Web-kuvat) on määritetty, se tallennetaan samaan sijaintiin.

HTML-vientiasetukset

Yleiset

Yleiset-välilehti, jossa näkyy eri asetuksia
Yleiset asetukset

Vieminen

Määrittää, viedäänkö koko julkaisu vai vain valitut kohteet.

  • Jos valittuna on tekstikehys, koko juttu, mukaan lukien ylijuokseva teksti, viedään.
  • Jos valitset julkaisun, viedään kaikkien aukeamien kaikki sivukohteet lukuun ottamatta näkymättömien tasojen sivukohteita sekä sivupohjakohteita, joita ei ole ohitettu. Myös XML-nimiöt ja luodut hakemistot ja sisällysluettelot ohitetaan.

Sisällön järjestys

Määrittää sivuobjektien lukemisjärjestyksen.

  • Sivuasettelun perusteella: Lukemisjärjestys määräytyy sivulla olevien kohteiden sijainnin perusteella. InDesign päättelee sivuobjektien lukemisjärjestyksen lukemalla sivun vasemmalta oikealle ja ylhäältä alas. (Vain aasialaiset versiot) InDesign päättelee sivuobjektien lukemisjärjestyksen julkaisun sidonnan mukaan (vasemmalta oikealle tai oikealta vasemmalle).
  • Sama kuin XML-rakenne: Nimiöiden järjestys rakennenäkymässä määrää lukemisjärjestyksen. Lisätietoja: Sivukohteiden nimiöinti.
  • Sama kuin artikkelipaneelissa: Lukemisjärjestys määräytyy Artikkelit-paneelissa olevien elementtien järjestyksen perusteella. Vain valitut artikkelit viedään. 

Muotoiluasetukset

  • Luettelomerkit: Valitse Osoita järjestämättömään luetteloon -vaihtoehto muuntaaksesi luettelomerkityt kappaleet luettelokohteiksi, jotka muotoillaan HTML-koodissa nimiöllä. Valitse Muunna tekstiksi, jos haluat muotoilla luettelomerkit tekstiksi nimiöllä. Jos olet käyttänyt InDesignin alkuperäisiä automaattisia luettelomerkkejä, myös aliluettelomerkit sisällytetään.
  • Numerot: Määrittää, kuinka numerot muunnetaan HTML-tiedostossa. Valitse Osoita järjestettyyn luetteloon -vaihtoehto muuntaaksesi numeroidut luettelot luettelokohteiksi, jotka muotoillaan HTML-koodissa nimiöllä. Valitse Muunna tekstiksi -vaihtoehto muuntaaksesi numeroidut luettelot kappaleiksi, joiden alussa on kappaleen nykyinen numero tekstinä.

 

Näytä HTML viennin jälkeen

Käynnistää selaimen, jos käytettävissä.

Kuva

Kuva-asetukset
Kuva-asetukset

Kuvien kopiointi

Määrittää, miten kuvat viedään HTML-muotoon.

  • Alkuperäinen: Vie alkuperäisen kuvan <document_name>-web-images -alikansioon. 
  • Optimoitu: Voit asetuksia muuttamalla määrittää, kuinka kuva viedään.
  • Palvelinpolun linkki: Kuvia ei viedä alikansioon, vaan niille annetaan paikallinen URL-osoite (esimerkiksi ”kuvat/”), joka näkyy kuvatiedoston edessä. Linkkimäärite näyttää määrittämäsi reitin ja tunnisteen HTML-koodissa. Tämä asetus on erityisen tehokas, kun olet itse muuntamassa kuvia verkkokäyttöön soveltuviksi kuviksi.

Säilytä sivuasettelun ulkoasu (grafiikka-/mediaobjekteille)

Valitse tämä vaihtoehto, jos haluat periä kuvaobjektien määritteet asettelusta.

Tarkkuus

Määritä kuvien tarkkuus pikseleinä per tuuma (ppi). Mitä suurempi luku, sitä parempi tarkkuus. Käyttöjärjestelmien vakiotarkkuus on 72 ppi tai 96 ppi, kun taas mobiililaitteissa tarkkuus vaihtelee 132 ppi:stä (iPad) 172 ppi:hin (Sony Reader) ja jopa 300 ppi:hin (iPhone 4).
Voit valita ppi-arvon kullekin valitulle objektille. Arvona voi olla 72, 96, 150 (tänä päivänä kaikkien eBook-laitteiden keskiarvo) ja 300.

Kuvan koko

Määrittää, käytetäänkö kiinteää kuvakokoa vai suhteutetaanko se sivulla olevaan tekstiin. Suhteessa tekstijuoksutukseen -asetus määrittää suhteellisen prosenttiarvon InDesign-sivuleveyteen suhteutetun tekstijuoksutuksen perusteella. Tätä asetusta käytettäessä kuvat skaalataan suhteessa lukualueen tekstiin.

Kuvan tasaus ja välistys

Määrittää kuvan tasauksen: vasemmalle, keskelle tai ylös. Voit myös määrittää tasauksen ylös tai alas.

Kuvan muuntaminen

Määritä, muunnetaanko julkaisussasi olevat optimoidut kuvat GIF-, JPEG- vai PNG-muotoon. Valitse Automaattinen, jos haluat, että InDesign päättää, mitä muotoa kussakin tapauksessa käytetään.

GIF-asetukset

  • Paletti: Tämä asetus sallii sinun määrittää, kuinka InDesign käsittelee värejä GIF-tiedostoja optimoitaessa. GIF-muodossa käytetään rajoitettua väripalettia, jossa voi olla enintään 256 väriä. Valitse Sovitettu (ei sirontaa), jos haluat luoda paletin käyttämällä edustavaa näytettä grafiikan väreistä ilman rasterointia (eli lisävärien simulointia pieniä väripisteitä sekoittamalla). Valitse Verkko muodostaaksesi paletin verkkokäyttöön sopivista väreistä, jotka ovat Windows- ja macOS-järjestelmävärien osajoukko. Valitse Järjestelmä (Win) tai Järjestelmä (Mac) luodaksesi paletin käyttämällä järjestelmän omaa väripalettia. Tämä vaihtoehto voi aiheuttaa odottamattomia tuloksia.
  • Lomita: Lataa kuvat progressiivisesti siten, että rivit ilmestyvät yksitellen. Kuva näyttää epäselvältä ja terävöityy asteittain täyteen resoluutioon, jos poistat tämän vaihtoehdon valinnan.

JPEG-asetukset

  • Kuvan laatu: Määrittää kullekin JPEG-kuvalle tilanteeseen parhaiten sopivan pakkauksen (pienemmät tiedostokoot) ja kuvan laadun. Matala-asetus tuottaa pienimmän tiedostokoon ja heikoimman kuvan laadun.
  • Muotoilumenetelmä: Määritä, kuinka nopeasti JPEG-grafiikka tulee näkyviin, kun kuvan sisältämä tiedosto avataan selaimessa. Valitse Etenevä, jos haluat JPEG-kuvien avautuvan vähitellen ja tarkentuvan verkkoselaimen ladatessa niitä. Valitse Peruslinja , jos haluat JPEG-tiedostojen tulevan esiin vasta, kun ne on ladattu. Kuvan tilalla näytetään paikkamerkki, kunnes kuva on ladattu.

Ohita objektin vientiasetukset

Ohittaa yksittäisiin kuviin käytetyt objektin vientiasetukset. Lisätietoja: Objektin vientiasetusten käyttäminen.

Lisäasetukset

Lisäasetukset
Lisäasetukset

Älä sisällytä luokkia HTML:ään

Valitse tämä asetus, jos et halua sisällyttää luokkia HTML-tiedostoon. Tällöin nimiön luokka- ja tunnus-määritteet poistetaan HTML-tiedoston viennin aikana. Myös HTML-tiedostossa olevat redundantit div-nimiöt poistetaan.

Sisällytä luokat HTML:ään

Valitse tämä asetus, jos haluat sisällyttää luokat HTML-tiedostoon.

  • Luo CSS: Määritä, haluatko InDesignin luovan vientitiedostolle CSS-tyyliarkin. 
  • Säilytä paikalliset ohitukset: Sisällytä paikallinen muotoilu, kuten kursivoitu tai lihavoitu.

Lisää tyyliarkki

Määritä olemassa olevan CSS-tyyliarkin URL-osoite (yleensä suhteellinen URL, esimerkiksi "/styles/style.css"). InDesign ei tarkista, onko CSS olemassa tai kelvollinen.

JavaScript-asetukset

Valitse Lisää komentosarja, jos haluat suorittaa JavaScript-komentosarjan, kun HTML-sivu avataan. InDesign ei tarkista, onko JavaScript olemassa tai kelvollinen.

InDesign vie

InDesign vie kaikki jutut, linkitetyt ja upotetut kuvat, SWF-elokuvatiedostot, alaviitteet, tekstimuuttujat (tekstinä), luettelomerkityt ja numeroidut luettelot, sisäiset ristiviittaukset sekä tekstiin tai verkkosivuille siirtävät hyperlinkit. Taulukot voidaan viedä myös HTML-muodossa. InDesign säilyttää taulukon muotoilun, kuten taulukon ja solun viivat. Taulukoille annetaan yksilöivät tunnisteet, ja niihin voidaan viitata Spry-tietojoukkoina Dreamweaverissa. Sijoitetut audio- ja h.264-videotiedostot sisällytetään HTML5 <audio>- ja <video>-nimiöihin. InDesign vie myös piirtämäsi objektit (kuten suorakulmiot, soikiot ja monikulmiot), liitetyt objektit (myös liitetyt Illustrator-kuvat) ja ääriviivoiksi muunnetun tekstin.

InDesign ei vie

InDesign ei vie hyperlinkkejä (paitsi verkkosivujen linkkejä ja tekstilinkkejä, jotka siirtävät saman julkaisun tekstiankkureihin), XML-nimiöitä, kirjoja, kirjanmerkkejä, SING-glyyfejä, sivun siirtymiä, hakemistomerkkejä, taittopöydän kohteita, joita ei ole valittu ja jotka eivät koske sivua, eikä sivupohjakohteita (ellei niitä korvata tai valita ennen vientiä).

Enemmän tällaisia

Onko sinulla kysymys tai idea?

Kysy yhteisöltä

Jos sinulla on kysyttävää tai muille jaettavia ajatuksia, tule mukaan ja osallistu Adobe InDesign-yhteisöön. Odotamme yhteydenottoasi ja haluamme nähdä luomuksesi.

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?