Kullanıcı Kılavuzu İptal

HTML yayınlama şablonları

  1. Adobe Animate Kullanıcı Kılavuzu
  2. Animate'e Giriş
    1. Animate'teki Yenilikler
    2. Resimli Sözlük
    3. Animate sistem gereksinimleri
    4. Animate klavye kısayolları
    5. Animate'te Birden Çok Dosya Türü İle Çalışma
  3. Animasyon
    1. Animate'te animasyonun temel öğeleri
    2. Animate'te kareleri ve anahtar kareleri kullanma
    3. Animate'te kare kare animasyonu
    4. Animate'te klasik ara animasyonu ile çalışma
    5. Fırça Aracı
    6. Hareket Kılavuzu
    7. Ara hareket ve ActionScript 3.0
    8. Ara Hareket Animasyonu Hakkında
    9. Ara hareket animasyonları
    10. Ara hareket animasyonu oluşturma
    11. Özellik anahtar karelerini kullanma
    12. Ara oluşturarak konuma animasyon ekleme
    13. Hareket Düzenleyici kullanarak ara hareketleri düzenleme
    14. Ara animasyonunun hareket yolunu düzenleme
    15. Ara hareketleri işleme
    16. Özel hareket hızları ekleme
    17. Hareket önayarları oluşturma ve uygulama
    18. Animasyon ara yayılma alanları ayarlama
    19. XML dosyaları olarak kaydedilen Ara hareketlerle çalışma
    20. Ara hareketler ve Klasik aralar karşılaştırması
    21. Şekil arası doldurma
    22. Animate'te Eklem aracı animasyonunu kullanma
    23. Animate'te karakter canlandırmayla çalışma
    24. Adobe Animate'te maske katmanlarını kullanma
    25. Animate'te sahneler ile çalışma
  4. Etkileşim
    1. Animate ile düğmeler oluşturma
    2. Animate projelerini diğer belge türü biçimlerine dönüştürme
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. Animate'te kod parçacıkları ile interaktiflik ekleme
    5. Özel HTML5 Bileşenleri oluşturma
    6. HTML5 Canvas'ta bileşenleri kullanma
    7. Özel Bileşenler oluşturma: Örnekler
    8. Özel Bileşenler için Kod Parçacıkları
    9. En iyi uygulamalar - Animate ile reklamcılık
    10. Sanal Gerçeklik içeriği oluşturma ve yayınlama
  5. Çalışma alanı ve iş akışı
    1. Boya fırçaları oluşturma ve yönetme
    2. HTML5 Canvas belgelerinde Google fontlarını kullanma
    3. Creative Cloud Libraries ve Adobe Animate'i Kullanma
    4. Animate için Sahne Alanı ve Araçlar panelini kullanma
    5. Animate iş akışı ve çalışma alanı
    6. HTML5 Canvas belgelerinde web fontlarını kullanma
    7. Zaman Çizelgeleri ve ActionScript
    8. Birden çok zaman çizelgesiyle çalışma
    9. Tercihleri ayarlama
    10. Animate geliştirme panellerini kullanma
    11. Animate ile zaman çizelgesi katmanları oluşturma
    12. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    13. Nesneleri taşıma ve kopyalama
    14. Şablonlar
    15. Animate uygulamasında Bul ve Değiştir
    16. Geri alma, yineleme ve Geçmiş paneli
    17. Klavye kısayolları
    18. Animate'te zaman çizelgesini kullanma
    19. HTML uzantıları oluşturma
    20. Görüntüler ve Animasyonlu GIF'ler için en iyileştirme seçenekleri
    21. Görüntüler ve GIF'ler için dışa aktarma ayarları
    22. Animate'te Varlıklar Paneli
  6. Multimedya ve Video
    1. Animate'te grafik nesnelerini dönüştürme ve bir araya getirme
    2. Animate'te sembol örnekleri oluşturma ve bunlarla çalışma
    3. Görüntü İzleme
    4. Adobe Animate'te ses kullanımı
    5. SVG dosyalarını dışa aktarma
    6. Animate'te kullanmak üzere video dosyaları oluşturma
    7. Animate'te video ekleme
    8. Animate ile nesne çizme ve oluşturma
    9. Çizgileri ve şekilleri yeniden şekillendirme
    10. Animate CC ile konturlar, dolgular ve degradeler
    11. Adobe Premiere Pro ve After Effects ile çalışma
    12. Animate CC'de Renk Panelleri
    13. Flash CS6 dosyalarını Animate ile açma
    14. Animate'te klasik metin ile çalışma
    15. Animate'e resim yerleştirme
    16. Animate'te içe aktarılan bitmap'ler
    17. 3B grafikler
    18. Animate'te sembollerle çalışma
    19. Adobe Animate ile çizgiler ve şekiller çizme
    20. Animate'te kütüphaneler ile çalışma
    21. Sesleri dışa aktarma
    22. Animate CC'de nesne seçme
    23. Animate'te Illustrator AI dosyalarıyla çalışma
    24. Karışım modlarını uygulama
    25. Nesneleri düzenleme
    26. Komutlar menüsüyle görevleri otomatikleştirme
    27. Çok dilli metin
    28. Animate'te kamera kullanma
    29. Grafik filtreleri
    30. Ses ve ActionScript
    31. Çizim tercihleri
    32. Kalem aracı ile çizim yapma
  7. Platformlar
    1. Animate projelerini diğer belge türü biçimlerine dönüştürme
    2. Özel Platform Desteği
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. WebGL belgesi oluşturma ve yayınlama
    5. AIR for iOS için uygulamaları paketleme
    6. AIR for Android uygulamalarını yayınlama
    7. Adobe AIR for desktop için yayınlama
    8. ActionScript yayınlama ayarları
    9. En iyi uygulamalar - Bir uygulamada ActionScript'i organize etme
    10. Animate ile ActionScript'i kullanma
    11. Animate çalışma alanında erişilebilirlik
    12. Komut dosyaları yazma ve yönetme
    13. Özel Platformlar için Desteği Etkinleştirme
    14. Özel Platform Desteğine Genel Bakış
    15. Özel Platform Desteği Eklentisiyle Çalışma
    16. ActionScript 3.0'da hata ayıklama
    17. Özel Platformlar için Desteği Etkinleştirme
  8. Dışa Aktarma ve Yayınlama
    1. Animate CC'den dosya dışa aktarma
    2. OAM yayınlama
    3. SVG dosyalarını dışa aktarma
    4. Animate ile grafikleri ve videoları dışa aktarma
    5. AS3 belgelerini yayınlama
    6. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    7. Sesleri dışa aktarma
    8. En iyi uygulamalar - Mobil aygıtlar için içerik oluşturma ipuçları
    9. En iyi uygulamalar - Video kuralları
    10. En iyi uygulamalar - SWF uygulaması geliştirme talimatları
    11. En iyi uygulamalar - FLA dosyalarını yapılandırma
    12. Animate için FLA dosyalarını en iyileştirmeye yönelik En İyi Uygulamalar
    13. ActionScript yayınlama ayarları
    14. Animate için yayınlama ayarları belirtme
    15. Projektör dosyalarını dışa aktarma
    16. Görüntü ve Animasyonlu GIF'leri dışa aktarma
    17. HTML yayınlama şablonları
    18. Adobe Premiere Pro ve After Effects ile çalışma
    19. Animasyonlarınızı hızlıca paylaşma ve yayımlama
  9. Sorun Giderme
    1. Düzeltilen sorunlar
    2. Bilinen sorunlar

 

