Podręcznik użytkownika Anuluj

Eksportowanie zawartości do formatu HTML (starsza wersja)

  1. Podręcznik użytkownika programu InDesign
  2. Poznaj program InDesign
    1. Wprowadzenie do programu InDesign
      1. Co nowego w programie InDesign
      2. Wymagania systemowe
      3. Często zadawane pytania
      4. Korzystanie z bibliotek Creative Cloud
    2. Przestrzeń robocza
      1. Podstawy pracy z przestrzenią roboczą
      2. Kontekstowy pasek zadań
      3. Dostosowywanie przestrzeni roboczej w programie InDesign
      4. Toolbox
      5. Ustawianie preferencji
      6. Panel Właściwości
      7. Dotykowa przestrzeń robocza
      8. Domyślne skróty klawiaturowe
      9. Cofanie zmian i zarządzanie panelem Historia
      10. Odzyskiwanie dokumentów i cofanie zmian
    3. Generatywna SI (niedostępna w Chinach kontynentalnych)
      1. Tekst na obraz
      2. Rozszerzanie generatywne
      3. Generowanie efektu w programie InDesign (Beta)
      4. Często zadawane pytania dotyczące generatywnej SI
  3. Tworzenie i układ dokumentów
    1. Dokumenty i strony
      1. Tworzenie dokumentów
      2. Praca ze stronami wzorcowymi
      3. Praca ze stronami dokumentu
      4. Ustawianie rozmiaru strony, marginesów i spadów
      5. Praca z plikami i szablonami
      6. Konwertowanie plików PDF na pliki InDesign w programie InDesign (Beta)
      7. Tworzenie plików księgi
      8. Dodawanie podstawowej numeracji stron
      9. Numerowanie stron, rozdziałów i sekcji
      10. Konwertowanie dokumentów QuarkXPress i PageMaker
      11. Udostępnianie zawartości
      12. Podstawy zarządzania obiegiem pracy
      13. Zapisywanie dokumentów
    2. Siatki
      1. Siatki
      2. Formatowanie siatek
    3. Narzędzia pomocnicze do tworzenia układu
      1. Miarki
      2. Wyrównywanie i rozmieszczanie obiektów za pomocą miarek
      3. Mierzenie obiektów za pomocą narzędzia Miarka
  4. Dodawanie zawartości
    1. Tekst
      1. Dodawanie tekstu do ramek
      2. Wątkowanie tekstu
      3. Języki Azji Południowo-Wschodniej
      4. Obsługa języka arabskiego i hebrajskiego w programie InDesign
      5. Tworzenie tekstu na ścieżce
      6. Punktowanie i numerowanie
      7. Wstawianie wyrażeń matematycznych za pomocą MathML
      8. Glify i znaki specjalne
      9. Składanie tekstu
      10. Zmienne tekstowe
      11. Generowanie kodów QR
      12. Edycja tekstu
      13. Wyrównywanie tekstu
      14. Oblewanie tekstem wokół obiektów
      15. Zakotwiczone obiekty
      16. Zawartość połączona
      17. Formatowanie akapitów
      18. Formatowanie znaków
    2. Typografia
      1. Korzystanie z czcionek w programie InDesign
      2. Kerning i światło
      3. Skalowanie i pochylenie tekstu
      4. Stosowanie efektów kolorystycznych do tekstu
    3. Formatowanie tekstu
      1. Formatowanie tekstu
      2. Automatyczny styl tekstu
      3. Praca z pakietami stylów
      4. Tabulatory i wcięcia
    4. Recenzowanie tekstu
      1. Śledzenie i przeglądanie zmian
      2. Dodawanie notatek redaktorskich w programie InDesign
      3. Importowanie komentarzy z pliku PDF
    5. Słowniki ortograficzne i językowe
      1. Sprawdzanie pisowni, autokorekta i dynamiczne sprawdzanie pisowni
      2. Tworzenie i dodawanie słowników i wyrazów oraz zarządzanie nimi
      3. Zmiana preferencji słownika
      4. Słownik Duden
    6. Dodawanie odwołań
      1. Tworzenie spisu treści
      2. Przypisy dolne
      3. Tworzenie indeksu
      4. Przypisy końcowe
      5. Podpisy
    7. Style
      1. Style akapitowe i znakowe
      2. Odwzorowanie i eksportowanie stylów i zarządzanie nimi
      3. Style obiektowe
      4. Inicjały i style zagnieżdżone
      5. Praca ze stylami
      6. Interlinia
    8. Tabele
      1. Formatowanie tabel
      2. Tworzenie tabel
      3. Style tabeli i komórki
      4. Zaznaczanie i edycja tabel
      5. Obrysy i wypełnienia tabel
    9. Interaktywność
      1. Hiperłącza
      2. Dynamiczne dokumenty PDF
      3. Zakładki
      4. Przyciski
      5. Formularze
      6. Animacja
      7. Odsyłacze
      8. Pliki PDF ze strukturą
      9. Przejścia stron
      10. Filmy i dźwięki
    10. Grafika
      1. Informacje o ścieżkach i kształtach
      2. Rysowanie narzędziem Ołówek
      3. Rysowanie narzędziem Pióro
      4. Stosowanie ustawień linii (obrysów)
      5. Ścieżki i kształty złożone
      6. Edycja ścieżek
      7. Ścieżki przycinające
      8. Zmiana wyglądu narożnika
      9. Ramki i obiekty
      10. Wyrównywanie i rozmieszczanie obiektów
      11. Grafika połączona i osadzona
      12. Integrowanie zasobów z systemu AEM
    11. Kolory i przezroczystość
      1. Stosowanie koloru
      2. Używanie kolorów z grafiki importowanej
      3. Praca z próbkami
      4. Mieszanie farb
      5. Tinty
      6. Informacje o kolorach dodatkowych i podstawowych
      7. Mieszanie kolorów
      8. Gradienty
      9. Spłaszczanie grafiki zawierającej przezroczystość
      10. Dodawanie efektów przezroczystości
  5. Wyszukiwanie i zastępowanie
    1. Wyszukiwanie i zastępowanie tekstu
    2. Wyszukiwanie i zastępowanie czcionek
    3. Wyszukiwanie i zastępowanie glifów
    4. Wyszukiwanie i zastępowanie w wyrażeniach i zapytaniach GREP
    5. Wyszukiwanie i zastępowanie obiektów
    6. Wyszukiwanie i zastępowanie kolorów
    7. Opcje wyszukiwania do znajdowania i zastępowania
  6. Udostępnianie
    1. Zapisywanie dokumentów w chmurze i dostęp do nich
    2. Organizowanie i udostępnianie dokumentów w chmurze oraz zarządzanie nimi
    3. Wyświetlanie wersji dokumentów w chmurze i zarządzanie nimi
    4. Często zadawane pytania dotyczące dokumentów InDesign w chmurze
    5. InCopy w sieci (Beta)
    6. Udostępnianie i współpraca
    7. Udostępnianie do recenzji
    8. Recenzja udostępnionego dokumentu InDesign
    9. Zarządzanie opiniami
    10. Zapraszanie do edycji
  7. Eksportowanie, importowanie i publikowanie
    1. Umieszczanie, eksportowanie i publikowanie
      1. Publikacja elektroniczna
      2. Konsola funkcji Publikacja elektroniczna
      3. Kopiowanie i wstawianie grafiki
      4. Eksportowanie do programu Adobe Express
      5. Eksport zawartości do formatu EPUB
      6. Opcje Adobe PDF
      7. Eksportowanie do HTML5
      8. Eksportowanie zawartości do formatu HTML (starsza wersja)
      9. Eksportowanie do formatu Adobe PDF
      10. Eksportowanie do formatu JPEG lub PNG
      11. Importowanie plików SVG
      12. Obsługiwane formaty plików
      13. Eksport i import ustawień użytkownika
    2. Drukowanie
      1. Drukowanie broszur
      2. Znaczniki drukarskie i spady
      3. Drukowanie dokumentów
      4. Farby, rozbarwienia i liniatura rastra
      5. Nadruk
      6. Tworzenie plików PostScript i EPS
      7. Inspekcja wstępna plików przed przekazaniem
      8. Drukowanie miniaturek i bardzo dużych dokumentów
      9. Przygotowywanie plików PDF dla usługodawców
      10. Przygotowanie do drukowania rozbarwień
  8. Rozszerzanie programu InDesign
    1. Automatyzacja
      1. Scalanie danych
      2. Wtyczki
      3. Rozszerzenie Capture w programie InDesign
      4. Tworzenie skryptów
  9. Rozwiązywanie problemów
    1. Rozwiązane problemy
    2. Znane problemy
    3. Awaria podczas uruchamiania programu
    4. Błąd — folder preferencji tylko do odczytu
    5. Rozwiązywanie problemów z plikami
    6. Nie można wyeksportować pliku programu InDesign do pliku PDF
    7. Odzyskiwanie dokumentów InDesign

