Dreamweaver'da Metin Ekleme ve Biçimlendirme - mankenler

Birçok kişi, Dreamweaver uygulamasında metin ve görüntülerle basit bir web sayfası oluşturmanın ne kadar kolay olduğunu görerek hoşnutluk duyuyor. Başlık ve paragraf etiketleri de dahil olmak üzere Dreamweaver'ın HTML biçimlendirme seçeneklerini kullanarak temel metin biçimlendirmesini yapabilirsiniz. İlk önce işleri basit tutmak için bu temel HTML etiketleriyle başlayın.

Dreamweaver'da bir web sayfasına metin ekleme

Bir sayfaya metin eklemek için imlecinizi bir sayfanın üstüne yazın ve yazın. Microsoft Word'de oluşturulan bir dosyada olduğu gibi, başka bir yere sahip olduğunuz metin eklemek isterseniz, metni kopyalayın ve tekrar yazmanız yerine Dreamweaver uygulamasına yapıştırabilirsiniz.

Başka bir programdaki metni kopyalayıp yapıştırdığınızda, Dreamweaver biçimlendirmeyi korumanın birçok yolunu sunar. Metni yalnızca olduğu gibi yapıştırırsanız, Microsoft Word'ye özgü fazladan kod içeren ve web sayfanıza sorunlara neden olabilecek bir riski altına sokarsanız, bu özellik Microsoft Word'den metin kopyaladığınızda özellikle önemlidir.

Kopyala / Yapıştır kategorisinde Tercihler'i değiştirerek Dreamweaver uygulamasının biçimlendirmeyi işleme biçimini varsayılan olarak değiştirebilirsiniz. Bu seçenekleri yeni içeriği yapıştırdığınızda görüntülemek için Düzenle → Yapıştır Yap'ı da seçebilirsiniz.

Aşağıda, Düzenle → Yapıştır Yap'ı seçtiğinizde metin eklemeyle ilgili dört temel seçenek ve seçiminizi hassaslaştırmanın üç yolu bulunmaktadır:

Sadece Metin: Dreamweaver herhangi bir biçimlendirmeyi sıyırır ve ekler düz metin.
Yapılı Metin: Dreamweaver, paragraflar, listeler, tablolar ve diğer yapısal biçimlendirme seçeneklerini içerir.
Yapılı Metin Artı Temel Biçimlendirme: Dreamweaver, kalın biçim ve italik gibi temel formatlamayı yapısal biçimlendirme içerir.
Yapılı Metin Artı Tam Biçimlendirme: Önceki seçeneklere ek olarak Dreamweaver, Microsoft Word gibi programlarda stil sayfaları tarafından oluşturulan biçimlendirme içerir.
Satır Sonlarını Sakla: Satır kesmeleri, diğer biçimlendirme seçeneklerini saklı tutmasanız bile korunur. Yalnızca Metin'i seçerseniz bu seçenek kullanılamaz.
Word Paragraf Aralıkını Temizle: Bu seçenek, Microsoft Word'e özgü özel biçimlendirme kodunu kaldırır ve web'deki metin için gereksizdir (ve önerilmez).
Akıllı Tırnakları Düz Anahtara Dönüştür: Akıllı tırnaklar - tasarımcılar baskı belgelerinde kullanmayı seven fantezi kıvırcık tekliflerin ortak adı - web'de düzgün bir şekilde görüntülenmesi için özel bir karakter gerektirir ve bu özel karakter tüm web tarayıcılarında çalışmazlar.Bu olası sorunu önlemek için bu kutuyu seçin ve tüm akıllı tekliflerinizi düz olanlara çevirin.

Dreamweaver'da başlık etiketleriyle metni biçimlendirme

Başlıkların en iyi biçimlendirme seçeneklerinden birisi, başlık etiketleri koleksiyonudur. HTML'de başlık veya başlık olarak kullanılan metni biçimlendirmek için başlık etiketleri (

,

vb.) Kullanma birçok avantaj sunar. Başlık etiketleri,

en büyük,

küçük,

daha küçük ve nihai

olan göreli boyutlarda görüntülenmek üzere tasarlanmıştır.

Yani bir web sayfasının varsayılan metin boyutu ne olursa olsun (ve tarayıcı ayarları ve bilgisayar platformu nedeniyle metin boyutları değişebilir),

etiketi ile biçimlendirilmiş metinler her zaman

ile biçimlendirilmiş metinlerden daha geneldir.

Popüler inanç, çoğu arama motorunun bir

etiketi ile biçimlendirilmiş metinlerdeki anahtar kelimelere öncelik vermesidir, çünkü bir sayfadaki en önemli metin genellikle en büyük boyut başlığına eklenir. Benzer şekilde arama motoru uzmanları, her sayfada bir kez olmak üzere

etiketini kullanmanız gerektiğini söyleyecektir.

Metni bir başlık etiketi ile biçimlendirmek için şu adımları izleyin:

Biçimlendirmek istediğiniz metni vurgulayın.

Özellik denetçisinde, çalışma alanının alt kısmında, denetçinin sol tarafındaki HTML düğmesinin seçili olduğundan emin olun.

Bir başlık seçeneği seçmek için Biçim açılır listesini kullanın.

Başlık etiketleri uygulandığında, metin Tasarım görünümünde büyük ve koyu olacak şekilde otomatik olarak değişir.

Kredi: Photo by Casey Stoll

Genel olarak, Özellik denetçisi temel biçimlendirmeyi uygulamamanın en kolay yoludur, ancak bu HTML biçimlendirme seçeneklerini Biçim → Paragraf Biçimi'ni seçip, ardından da görünen alt menü.

Dreamweaver'da paragraflar ve satır sonları ekleme

Web için sayfa tasarımları oluştururken, başlangıçta kafa karıştırıcı görünebilecek birçok sınırlamada çalışmanız gerekir. Web tasarımı ve baskı tasarımı temel olarak farklıdır ve görünüşte basit görevleri beklediğinizden daha karmaşık hale getirebilir. Paragraf ve satır sonlarını nasıl oluşturduğunuz iyi bir örnektir.

Dreamweaver'da Tasarım görünümünde çalışıyorsanız ve Enter tuşuna (Windows) veya Dönüş tuşuna (Mac) basın, Dreamweaver kodda bir paragraf etiketi veya

ekleyin; ardından bir satır sonu uyarı gelir boş bir çizgi ile.

Fazla boş bir satır olmadan bir satır sonu istiyorsanız, Dreamweaver uygulamasına

etiketini koda ekleyerek tek bir satır sonu oluşturmasını söylemek için Enter tuşuna (veya Return) basın Shift tuşunu basılı tutun.

En iyi uygulama, bir web sayfasında fazladan boşluk oluşturmak için birden fazla paragraf veya sayfa sonu etiketi kullanmaktan kaçınmaktır (ve bu şekilde oluşturursanız, tüm tarayıcılar boş alanı koruyamaz). Bir sayfada paragraflar veya diğer öğeler arasında çok fazla alan eklemek istiyorsanız, en iyi seçenek CSS kullanmaktır.

Kod görünümünde çalışıyorsanız ve Enter veya Return tuşunu kullanarak yer ekleyin, kod içinde boşluk ekleyin. HTML kodunda fazladan alan faydalı olabilir, çünkü fazladan alan kodu okumayı kolaylaştırır, ancak genel olarak bir sayfanın Tasarım görünümünde veya bir web tarayıcısında görüntülenme şeklini etkilemez.