HTML yayınlama şablonları hakkında

Bir Animate HTML şablonu, statik HTML kodu ve özel bir tür değişkenlerden oluşan (ActionScript değişkenlerinden farklılık gösteren) esnek şablon kodu içeren bir dosyadır. Bir SWF dosyasını yayınladığınızda, Animate bu değişkenleri Yayınlama Ayarları iletişim kutusunun HTML sekmesinde seçtiğiniz değerlerle değiştirir ve SWF dosyanızın gömülü olduğu bir HTML sayfası üretir.

Animate birçok kullanıcının ihtiyaçları için uygun olan ve SWF dosyasını görüntüleyen bir HTML sayfasını elle oluşturma ihtiyacını ortadan kaldıran şablonlar içerir. Örneğin, Animate Only şablonu, dosyalarınızı bir tarayıcıda test etmek için kullanışlıdır. SWF dosyasını, Flash Player kurulu olan bir web tarayıcıda görüntüleyebilmeniz için HTML sayfasının üzerine yerleştirir.

Yeni bir HTML dosyası yayınlamak için aynı şablonu kullanın ve ayarları değiştirin. Herhangi bir HTML düzenleyicisini kullanarak özel şablonlar oluşturabilirsiniz. Bir şablon oluşturmak, bir SWF dosyasına ait belirli değerleri bir dolar işareti ($) ile başlayan değişkenlerle değiştirmeniz dışında, standart bir HTML sayfası oluşturmakla aynıdır.