Naucz się eksportować stronę, stronę widzącą lub wybrany obiekt do typu HTML (starsza wersja).

Eksportowanie w formacie HTML łatwo konwertuje zawartość programu InDesign do formatu przygotowanego do wyświetlania w Internecie. Podczas eksportowania zawartości do HTML można kontrolować sposób eksportu tekstu i obrazów. Program InDesign zachowuje nazwy akapitów, znaków, obiektów, tabel i stylów nadanych komórkom w eksportowanej zawartości przez oznaczenie zawartości HTML klasami stylów CSS o tych nazwach.

Eksportowanie do formatu HTML (starsza wersja)

  1. Jeśli nie eksportujesz całego dokumentu, zaznacz ramki tekstowe, zakres tekstu, komórki tabeli lub grafiki, które chcesz wyeksportować.
  2. Wybierz opcję Plik > Eksportuj i wybierz opcję HTML (starsza wersja) z menu Zapisz jako typ (Windows) lub Format (macOS).

  3. Określ nazwę i położenie dokumentu HTML, a następnie wybierz opcję Zapisz.

  4. W oknie dialogowym Opcje eksportu HTML określ potrzebne opcje w obszarach Ogólne, Obraz, Zaawansowane i wybierz przycisk OK.

Utworzony zostanie dokument o określonej nazwie z rozszerzeniem .html (np. „newsletter.html”); jeśli zostało to określone, to w tym samym położeniu zostanie zapisany podfolder z obrazami WWW (np. „newsletter web images”).

