Podręcznik użytkownika Anuluj

Eksportowanie zawartości w formacie HTML5

Naucz się eksportować stronę, stronę widzącą lub wybrany obiekt do typu formatu HTML5.

Eksportowanie dokumentu InDesign do formatu HTML5 w celu zapewnienia zgodności między platformami i obsługi bogatej zawartości interaktywnej, większego zaangażowania użytkowników i dostępności. Ponadto poprawia SEO i wydajność strony internetowej. Podczas eksportowania zawartości do HTML5 można kontrolować sposób eksportu tekstu.

Eksportowanie pakietu HTML5

  1. Wybierz Plik > Eksportuj.

  2. Wybierz HTML5 z menu Zapisz jako typ (Windows) lub Format (macOS).

  3. Wybierz Użyj nazwy dokumentu InDesign jako nazwy pliku wyjściowego, jeśli chcesz uzyskać tę samą nazwę pliku, a następnie wybierz pozycję Zapisz.

  4. Wybierz pozycję Znaczniki tekstowe HTML lub Znaczniki SVG HTML według potrzeb w oknie dialogowym Eksportuj pakiet HTML5. Aby skopiować czcionki, wybierz opcję  Kopiuj czcionki (z wyjątkiem aktywowanych z usługi Adobe Fonts) . Dotyczy to czcionek CJK.

    Okno dialogowe Eksportuj pakiet HTML5
    Teraz możesz eksportować dokument programu InDesign jako pakiet HTML5.

  5. Wybierz opcję Eksportuj.

Eksport HTML5: Kluczowe właściwości stosowane w oknie dialogowym funkcji Publikacja elektroniczna 

Tytuł

Ta wartość zostanie użyta do nadania nazwy eksportowanego folderu.

Opis

Nie wyeksportowano.

Strony

Zdefiniowane w oknie dialogowym funkcji Publikacja elektroniczna. Wszystkie strony zostaną uwzględnione w przypadku eksportu bezpośrednio z menu Plik > Eksport > HTML5.

Eksportuj jako

  • Pojedyncza: każda strona jest eksportowana jako pojedynczy plik HTML, z których każdy jest powiązany z głównym plikiem index.html.
  • Strona widząca: każda strona widząca jest eksportowana jako pojedynczy plik HTML, powiązany z głównym plikiem index.html.

Włącz ochronę hasłem

Nie dotyczy.

Miniatura okładki

Miniatury są zawarte w pakiecie HTML5.

Ustawienia obrazu

Zostaną zastosowane ustawienia w oknie dialogowym funkcji Publikacja elektroniczna.

Pobierz ustawienia PDF

Nie dotyczy.

Więcej ustawień

Nie dotyczy.

Google Analytics

Jeśli znacznik Google Analytics jest zawarty w oknie dialogowym funkcji Publikacja elektroniczna, zostanie dodany do pliku index.html w eksporcie HTML5. W przypadku hostowania stron w witrynie internetowej koniecznie uzyskaj zgodę użytkownika za pośrednictwem baneru plików cookie, jeśli to wymagane.

Szybkie poprawki w celu rozwiązania problemów z renderowaniem HTML5

  • W przypadku użycia opcji Znaczniki tekstowe HTML koniecznie wybierz opcję Kopiuj czcionki podczas eksportu.
  • W przypadku wybrania opcji Kopiuj czcionki sprawdź, czy brak czcionki nadal powoduje problem. Spróbuj użyć opcji Znaczniki SVG HTML, aby sprawdzić, czy problem jest związany z czcionką.
  • Jeśli rzeczywiście problem jest związany z czcionką i opcja Znaczniki SVG HTML wygląda prawidłowo, sprawdź, czy czcionki użyte w dokumencie programu InDesign zostały wyeksportowane i umieszczone w folderze czcionek pakietu. Jeśli nie, może być konieczne ręczne skopiowanie i umieszczenie czcionek w folderze. 
  • Jeśli po umieszczeniu czcionek problem nadal występuje, skontaktuj się z zespołem obsługi klienta.
Uwaga:

Korzystanie z czcionek w witrynie musi być zgodne z warunkami licencji na czcionki. Samodzielny hosting czcionek dla witryny może wymagać oddzielnej licencji.

Różnica między pakietem HTML5 a HTML (starsza wersja)

Celem pakietu HTML5 jest naśladowanie układu pliku programu InDesign w wyjściowym pliku HTML5 od początku. Z drugiej strony HTML (starsza wersja) to oddolne podejście do tworzenia HTML z pliku programu InDesign i wykazuje ograniczone podobieństwa układu z oryginalnym plikiem.

Znane problemy

  • Efekty, takie jak dodanie cienia, rozmycia itd. dla tekstu nie są eksportowane prawidłowo.

Obejście: Wybierz znacznik SVG HTML zamiast znaczników tekstowych HTML, aby wyeksportować tekst.

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?