Animate HTML şablonları şu özel özelliklere sahiptir:

  • Yayınlama Ayarları iletişim kutusunun HTML sekmesinde bulunan Şablon açılır menüsünde görünen tek satırlık bir başlık.

  • Yayınlama Ayarları iletişim kutusunun HTML sekmesinde Bilgi'yi tıklattığınızda görünen daha uzun bir açıklama.

  • Bir dolar işaretiyle ($) başlayan, Animate çıktı dosyasını oluşturduğunda parametre değerlerinin yerleştirilecekleri konumu belirleyen şablon değişkenleri.

    not: Dolar işaretini belgede başka amaçlarla kullanmak için bir ters eğik çizgi ve dolar işareti (\ $) kombinasyonu kullanın.

  • Sırayla Microsoft Internet Explorer ve Netscape® Communicator® veya Navigator® etiket gereksinimlerine uyan HTML object ve embed etiketleri. Bir SWF dosyasını bir HTML sayfası üzerinde doğru bir şekilde görüntüleyebilmek için bu etiket gereksinimlerine uyun. Internet Explorer, bir SWF dosyasını açmak için object HTML etiketini kullanır; Netscape embed etiketini kullanır.

HTML yayınlama şablonlarını özelleştirme

Bir görüntü eşlemesi, metin raporu veya bir URL raporu oluşturmak için ya da en yaygın Animate HTML object ve embed etiketi parametrelerinin (sırasıyla ActiveX denetimlerini ve eklentilerini kullanan tarayıcılar için) bazılarına özel değerler eklemek için HTML şablonunun değişkenlerini değiştirin.

Animate şablonları, uygulamanız için her HTML içeriğini ve hatta ColdFusion ile ASP gibi yorumlayıcılar için kod bile içerebilir.

  1. Bir HTML düzenleyicisi kullanarak, Animate HTML şablonunu değiştirmek için açın. Bu şablonlar şu konumlarda bulunur:

    • Windows XP veya Vista: önyükleme sürücüsü:\Documents and Settings\kullanıcı\Local Settings\Application Data\Adobe\Flash CS5\dil\Configuration\HTML\. Uygulama Verileri klasörü genellikle gizli bir klasördür; bu klasörü görmek için Windows Gezgini ayarlarınızı değiştirmeniz gerekir.

    • Mac OS X 10.3 ve sonrasında: Macintosh HD/Applications/Adobe Flash CS5/dil/First Run/HTML.

      Önyükleme sürücüsü, Windows veya Windows işletim sisteminin önyükleme yaptığı sürücüdür (genellikle C:). Kullanıcı, Windows işletim sisteminde oturum açmış olan kişinin adıdır. Dil, kısaltılmış bir dil adına ayarlıdır. Örneğin, ABD'de, dil İngilizce için ''en'' olarak ayarlıdır.

  2. Şablonu düzenleyin.
  3. Şablonu aldığınız klasöre kaydedin.
  4. Şablon ayarlarını SWF dosyanıza uygulamak için Dosya > Yayınlama Ayarları'nı seçin, HTML'yi tıklayın ve değiştirdiğiniz şablonu seçin. Animate, seçili şablonda sadece şablon değişkenlerini değiştirir.

  5. Geriye kalan yayınlama ayarlarınızı seçin ve Tamam'ı tıklatın.

HTML şablon değişkenleri

Aşağıdaki tablo, Animate'in tanıdığı şablon değişkenlerini listeler:

Nitelik/parametre

Şablon değişkeni

Şablon başlığı

$TT

Şablon açıklaması başlangıcı

$DS

Şablon açıklaması bitişi

$DF

Animate (SWF dosyası) başlığı

$T1

Animate (SWF dosyası) başlığı (arama motoru meta verileri için)

$TL

Arama motoru meta verileri için açıklama

$DC

Arama motorları ile kullanmak için meta verileri XML dizesi

$MD

Genişlik

$WT

Yükseklik

$HT

Film

$MO

HTML hizalama

$HA

Döngü oluşturma

$LO

object parametreleri

$PO

embed parametreleri

$PE

Oynatma

$PL

Kalite

$QU

Ölçekleme

$SC

Salign

$SA

Wmode

$WM

Devicefont

$DE

Bgcolor

$BG

Film metni (film metni yazma alanı)

$MT

Film URL'si (SWF dosyası URL'sinin konumu)

$MU

Görüntü genişliği (belirtilmeyen görüntü türü)

$IW

Görüntü yüksekliği (belirtilmeyen görüntü türü)

