İçeriği HTML olarak dışa aktarma

HTML olarak dışa aktarmak, InDesign içeriğinizi web için hazır biçime getirmenin kolay bir yoludur. İçeriği HTML olarak dışa aktardığınızda, metin ve görüntülerin nasıl dışa aktarılacağını kontrol edebilirsiniz. InDesign, HTML içeriklerini aynı adlı CSS stil sınıflarıyla işaretleyerek, dışa aktarılan içeriğe uygulanan paragraf, karakter, nesne, tablo ve hücre stillerinin adlarını korur. Adobe Dreamweaver gibi CSS uyumlu HTML düzenleyiciler kullanarak içeriğe hemen format ve mizanpaj uygulayabilirsiniz.

InDesign tüm öyküleri, bağlı ve gömülü grafikleri, SWF film dosyalarını, dipnotları, metin değişkenlerini (metin gibi), madde işaretli ve numaralı listeleri, dahili çapraz referansları ve metne ya da web sayfalarına atlayan köprüleri dışa aktarır. Tablolar da HTML olarak dışa aktarılabilir. InDesign, tablo ve hücre konturları gibi tablo formatını korur. Tablolara benzersiz kimlikler atanır, böylece Dreamweaver'da Spry veri dizileri olarak başvurulabilir. Yerleştirilen ses ve h.264 video dosyaları, HTML5 <audio> ve <video> etiketlerinde kapsanır. InDesign aynı zamanda çizdiğiniz nesneleri (dikdörtgenler, ovaller ve çokgenler gibi), yapıştırılan nesneleri (yapıştırılan Illustrator görüntüleri dahil) ve anahatlara dönüştürülen metinleri de dışa aktarabilir.

Neler dışa aktarılmaz?

InDesign; köprüleri (aynı belgede metin bağlantılarına atlayan metne uygulanmış web sayfaları ve bağlantılar dışında), XML etiketlerini, kitapları, yer imlerini, SING gliflerini, sayfa geçişlerini, dizin işaretleyicileri, çalışma alanında seçili olmayan ve sayfaya dokunmayan nesneleri veya ana sayfa öğelerini (dışa aktarmadan önce geçersiz kılınmadıkları veya silinmedikleri sürece) dışa aktarmaz.

HTML olarak dışa aktarma

Belirtilen ad ve .html uzantısıyla (“bulten.html” gibi) bir belge oluşturulur; belirtilirse, web görüntüleri alt klasörü (“bülten-web-görüntüleri” gibi) aynı konuma kaydedilir.

HTML dışa aktarma seçenekleri

HTML iletişim kutusunda, aşağıdaki seçenekleri belirtin.

Genel

Sadece seçilen öğelerin mi yoksa tüm belgenin mi dışa aktarılacağını belirler. Metin çerçevesi seçiliyse taşan metin dahil olmak üzere tüm öykü dışa aktarılır.

Belge seçilirse, tüm formalardaki sayfa öğeleri (geçersiz kılınmayan ana sayfa öğeleri ve görünmez katmanlardaki sayfa öğeleri hariç) dışa aktarılır. XML etiketleri, oluşturulan dizinler ve içindekiler de yoksayılır.

Sayfa nesnelerinin okuma sırasını belirtmenize olanak sağlar.

Sayfa Mizanpajına Göre: Okuma sırası, sayfadaki öğelerin konumuna göre belirlenir.

Sayfa Mizanpajına Göre seçeneği belirlenmişse InDesign sayfa nesnelerinin okunma sırasını nesneleri soldan sağa ve yukarıdan aşağıya tarayarak belirler. Bazı durumlarda, özellikle karmaşık çok sütunlu belgelerde, tasarım öğeleri istenilen okuma düzeninde görünmeyebilir. İçeriği yeniden düzenlemek ve formatlamak için Dreamweaver kullanın.

(Yalnızca Asya sürümleri için) Sayfa Mizanpajına Göre seçeneği belirlenmişse InDesign, sayfa nesnelerinin okuma sırasını belgenin ciltlemesine göre (soldan sağa veya sağdan sola) belirler.