Opcje eksportu HTML

Ogólne

karta ogólne pokazuje różne opcje
Opcje ogólne

Eksportuj

Określa, czy eksportowane są tylko zaznaczone elementy, czy cały dokument.

  • Jeśli ramka tekstowa jest zaznaczona, eksportowany jest cały wątek wraz z tekstem niemieszczącym się.
  • Jeśli zaznaczona jest opcja Dokument, to eksportowane są wszystkie elementy ze wszystkich stron, z wyjątkiem elementów strony wzorcowej, które nie zostały przesłonięte, oraz elementów strony na niewidocznych warstwach. Ignorowane są także znaczniki XML, wygenerowane indeksy i spis treści.

Kolejność zawartości

Określa kolejność odczytu obiektów strony.

  • Na podstawie układu strony: o kolejności czytania decyduje położenie elementów na stronie. Program InDesign ustawia kolejność odczytywania obiektów stron, skanując od lewej do prawej i z góry na dół. (Tylko wersje azjatyckie) Na podstawie układu strony program InDesign ustala kolejność czytania obiektów na stronach zgodnie z kierunkiem oprawy dokumentu (od lewej do prawej lub od prawej do lewej).
  • Tak samo jak struktura XML: o kolejności odczytu będzie decydować kolejność znaczników w widoku struktury. Zobacz Oznaczanie elementów strony.
  • Tak samo jak w panelu Artykuły: kolejność elementów w panelu Artykuły decyduje o kolejności czytania. Eksportowane są jedynie włączone artykuły. 