$IH

Görüntü dosya adı (belirtilmeyen görüntü türü)

$IS

Görüntü eşlemesi adı

$IU

G

$IM

QuickTime genişliği

$QW

QuickTime yüksekliği

$QH

QuickTime dosya adı

$QN

GIF genişliği

$GW

GIF yüksekliği

$GH

GIF dosya adı

$GN

JPEG genişliği

$JW

JPEG yüksekliği

$JH

JPEG dosya adı

$JN

PNG genişliği

$PW

PNG yüksekliği

$PH

PNG dosya adı

$PN

Özet şablon değişkenlerini kullanma

$PO (object etiketleri için) ve $PE (embed etiketleri için) şablon değişkenleri kullanışlı özet öğeleridir. Her değişken, Animate'in PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) ve BGCOLOR ($BG) gibi en yaygın object ve embed parametrelerinden bazıları için varsayılan olmayan değeri bir şablonun içine eklemesine yol açar.

Örnek HTML şablonu

Animate'teki şu Default.HTML şablon dosyası, yaygın olarak kullanılan şablon değişkenlerinin çoğunu içerir:

Yalnızca $TTFlash 
$DS 
Adobe SWF dosyasını HTML'de görüntüleyin. 
$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;> 
<!--filmde kullanılan url'ler--> 
$MU 
<!--filmde kullanılan metinler--> 
$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>

SWF dosyası yerine geçecek bir görüntü eşlemesi oluşturma

Animate, herhangi bir görüntüyü göstermek ve URL’lere bağ oluşturan düğmelerin işlevlerini korumak için bir görüntü eşlemesi oluşturabilir. Bir HTML şablonu $IM şablon değişkenini içerdiğinde, Animate görüntü eşleşme kodunu ekler. $IU değişkeni GIF, JPEG veya PNG dosya adlarını tanımlar.

  1. Belgenizde, görüntü eşleme için kullanılacak anahtar kareyi seçin ve onu kare Özellik denetçisinde (Pencere > Özellikler) #Map olarak etiketleyin. ActionScript 1.0 veya 2.0 getURL eylemleri eklenmiş düğmeler içeren bir anahtar kare kullanın.

    Bir kare etiketi oluşturmazsanız Animate, SWF dosyasının son karesindeki düğmeleri kullanarak bir görüntü eşlemesi oluşturur. Bu seçenek gömülü bir SWF dosyası değil, gömülü bir görüntü eşlemesi oluşturur.

  2. Görüntü eşlemesini göstermek üzere kareyi seçmek için şunlardan birini yapın:
    • PNG veya GIF dosyaları için görünecek kareyi #Static olarak etiketleyin.

    • JPEG için yayınlama işlemi sırasında oynatma kafasını görünüm için kullanılacak karenin üzerine yerleştirin.

  3. Bir HTML düzenleyicisinde değiştireceğiniz HTML şablonunu açın.
  4. Şablonunuzu kaydedin.
  5. Dosya > Yayınlama Ayarları'nı seçin, Biçimler'i tıklayın, görüntü eşlemesi için bir biçim seçin ve Tamam'ı tıklayın.

    Örneğin, şu kodu bir şablona ekleyin:

    $IM 
    <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>

    Bu, Yayınla komutunun oluşturduğu HTML belgesinde şu kodu üretebilir:

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

Metin ve URL raporları oluşturma

$MT şablon değişkeni, Animate'in geçerli SWF dosyasındaki tüm metni HTML koduna bir yorum olarak eklemesine yol açar. Bu, bir SWF dosyası içeriğini dizinlemek ve içeriği arama motorlarına görünür kılmak açısından kullanışlıdır.

$MU şablon değişkeni, Animate'in geçerli SWF dosyasındaki eylemlerin başvurduğu URL'lerin bir listesini oluşturmasını ve listeyi geçerli konuma bir yorum olarak eklemesini sağlar. Bu eylem, bağ doğrulama araçlarının SWF dosyasındaki bağları algılamasını ve doğrulamasını sağlar.

Arama meta verilerini gömme

$TL (SWF dosyası başlığı) ve $DC (tanım meta verileri) şablon değişkenleri arama meta verilerini HTML içine dahil etmenizi sağlar. Bu yetenek, SWF dosyalarını arama motorlarına daha görünür kılabilir ve anlamlı arama sonuçları sağlayabilir. Arama meta verilerini bir XML dizesi olarak dahil etmek için $MD şablon değişkenini kullanın.

Daha fazla benzer konu

 Adobe

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?

Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi