Szablony publikowania w formacie HTML

Szukaj

Ostatnia aktualizacja 25 maj 2023

Animate

Otwórz aplikację

Podręcznik użytkownika programu Adobe Animate

Wprowadzenie do programu Animate

Animacja

Funkcje interaktywne

Przestrzeń robocza i obieg pracy

Multimedia i wideo

Platformy

Eksportowanie i publikowanie

Rozwiązywanie problemów

Informacje o szablonach publikowania w formacie HTML

Szablon HTML programu Animate jest to plik zawierający statyczny kod HTML oraz kod szablonu ze specjalnymi zmiennymi (innymi niż zmienne z języka ActionScript). Po opublikowaniu pliku SWF program Animate zastępuje wartości tych zmiennych wartościami wybranymi na zakładce HTML w oknie dialogowym Ustawienia publikowania, a następnie generuje stronę HTML z osadzonym plikiem SWF.

Program Animate zawiera szereg szablonów, które uwalniają projektantów od konieczności ręcznego tworzenia stron HTML z plikami SWF i w większości sytuacji są wystarczające. Na rzykład, szablon Animate Only (Tylko Flash) pozwala testować pliki w przeglądarce. Plik SWF jest umieszczany na stronie HTML, dzięki czemu można sprawdzać jego działanie w przeglądarce (o ile jest zainstalowany program Flash Player).

W celu opublikowania strony HTML należy użyć tego samego szablonu i zmienić ustawienia. Za pomocą edytora HTML można też utworzyć własny szablon. Tworzenie szablonu przebiega tak samo jak tworzenie standardowej strony HTML. W tym pierwszym wypadku jednak wartości odnoszące się do pliku SWF należy zastąpić zmiennymi rozpoczynającymi się od znaku dolara ($).

Szablon HTML programu Animate ma następujące elementy i własności:

Jednowierszowy tytuł, który jest wyświetlany w wyskakującym menu Szablon, na zakładce HTML w oknie dialogowym Ustawienia publikowania.
Dłuższy opis, który jest wyświetlany w oknie dialogowym Ustawienia publikowania po kliknięciu przycisku Informacje z zakładki HTML.
Zmienne szablonu rozpoczynające się od znaku dolara ($) określają sposób podstawiania wartości parametrów w momencie generowania pliku wyjściowego przez program Animate.

Uwaga: Aby wprowadzić w dokumencie zwykły znak dolara, należy wpisać ukośnik, a po nim znak dolara (\$).
Znaczniki HTML object i embed, które muszą być zgodne z wymaganiami programów Microsoft Internet Explorer oraz Netscape® Communicator® lub Navigator®. Zgodność z tymi wymaganiami stanowi warunek konieczny poprawnego wyświetlania pliku SWF na stronie HTML. W programie Internet Explorer znacznik HTML object służy do otwierania plików SWF; w programie Netscape do tego celu służy znacznik embed.

Dostosowywanie szablonów publikowania w formacie HTML

Modyfikując zmienne szablonów HTML, można tworzyć mapy obrazów, raporty tekstowe lub raporty URL, a także wstawiać własne wartości dla najczęściej stosowanych znaczników HTML w programie Animate (znaczników object i embed dla parametrów). Dotyczy to przeglądarek, w których używane są odpowiednio: formanty ActiveX oraz wtyczki.

Szablony programu Animate mogą zawierać kod HTML projektowanych aplikacji, jak również kod przeznaczony dla interpreterów, takich jak ColdFusion i ASP.

Za pomocą edytora HTML otwórz szablon HTML programu Animate, w którym będą wprowadzane zmiany. Te szablony znajdują się w następujących lokalizacjach:
- System Windows XP lub Vista: dysk rozruchowy:\Documents and Settings\nazwa użytkownika\Local Settings\Application Data\Adobe\Flash CS5\język\Configuration\HTML\. Folder Application Data jest zwykle folderem ukrytym. Możliwe, że w celu wyświetlenia tego folderu konieczna będzie zmiana ustawień Eksploratora Windows.
- System Mac OS X 10.3 lub nowszy: macOS HD/Applications/Adobe Flash CS5/język/First Run/HTML.
  Dysk rozruchowy jest to dysk, z którego jest uruchamiany system operacyjny Windows (zwykle C:). Nazwa użytkownika jest to nazwa osoby zalogowanej w systemie operacyjnym Windows. Język jest oznaczany odpowiednim skrótem. Na przykład w Stanach Zjednoczonych język angielski jest oznaczany skrótem „en”, który oznacza język angielski.