XML Yapısıyla Aynı: XML İle Aynı Yapı seçildiğinde, XML Yapısı paneli dışa aktarılan içeriğin sırasını ve hangi içeriklerin dışa aktarılacağını kontrol eder. İçeriğiniz önceden etiketlenmişse XHTML Dışa Aktarma sırasını ayarlamak için etiketleri XML Yapısı paneline sürüklemeniz yeterlidir. İçeriğiniz etiketli değilse yeniden düzenleyebileceğiniz etiketler oluşturmak için Yapı paneli menüsünden Etiketlenmemiş Öğeleri Ekle'yi seçebilirsiniz. Bir nesnenin dışa aktarma işlemine dahil edilmesini istemiyorsanız XML Yapısı panelinden etiketi silebilirsiniz. (Etiketi silmek içeriğin INDD dosyasından silinmesine neden olmaz.) Bkz. Sayfa öğelerini etiketleme.

Makaleler Paneliyle Aynı: Makaleler panelindeki öğelerin sırası okuma sırasını belirler. Yalnızca işaretlenen makaleler dışa aktarılır. Bkz. Makaleleri dışa aktarma işlemine dahil etme.

Madde işaretleri ve numaralandırma için formatlama seçeneklerini belirleyin.

Madde İşaretleri: Madde işareti paragraflarını etiket kullanılarak HTML olarak formatlanan Liste Öğelerine dönüştürmek için Sıralı Olmayan Listelerle Eşle'yi seçin. Madde işaretlerini etiket kullanılarak metin olarak formatlamak için Metne Dönüştür'ü seçin. Yerel InDesign otomatik madde işaretlerini kullandıysanız alt madde işaretleri de dahil edilir.

Numaralar: Numaraların HTML dosyasında nasıl dönüştürüleceğini belirler. InDesign'daki yerel otomatik numaralandırmayı kullandıysanız alt madde işaretleri de dahil edilir.

●  Sıralı Listelerle Eşle: Numaralandırılmış listeleri, etiket kullanılarak HTML olarak formatlanmış Liste Öğelerine dönüştürür.

●  Metne Dönüştür: Numaralandırılmış listeleri paragrafın geçerli numarasıyla başlayan metin formatındaki paragraflara dönüştürür.

Varsa, tarayıcıyı başlatır.

Görüntü

Görüntülerin HTML formatına nasıl aktarılacağını belirtir.

Orijinal: Orijinal görüntüyü <belge_adı>-web-görüntüleri alt klasörüne aktarır. 

En Elverişli: Görüntünün nasıl dışa aktarılacağını belirlemek için ayarları değiştirmenizi sağlar.

Sunucu Yoluna Bağla: Bu seçenek, görüntüleri alt klasöre dışa aktarmak yerine görüntü dosyasının önünde görünen yerel bir URL (“görüntüler/” gibi) girmenizi sağlar. HTML kodunda bağlantı niteliği belirlediğiniz yolu ve uzantıyı görüntüler. B seçenek özellikle görüntüleri web uyumlu görüntülere kendiniz dönüştürürken etkilidir.

Görüntü nesnesi niteliklerini mizanpajdan almak için işaretleyin.

Görüntülerin inç başına piksel sayısı cinsinden (ppi) çözünürlüğünü seçin. İşletim sistemleri, 72 ppi veya 96 ppi değerlerini standart olarak alırken, mobil cihazlar için bu değer 132 ppi (iPad), 172 ppi (Sony Reader) ve 300 ppi (iPhone 4) değerinin üzerinde olabilir. Seçilen her nesne için bir ppi değeri belirtebilirsiniz. Değerler 72, 96, 150 (şu anki tüm e-Kitap cihazları için ortalama) ve 300'dür.

Görüntü boyutunun sabit mi kalacağını, yoksa sayfadaki metne göre yeniden mi boyutlandırılacağını belirtin. Metin Akışına Göre: InDesign sayfa genişliğine göre metin akışına bağlı bir göreli yüzde değeri oluşturur. Bu seçenek, görüntülerin okuma alanındaki metne orantılı bir şekilde yeniden boyutlandırılmasını sağlar.

Sol, orta ve sağ olmak üzere hizalamayı belirtin. Üst ve alt dolguyu da belirtebilirsiniz.

Belgenizdeki iyileştirilmiş görüntülerin GIF, JPEG veya PNG'ye dönüştürülüp dönüştürülmeyeceğini seçmenize olanak sağlar. Her örnek için kullanılacak formatı InDesign'ın belirlemesi için Otomatik'i seçin. PNG'yi seçerseniz görüntü sıkıştırma ayarları devre dışı kalır.PNG'yi kayıpsız görüntüler veya saydamlık içeren nesneler için kullanın.