Opcje formatowania

  • Punktory: wybierz opcję Odwzorowuj na nieuporządkowaną listę, aby przekształcić akapity z punktorami w elementy listy, które są formatowane w języku HTML przy pomocy znacznika. Wybierz opcję Konwertuj na tekst, aby dokonać formatowania przy pomocy znacznika ze znakami punktorów jako tekstem. Jeśli użyto natywnych automatycznych punktorów programu InDesign, wówczas dołączane są także punktory drugorzędne.
  • Liczby: określa sposób konwersji numeracji w pliku HTML. Wybierz opcję Odwzorowuj na uporządkowaną listę, aby przekształcić listy numerowane w elementy listy, które są formatowane w języku HTML przy pomocy znacznika. Wybierz opcję Przekształcaj na tekst, aby przekształcić listy numerowane w akapity, które rozpoczynają się bieżącym numerem akapitu w postaci tekstu.

 

Wyświetl plik HTML po wyeksportowaniu

Uruchamia przeglądarkę, jeśli jest dostępna.

Obraz

Opcje obrazu
Opcje obrazu

Kopiuj obrazy

Określa sposób eksportowania obrazów jako HTML.

  • Oryginał: eksportuje oryginalny obraz do podfolderu <nazwa_dokumentu>–obrazy WWW.
  • Zoptymalizowany: pozwala zmienić ustawienia, aby określić, jak obraz jest eksportowany.
  • Połącz ze ścieżką serwera: można określić lokalny adres URL (np. „obrazy/”), który pokazuje się przed plikiem obrazu, zamiast eksportowania obrazów do podfolderu. W kodzie HTML atrybut łącze pokazuje podaną ścieżkę i rozszerzenie. Ta opcja jest szczególnie efektywna, gdy samodzielnie konwertujesz obrazy na obrazy WWW.

Zachowaj wygląd z układu (w przypadku obiektów graficznych/mediów)

Wybierz, aby zachować atrybuty obiektu obrazu z układu.

Rozwiązanie

Określ rozdzielczość obrazów w pikselach na cal (ppi). Im wyższa liczba, tym lepsza rozdzielczość. Systemy operacyjne standardowo obsługują rozdzielczość 72 lub 96 ppi, natomiast urządzenia przenośne stosują rozdzielczość od 132 ppi (iPad) poprzez 172 ppi (Sony Reader) aż do ponad 300 ppi (iPhone 4).
Wartość ppi można wybrać dla każdego zaznaczonego obiektu. Wartości obejmują ustawienia 72, 96, 150 (średnia dla wszystkich współczesnych czytników e-booków) i 300.

Rozmiar obrazu

Określa, czy rozmiar obrazu musi być stały, czy o zmienionej wielkości względem tekstu zamieszczonego na stronie. Względem przepływu tekstu ustawia względną wartość procentową w oparciu o przepływ tekstu względem szerokości strony w programie InDesign. Opcja ta powoduje, że obrazy skalowane są proporcjonalnie względem tekstu w obszarze odczytu.

Wyrównanie obrazu i odstępy

Określa wyrównanie obrazu: do lewej, na środku, do prawej. Można także określić odstęp od góry i od dołu.

Konwersja obrazu

Pozwala określić, czy obrazy optymalizowane w dokumencie są konwertowane do formatu GIF, JPEG czy PNG. Wybierz Automatycznie, aby pozwolić programowi InDesign określić, jakiego formatu ma używać przy każdej instancji.

Opcje GIF

  • Paleta: pozwala kontrolować sposób, w jaki program InDesign obsługuje kolory podczas optymalizacji plików GIF. Format GIF korzysta z ograniczonej palety, która nie może liczyć więcej niż 256 kolorów. Wybierz opcję Adaptacyjna (bez ditheringu), aby stworzyć paletę przy użyciu reprezentacyjnej próbki kolorów w obrazie, bez zastosowania ditheringu, czyli mieszania małych kolorowych punktów w celu symulacji dodatkowych kolorów. Wybierz opcję Internetowy, aby utworzyć kolory z palety internetowej, będącej częścią kolorów systemowych Windows i macOS. Wybierz Systemowy (Win) lub Systemowy (Mac), aby utworzyć paletę, używając wbudowanej, systemowej palety kolorów. Ta opcja może dać nieoczekiwane rezultaty.
  • Z przeplotem: pozwala wczytywać obrazy progresywnie poprzez wypełnianie brakujących linii. Po odznaczeniu tej opcji obraz wydaje się rozmyty i stopniowo wyostrza się w miarę osiągania pełnej rozdzielczości.