Edytuj szablon.
Zapisz szablon w tym samym folderze, z którego został pobrany.
Aby zastosować ustawienia szablonu do pliku SWF, wybierz polecenie Plik > Ustawienia publikowania, kliknij opcję HTML i zaznacz zmodyfikowany szablon. Program Animate zmodyfikuje tylko zmienne w zaznaczonym szablonie.
Wybierz pozostałe ustawienia publikowania i kliknij przycisk OK.

Zmienne szablonu HTML

W poniższej tabeli zestawiono zmienne szablonów rozpoznawane przez program Animate:

Atrybut/Parametr	Zmienna szablonu
Tytuł szablonu	$TT
Początek opisu szablonu	$DS
Koniec opisu szablonu	$DF
Tytuł Animate (pliku SWF)	$T1
Tytuł Animate (pliku SWF) na potrzeby metadanych wyszukiwarek	$TL
Opis dla metadanych wyszukiwarek	$DC
Ciąg XML metadanych używany przez wyszukiwarki	$MD
Szerokość	$WT
Wysokość	$HT
Film	$MO
Wyrównanie HTML	$HA
Zapętlanie	$LO
Parametry obiektu	$PO
Parametry osadzania	$PE
Odtwarzanie	$PL
Jakość	$QU
Skala	$SC
Salign (przyciąganie z wyrównaniem)	$SA
Tryb Wmode	$WM
Czcionka urządzenia	$DE
Kolor tła	$BG
Tekst filmu (obszar na tekst filmu)	$MT
Adres URL filmu (lokalizacja adresu URL pliku SWF)	$MU
Szerokość obrazu (nieokreślony typ obrazu)	$IW
Wysokość obrazu (nieokreślony typ obrazu)	$IH
Nazwa pliku obrazu (nieokreślony typ obrazu)	$IS
Nazwa mapy obrazu	$IU
Lokalizacja znacznika mapy obrazu	$IM
Szerokość QuickTime	$QW
Wysokość QuickTime	$QH
Nazwa pliku QuickTime	$QN
Szerokość GIF	$GW
Wysokość GIF	$GH
Nazwa pliku GIF	$GN
Szerokość JPEG	$JW
Wysokość JPEG	$JH
Nazwa pliku JPEG	$JN
Szerokość PNG	$PW
Wysokość PNG	$PH
Nazwa pliku PNG	$PN

Używanie zmiennych stenograficznych

Zmienne $PO (dotyczące znaczników object) i $PE (dotyczące znaczników embed) stanowią bardzo przydatne elementy stenograficzne. Każda z nich powoduje, że program Animate wstawia do szablonu pewne niedomyślne wartości typowych parametrów object i embed, na przykład PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) i BGCOLOR ($BG).

Przykładowy szablon HTML

Pokazany poniżej plik szablonu Default.HTML programu Animate zawiera wiele często używanych zmiennych szablonu:

$TTFlash Only

$DS

Wyświetlanie pliku Adobe SWF na stronie HTML.

$DF

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$CS

</head>

$MU

$MT

$PO

</object>

</body>

</html>

$TTFlash Only $DS Wyświetlanie pliku Adobe SWF na stronie HTML. $DF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> $CS <title>$TI</title> </head> <body bgcolor="$BG">  $MU  $MT <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="$WI" height="$HE" id="$TI" align="$HA"> <param name="allowScriptAccess" value="sameDomain" /> $PO <embed $PEwidth="$WI" height="$HE" name="$TI" align="$HA" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </object> </body> </html>

