Podręcznik użytkownika Anuluj

Eksportowanie zawartości do formatu HTML (starsza wersja)

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?