GIF dosyalarını en iyileştirirken InDesign'ın renkleri nasıl işleyeceğini kontrol etmenize olanak sağlar. GIF formatı, 256 rengi aşmayan sınırlı bir renk paleti kullanır. Renk taklidi (ek renklere benzetmek için küçük spot renkleri seçme) olmadan grafikte temsili renk örnekleri kullanan palet oluşturmak için Bağdaşık (renk taklidi yok) seçeneğini belirleyin. Windows ve Mac OS sistem renklerinin bir alt kümesi olan web ile uyumlu bir renk paleti oluşturmak için Web'i seçin. Yerleşik sistem renk paletini kullanan bir palet oluşturmak için Sistem (Win) veya Sistem (Mac) seçeneğini belirleyin. Bu tercih, beklenmeyen sonuçlara neden olabilir.

Görüntülerin eksik çizgiler doldurularak aşamalı şekilde yüklenmesi için Tarama'yı seçin. Bu seçenek işaretli değilse görüntü bulanık görünür ve tam çözünürlüğe ulaştıkça aşamalı olarak netleşir.

Oluşturulan her bir JPEG görüntüsü için sıkıştırma (daha küçük dosya boyutları için) ve görüntü kalitesi arasındaki dengeyi belirler. Düşük, en düşük görüntü kalitesine sahip en küçük dosyayı oluşturur.

Görüntüyü içeren dosya web'de açıldığında JPEG grafiklerinin ne kadar hızlı görüntüleneceğini belirler. JPEG görüntülerinin aşamalı olarak görüntülenmesi ve ayrıntılarının görüntü indirildikçe artması için Aşamalı'yı seçin. (Bu seçenekle oluşturulan dosyalar biraz daha büyük olur ve görüntülenmesi için daha fazla RAM gerekir.) Her bir JPEG dosyasının yalnızca indirildikten sonra görüntülenmesi için Aşamasız seçeneğini belirleyin; dosya görüntülenene kadar dosya yerine bir yer tutucu görünür.

Tek tek görüntülere uygulanan Nesne Dışa Aktarma Seçenekleri'ni yoksayar. Bkz. Nesne Dışa Aktarma seçeneklerini uygulama.

Gelişmiş

CSS ve JavaScript seçeneklerini ayarlamak için Gelişmiş alanını kullanın. Basamaklı Stil Sayfaları (CSS), içeriğin bir web sayfasındaki görünümünü kontrol eden bir dizi formatlama kuralıdır. Bir sayfayı formatlamak için CSS kullandığınızda, içerikleri sunumun kendisinden ayırmış olursunuz. Sayfanızın içeriği (HTML kodu) HTML dosyasının kendisinde bulunur, diğer yandan kodun sunumunun tanımlayan CSS kuralları başka bir dosyada (harici stil sayfası) veya HTML belgesinin içinde (genellikle Başlık kısmında) bulunur. Örneğin, seçilen metin için farklı font boyutları belirleyebilir ve web sayfasındaki blok düzeyindeki öğelerin formatlama ve konumunu denetlemek için CSS'yi kullanabilirsiniz.

HTML dosyasında sınıfların yer almasını istemiyorsanız bu seçeneği işaretleyin. Bu şekilde, HTML Dışa Aktarma işlemi sırasında etikette bulunan sınıf ve kimlik nitelikleri kaldırılır. HTML'deki gereksiz tüm div etiketleri de kaldırılır.

Sınıfların HTML dosyasında yer alması için bu seçeneği işaretleyin.

CSS Oluştur: InDesign'ın dışa aktarılan dosyaya ait bir CSS oluşturmasını isteyip istemediğinizi belirtin. CSS Oluştur seçeneğini işaretlerseniz Yerel Geçersiz Kılmaları Koru seçeneğini de belirleyerek eğik veya kalın gibi yerel formatlama öğelerini de ekleyebilirsiniz.

Yerel Geçersiz Kılmaları Koru: Eğik veya kalın gibi yerel formatlama öğelerini dahil edin.

Genellikle “styles/style.css” gibi göreli bir URL olan mevcut CSS stil sayfasının URL'sini belirtin. InDesign, CSS'nin mevcut veya geçerli olup olmadığını denetlemez. Harici CSS ayarlarınızı doğrulamak için Dreamweaver'ı kullanabilirsiniz.

HTML açıkken JavaScript'i çalıştırmak için Komut Dosyası Ekle'yi seçin. InDesign JavaScript'in mevcut veya geçerli olup olmadığını denetlemez.