$TTFlash Only 
$DS 
Wyświetlanie pliku Adobe SWF na stronie HTML. 
$DF 
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> 
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;> 
<head> 
$CS 
<title>$TI</title> 
</head> 
<body bgcolor=&quot;$BG&quot;> 
<!--url's used in the movie--> 
$MU 
<!--text used in the movie--> 
$MT 
<object classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; codebase=&quot;http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0&quot; width=&quot;$WI&quot; height=&quot;$HE&quot; id=&quot;$TI&quot; align=&quot;$HA&quot;> 
<param name=&quot;allowScriptAccess&quot; value=&quot;sameDomain&quot; /> 
$PO 
<embed $PEwidth=&quot;$WI&quot; height=&quot;$HE&quot; name=&quot;$TI&quot; align=&quot;$HA&quot; allowScriptAccess=&quot;sameDomain&quot; type=&quot;application/x-shockwave-flash&quot; pluginspage=&quot;http://www.adobe.com/go/getflashplayer&quot; /> 
</object> 
</body> 
</html>

Tworzenie mapy obrazów do zastąpienia pliku SWF

Program Animate pozwala wygenerować mapę obrazu. Mapa taka zapewnia dostęp do wszystkich fragmentów obrazu i zachowuje działanie przycisków z łączami do adresów URL. Jeśli szablon HTML zawiera zmienną $IM, program Animate wstawia do pliku kod mapy obrazu. Zmienna $IU określa nazwę pliku GIF, JPEG lub PNG.

W dokumencie zaznacz klatkę kluczową, która ma stanowić mapę obrazu, i oznacz ją etykietą #Map w inspektorze Właściwości klatki (Okno > Właściwości). Użyj dowolnej klatki kluczowej z przyciskami, do których przypisano operacje języka ActionScript 1.0 lub 2.0 getURL.

Jeśli etykieta klatki nie zostanie utworzona, program Animate utworzy mapę obrazu na podstawie przycisków z ostatniej klatki pliku SWF. Ta opcja generuje osadzoną mapę obrazu, a nie osadzony plik SWF.
Aby wybrać klatkę w celu pokazania mapy obrazu, wykonaj jedną z następujących czynności:
- W przypadku plików PNG i GIF oznacz klatkę etykietą #Static.
- W przypadku pliku JPEG podczas operacji publikowania ustaw głowicę odtwarzania na klatce, która ma być używana na potrzeby wyświetlania.
Za pomocą edytora HTML otwórz szablon HTML programu, w którym będą wprowadzane zmiany.
Zapisz szablon.
Wybierz polecenie Plik > Ustawienia publikowania, kliknij opcję Format, wybierz format mapy obrazu i kliknij przycisk OK.

Na przykład wstaw w szablonie następujący kod:
$IM
<img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
$IM <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
```
$IM 
<img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
```
Po wykonaniu polecenia Publikuj ten kod może spowodować dodanie do dokumentu HTML następującego kodu:
<map name="mymovie">
<area coords="130,116,214,182" href="http://www.adobe.com">
</map>
<img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>
<map name="mymovie"> <area coords="130,116,214,182" href="http://www.adobe.com"> </map> <img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>
```
<map name=&quot;mymovie&quot;> 
<area coords=&quot;130,116,214,182&quot; href=&quot;http://www.adobe.com&quot;> 
</map> 
<img src=&quot;mymovie.gif&quot; usemap=&quot;#mymovie&quot; width=550 height=400 border=0>
```

Tworzenie raportów URL i raportów tekstowych

Użycie w szablonie zmiennej $MT powoduje, że program Animate wstawia do kodu HTML cały tekst z bieżącego pliku SWF i nadaje mu status komentarza. Jest to przydatne, gdy zawartość pliku SWF trzeba poindeksować i uczynić widoczną dla wyszukiwarek.

Użycie w szablonie zmiennej $MU powoduje, że program Animate generuje listę wszystkich adresów URL, do których odwołują się operacje z bieżącego pliku SWF, a ponadto wstawia tę listę jako komentarz. Dzięki temu narzędzia do sprawdzania poprawności łączy będą mogły wykryć i sprawdzić łącza z pliku SWF.

Osadzanie metadanych przeszukiwania

Zmienne szablonu $TL (tytuł pliku SWF) oraz $DC (metadane opisu) pozwalają dołączyć do pliku HTML metadane wyszukiwania. Dzięki temu plik SWF będzie lepiej widoczny dla wyszukiwarek, a wyniki wyszukiwania będą bardziej znaczące. Zmienna szablonu $MD pozwala dołączyć metadane wyszukiwania w postaci ciągu XML.

Więcej materiałów tego typu

Omówienie funkcji publikowania

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?