Käyttöopas Peruuta

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

Hae
InDesign

InDesign

Avaa sovellus
  1. InDesignin käyttöopas
  2. Tutustu InDesigniin
    1. InDesignin esittely
      1. InDesignin uudet ominaisuudet
      2. Järjestelmävaatimukset
      3. Yleisiä kysymyksiä
      4. Creative Cloud ‑kirjastojen käyttäminen
    2. Työtila
      1. Perustietoja työtilasta
      2. Kontekstuaalinen tehtäväpalkki
      3. Työtilan mukauttaminen InDesignissa
      4. Työkalupaneeli
      5. Asetusten määrittäminen
      6. Ominaisuudet-paneeli
      7. Kosketustyötila
      8. Oletuspikanäppäimet
      9. Muokkausten kumoaminen ja Historia-paneelin hallinta
      10. Julkaisun palauttaminen ja kumoaminen
    3. Generatiivinen tekoäly (ei saatavilla Manner-Kiinassa)
      1. Teksti kuvaksi
      2. Generatiivinen laajennus
      3. Tehosteen generointi InDesignissa (Beta)
      4. Generatiivisen tekoälyn usein kysytyt kysymykset
  3. Julkaisujen luominen ja asetteleminen
    1. Dokumentit ja sivut
      1. Dokumenttien luominen
      2. Sivupohjien käyttäminen
      3. Dokumentin sivujen käsitteleminen
      4. Sivukoon, reunusten ja leikkausvaran määrittäminen
      5. Tiedostojen ja mallien käyttö
      6. PDF-tiedostojen muuntaminen InDesign-tiedostoiksi InDesignissa (Beta)
      7. Kirjatiedostojen luominen
      8. Perussivunumeroinnin lisääminen
      9. Sivujen, lukujen ja osioiden numeroiminen
      10. QuarkXPress- ja PageMaker-julkaisujen muuntaminen
      11. Sisällön jakaminen
      12. Hallittavan tiedoston perustyönkulku
      13. Julkaisujen tallennus
    2. Ruudukot
      1. Ruudukot
      2. Ruudukkojen muotoileminen
    3. Asettelun apuvälineet
      1. Viivaimet
      2. Objektien tasaaminen ja jakaminen viivainten avulla
      3. Objektien mittaaminen mittaustyökalulla
  4. Sisällön lisääminen
    1. Teksti
      1. Tekstin lisääminen kehyksiin
      2. Tekstin ketjuttaminen
      3. Kaakkois-Aasian merkistöt
      4. InDesignin arabian- ja hepreankieliset toiminnot
      5. Reittitekstin luominen
      6. Luettelomerkit ja numerointi
      7. MathML:n lisääminen matemaattisten lausekkeiden luomista varten
      8. Kuviot ja erikoismerkit
      9. Tekstin koostaminen
      10. Tekstimuuttujat
      11. QR-koodien luominen
      12. Tekstin muokkaaminen
      13. Tekstin tasaaminen
      14. Tekstin kierrättäminen objektien ympäri
      15. Ankkuroidut objektit
      16. Linkitetty sisältö
      17. Kappaleiden muotoileminen
      18. Merkkien muotoilu
    2. Typografia
      1. Kirjasinten käyttö InDesignissa
      2. Parivälistys ja merkkiväli
      3. Tekstin skaalaaminen ja käyristäminen
      4. Väritehosteiden lisääminen tekstiin
    3. Tekstin muotoilu
      1. Tekstin muotoilu
      2. Tekstin tyylin automaattinen määrittäminen
      3. Tyylipakettien käyttäminen
      4. Sarkaimet ja sisennykset
    4. Tekstin tarkistaminen
      1. Muutosten jäljittäminen ja tarkasteleminen
      2. Kirjoittajan huomautusten lisääminen InDesignissa
      3. PDF-tiedoston kommenttien tuominen
    5. Oikeinkirjoituksen tarkistaminen ja sanastot
      1. Oikeinkirjoituksen tarkistus, automaattinen korjaus ja dynaaminen oikeinkirjoitus
      2. Sanakirjojen ja sanojen tuominen, lisääminen ja hallinta
      3. Sanastoasetusten muuttaminen
      4. Dudenin sanakirja
    6. Viittausten lisääminen
      1. Sisällysluettelon luominen
      2. Alaviitteet
      3. Hakemiston luominen
      4. Loppuviitteet
      5. Kuvatekstit
    7. Tyylit
      1. Kappale- ja merkkityylit
      2. Tyylien määrittäminen, vieminen ja hallinta
      3. Objektityylit
      4. Anfangit ja sisäkkäistyylit
      5. Tyylien käyttäminen
      6. Rivivälistys
    8. Taulukot
      1. Taulukkojen muotoileminen
      2. Taulukkojen luominen
      3. Taulukko- ja solutyylit
      4. Taulukoiden valitseminen ja muokkaaminen
      5. Taulukkojen täytöt ja viivat
    9. Vuorovaikutteisuus
      1. Hyperlinkit
      2. Dynaamiset PDF-julkaisut
      3. Kirjanmerkit
      4. Painikkeet
      5. Lomakkeet
      6. Animaatio
      7. Ristiviittaukset
      8. Rakenteen lisääminen PDF-tiedostoihin
      9. Sivun siirtymät
      10. Elokuvat ja äänet
    10. Grafiikka
      1. Reitit ja muodot
      2. Piirtäminen lyijykynätyökalulla
      3. Piirtäminen kynätyökalulla
      4. Viiva-asetusten käyttäminen 
      5. Yhdistelmäreitit ja -muodot
      6. Reittien muokkaaminen
      7. Rajaavat reitit
      8. Kulman ulkoasun muuttaminen
      9. Kehykset ja objektit
      10. Objektien tasaaminen ja jakaminen
      11. Linkitetyt ja upotetut kuvat
      12. AEM-resurssien integraatio
    11. Värit ja läpinäkyvyys
      1. Värin käyttö
      2. Tuodun grafiikan värien käyttö
      3. Värimallien käyttö
      4. Värien sekoittaminen
      5. Sävyt
      6. Spotti- ja prosessivärit
      7. Värien sekoittaminen
      8. Liukuvärit
      9. Läpinäkyvän kuvan tasojen yhdistäminen
      10. Läpinäkyvyystehosteiden lisääminen
  5. Etsi ja korvaa
    1. Tekstin etsiminen ja korvaaminen
    2. Kirjasimien etsiminen ja korvaaminen
    3. Kuvioiden etsiminen ja korvaaminen
    4. Etsiminen ja korvaaminen GREP-lausekkeiden ja kyselyjen avulla
    5. Objektien etsiminen ja korvaaminen
    6. Värien etsiminen ja korvaaminen
    7. Etsi ja korvaa ‑toiminnon hakuvaihtoehdot
  6. Jaa
    1. Pilvidokumenttien tallentaminen ja käyttäminen
    2. Pilvidokumenttien järjestäminen, hallinta ja jakaminen
    3. Pilvidokumenttien versioiden tarkasteleminen ja hallinta
    4. Yleisiä kysymyksiä InDesign-pilvidokumenteista
    5. InCopyn verkkopalvelu (Beta)
    6. Jaa ja tee yhteistyötä        
    7. Jaa ja tarkista
    8. Jaetun InDesign-julkaisun tarkistaminen
    9. Palautteen hallinta
    10. Kutsu muokkaamaan
  7. Vieminen, tuominen ja julkaiseminen
    1. Sijoittaminen, vieminen ja julkaiseminen
      1. Publish Online
      2. Publish Online ‑hallintapaneeli
      3. Grafiikan kopioiminen ja lisääminen
      4. Vieminen Adobe Expressiin
      5. Sisällön vieminen EPUB-muotoon
      6. Adobe PDF -asetukset
      7. Vieminen HTML5-muotoon
      8. Sisällön vieminen HTML:ään (vanha)
      9. Vienti Adobe PDF -muotoon
      10. Vieminen JPEG- tai PNG-muotoon
      11. SVG-tiedostojen tuonti
      12. Tuetut tiedostomuodot
      13. Käyttäjien asetusten vienti ja tuonti
    2. Tulostaminen
      1. Kirjasen tulostaminen
      2. Tulostimen merkit ja leikkausvarat
      3. Julkaisujen tulostaminen
      4. Painovärit, erottelu ja rasteritiheys
      5. Päällepainatus
      6. PostScript- ja EPS-tiedostojen luominen
      7. Tiedostojen esitarkastus ennen toimitusta
      8. Miniatyyrien ja suurikokoisten julkaisujen tulostaminen
      9. PDF-tiedostojen valmisteleminen tulostuspalvelua varten
      10. Erottelujen tulostuksen valmistelu
  8. InDesignin laajentaminen
    1. Automaatio
      1. Tietojen yhdistäminen
      2. Laajennukset
      3. InDesignin Capture-laajennus
      4. Komentosarjat
  9. Vianmääritys
    1. Korjatut ongelmat
    2. Tunnetut ongelmat
    3. Kaatuminen käynnistettäessä
    4. Ensisijaisen kansion vain luku ‑ongelma
    5. Tiedosto-ongelmien vianmääritys
    6. InDesign-tiedostoa ei voi viedä PDF-muodossa
    7. InDesign-asiakirjojen palauttaminen

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

Vieminen HTML5-muotoon

Publish Online

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ä?

Pikalinkit

Näytä kaikki sopimuksesi Sopimusten hallinta
Näytä pikalinkit
Piilota pikalinkit

Lakisääteiset ilmoitukset    |    Online-tietosuojakäytäntö