AutoPlay Media Studio – HTML ile Metni İki Yana Yaslama (Justify)

[guclusat]

AutoPlay Media Studio'da HTML ile Metni İki Yana Yaslama​

AutoPlay Media Studio ile uzun açıklamalar, teknik bilgiler veya eğitim içerikleri hazırlanırken metnin iki yana yaslanması (Justify) daha düzenli bir görünüm sağlayabilir.

Rich Text Object içerisinde doğrudan Justify seçeneği bulunmadığında alternatif olarak HTML ve CSS kullanılabilir.

HTML ile Justify kullanımı​

HTML'de bir paragrafı iki yana yaslamak için:

<p style="text-align: justify;">
Bu bölümde AutoPlay Media Studio ile hazırlanan uygulamalarda
uzun metinlerin daha düzenli şekilde gösterilmesi için HTML
kullanımını görebilirsiniz.
</p>

Buradaki önemli bölüm:

text-align: justify;
kodudur.

Bu özellik paragraf içerisindeki metni hem sol hem de sağ kenara hizalar.

Başlık ve paragraf birlikte kullanma​

Örneğin teknik bir açıklama için şu şekilde bir HTML içerik hazırlanabilir:

<h2>Güç Kaynağı Hakkında</h2>

<p style="text-align: justify;">
Bu devre, elektronik cihazların ihtiyaç duyduğu DC gerilimi
sağlamak amacıyla kullanılabilir. Çıkış gerilimi kullanılan
devre yapısına göre ayarlanabilir ve farklı uygulamalarda
güç kaynağı olarak değerlendirilebilir.
</p>

<p style="text-align: justify;">
Devrenin kullanılacağı uygulamaya göre uygun akım kapasitesi,
soğutma ve koruma elemanlarının seçilmesi gerekir.
</p>
Bu yöntemle başlıkları ve paragrafları birbirinden ayırarak daha düzenli bir doküman görünümü elde edilebilir.

Font ve yazı boyutu da belirlenebilir​

CSS kullanılarak yazı tipi ve boyutu da belirlenebilir:

<p style="text-align: justify; font-size: 16px; font-family: Arial;">
Uzun teknik açıklamalarınızı burada gösterebilirsiniz.
</p>

Kenar boşluğu ekleme​

Paragrafın kenarlara yapışmasını istemiyorsanız:

<p style="text-align: justify; margin: 10px;">
Buraya açıklama metni yazılır.
</p>
şeklinde boşluk bırakabilirsiniz.

Teknik arşivlerde kullanım​

Bu yöntem özellikle AutoPlay Media Studio ile hazırlanan:

• AIO uygulamalarında
• Teknik arşivlerde
• Elektronik dokümanlarda
• Eğitim uygulamalarında
• Servis dokümanlarında
• Kullanım kılavuzlarında

uzun metinlerin daha düzenli gösterilmesi için kullanılabilir.

Önemli not​

HTML kodunun çalışması, içeriği göstermek için kullanılan AMS nesnesine ve kullanılan yönteme bağlıdır. HTML kodunu normal bir metin nesnesine yazmak, tek başına HTML'nin çalışacağı anlamına gelmez.

Bu nedenle HTML içeriğini uygulama içerisinde göstermek için HTML destekleyen uygun bir nesne veya yöntem kullanılmalıdır.

Kısacası: Rich Text Object içinde doğrudan Justify seçeneği bulunmuyorsa, HTML destekli bir içerik alanında:

text-align: justify;
kullanılarak metin iki yana yaslanabilir.

 

[guclusat]

HTML Kodundaki Satırların Açıklaması​

Aşağıdaki örnek üzerinden HTML kodunun satırlarını tek tek inceleyelim:

<h2>Güç Kaynağı Hakkında</h2>

<p style="text-align: justify;">
Bu bölümde AutoPlay Media Studio ile hazırlanan uygulamalarda
uzun metinlerin daha düzenli şekilde gösterilmesi için HTML
kullanımını görebilirsiniz.
</p>

1.​

Bu satır bir başlık oluşturur.

<h2>Güç Kaynağı Hakkında</h2>
Burada:

• <h2> → Başlığın başladığını belirtir.
• Güç Kaynağı Hakkında → Ekranda görünecek başlık metnidir.
• </h2> → Başlığın bittiğini belirtir.

h1, h2, h3 gibi farklı başlık seviyeleri kullanılabilir.

Örneğin:

<h1>Ana Başlık</h1>
<h2>Alt Başlık</h2>
<h3>Daha Küçük Başlık</h3>

---

2.​

<p>
p, paragraph (paragraf) anlamına gelir.

Yani uzun metinleri paragraf olarak belirtmek için kullanılır.

Paragrafın sonunda:

</p>
kullanılır.

Örneğin:

<p>Bu bir paragraftır.</p>

---

3.​

Asıl biçimlendirme burada yapılmaktadır:

<p style="text-align: justify;">
style, HTML elementinin görünüşünü değiştirmek için kullanılan CSS özelliklerinin yazıldığı bölümdür.

---

4.​

Bu kod:

text-align: justify;
metnin iki yana yaslanmasını sağlar.

Yani metin:

• Sol kenara
• Sağ kenara

mümkün olduğunca hizalanır.

Word'deki İki Yana Yasla / Justify özelliğinin HTML karşılığıdır.

---

5. Metin bölümü​

Bu bölümde AutoPlay Media Studio ile hazırlanan uygulamalarda
uzun metinlerin daha düzenli şekilde gösterilmesi için HTML
kullanımını görebilirsiniz.
Buradaki yazılar kullanıcıya gösterilecek gerçek içeriktir.

İstediğiniz metni buraya yazabilirsiniz.

Örneğin:

<p style="text-align: justify;">
Uydu alıcısının güç kaynağını kontrol etmek için öncelikle
çıkış geriliminin ölçülmesi gerekir.
</p>

---

6.​

</p>
Paragrafın bittiğini belirtir.

Başlangıç:

<p>
Bitiş:

</p>
şeklindedir.

HTML'de birçok etiket bu şekilde açılır ve kapatılır.

---

Satır boşlukları neden var?​

Şu kodda:

<p style="text-align: justify;">
Birinci satır
İkinci satır
Üçüncü satır
</p>
HTML açısından bu satır sonları genellikle normal boşluk gibi değerlendirilir. Ekranda mutlaka aynı şekilde üç ayrı satır olarak görünmesi gerekmez.

Gerçekten yeni paragraf oluşturmak istiyorsanız:

<p style="text-align: justify;">
Birinci paragraf burada yer alır.
</p>

<p style="text-align: justify;">
İkinci paragraf burada yer alır.
</p>
şeklinde kullanmak daha doğrudur.

<br>​

Zorunlu olarak yeni satıra geçmek istiyorsanız:

Birinci satır<br>
İkinci satır<br>
Üçüncü satır
kullanabilirsiniz.

Buradaki:

<br>
satır sonu anlamına gelir.

---

Kısaca kodu parçalarsak​

<p style="text-align: justify;">
Paragrafı başlat + iki yana yasla

Buraya yazınızı yazın.
Ekranda gösterilecek metin

</p>
Paragrafı bitir

Yani en temel haliyle:

<p style="text-align: justify;">Buraya metin gelecek.</p>
şeklindedir.

Bu yapıya daha sonra font, yazı boyutu, renk, arka plan, kenar boşluğu, resim ve bağlantı gibi özellik