Opcje JPEG

  • Jakość obrazu: określa kompromis pomiędzy kompresją (zapewniającą mniejszy rozmiar pliku) a jakością obrazu w odniesieniu do każdego utworzonego obrazu JPEG. Niska tworzy najmniejsze pliki o najniższej jakości obrazu.
  • Metoda formatu: określa, jak szybko wyświetlana jest grafika JPEG, gdy plik zawierający obraz otwierany jest w przeglądarce. Wybierz opcję Progresywny, aby obrazy JPEG wyświetlane były stopniowo z coraz większą liczbą szczegółów w miarę ich pobierana. Wybierz linię bazową, aby każdy plik JPEG był wyświetlany dopiero po jego pobraniu. Do tego momentu wyświetlany jest element zastępczy.

Ignoruj ustawienia eksportu obiektu

Ignoruje opcje eksportu obiektów zastosowane przy poszczególnych obrazach. Zobacz Stosowanie opcji eksportu obiektów.

Zaawansowane

Opcje zaawansowane
Opcje zaawansowane

Nie obejmuj klas w formacie HTML

Wybierz tę opcję, jeśli nie chcesz ujmować klas w dokumencie HTML. Usuwa ona atrybuty klasa i identyfikator obecne w znaczniku podczas eksportu HTML. Wszelkie zbędne znaczniki div również zostaną usunięte z dokumentu HTML.

Obejmuj klasy w formacie HTML

wybierz tę opcję, aby ująć klasy w dokumencie HTML.

  • Generuj plik CSS: określ, czy chcesz, aby program InDesign generował plik stylów CSS do eksportowanego pliku.
  • Zachowaj przesłonięcia lokalne: dołącz lokalne formatowanie, takie jak kursywa lub pogrubienie.

Dodaj arkusz stylu

Określ adres URL istniejącego arkusza stylów CSS, który zwykle jest względnym adresem URL, takim jak „/styles/style.css”. Program InDesign nie sprawdza czy plik CSS istnieje lub jest poprawny.

Opcje JavaScript

Wybierz opcję Dodaj skrypt, aby uruchomić skrypt w języku JavaScript w momencie otwierania strony HTML. Program InDesign nie sprawdza czy plik JavaScript istnieje lub jest poprawny.

Program InDesign eksportuje

Program InDesign eksportuje wszystkie wątki, połączoną i osadzoną grafikę, pliki filmów SWF, przypisy dolne, tekst, listy z punktorami i listy numerowane, wewnętrzne odsyłacze oraz hiperłącza do tekstu lub stron internetowych. Tabele można również eksportować do formatu HTML. InDesign zachowuje formatowanie tabeli, w tym obrysy tabeli i komórek. Tabelom przydzielane są unikalne identyfikatory (ID). W programie Dreamweaver można odwoływać się do nich jak do zestawów danych Spry. Wstawione pliki audio i wideo h.264 są umieszczone w znacznikach <audio> i <video> języka HTML5. Za pomocą programu InDesign można również eksportować obiekty narysowane (takie jak prostokąty, owale, wielokąty), obiekty wklejone (w tym wklejone obrazy programu Illustrator) oraz tekst przekonwertowany na krzywe.

Program InDesign nie eksportuje

Program InDesign nie eksportuje hiperłączy (z wyjątkiem łączy do stron internetowych i łączy do zakotwiczeń tekstowych znajdujących się w tym samym dokumencie), znaczników XML, ksiąg, zakładek, glifów SING, przejść strony, znaczników indeksu, obiektów na stole montażowym, które nie są zaznaczone i nie dotykają strony, oraz elementów strony wzorcowej (chyba że zostały przesłonięte lub zaznaczone przed wyeksportowaniem).

Więcej materiałów tego typu

Masz pytanie lub pomysł?

Zapytaj społeczność

Jeśli masz pytanie lub chcesz się podzielić pomysłem, dołącz do nas na forum użytkowników programu Adobe InDesign. Chętnie poznamy Twoje opinie i zobaczymy utworzone przez Ciebie dzieła.

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?