Dreamweaver'da HTML E-posta Nasıl Oluşturulur

click fraud protection
HTML Kodları

HTML, Web belgelerini biçimlendirmek için bir biçimlendirme dilidir.

Resim Kredisi: Janka Dharmasena/iStock/Getty Images

Adobe'nin Web geliştirme aracı Dreamweaver, Web sayfası veya e-posta mesajı gibi her tür HTML belgesi oluşturmanıza olanak tanır. HTML işaretlemesi yazmaya aşinaysanız, HTML etiketleriyle bir e-posta yazmak için Kod görünümünü kullanabilirsiniz. E-postayı görsel olarak biçimlendirmeyi tercih ederseniz, Dreamweaver bir sözcük işlemci programının sağladığı biçimlendirme yeteneğinin çoğunu sağlar. Aynı ekranda hem Kod hem de Ekran görünümlerini aynı anda görmek için Bölünmüş görünümü de seçebilirsiniz.

Biçimlendirme Oluştur

Aşama 1

Dreamweaver'ı başlatın ve ardından Yeni Oluştur sütununun altında "HTML"yi seçin.

Günün Videosu

Adım 2

Tasarım seçili değilse, Kod görünümünden Tasarım görünümüne geçmek için üst kısımdaki "Tasarım" düğmesini tıklayın.

Aşama 3

Ekranın altındaki Özellikler penceresindeki "Sayfa Özellikleri..." düğmesini tıklayın ve ardından varsayılan yazı tipi ve boyutu, metnin rengi, varsa arka plan rengi veya resmi ve sayfa kenar boşlukları.

4. Adım

Kategori sütununda "Bağlantılar (CSS)" öğesini seçin ve ardından bağlantıların yazı tipini, boyutunu ve rengini seçin. rollover gibi fare konumuna ve etkin veya ziyaret edilmiş gibi bağlantı durumuna dayalı mesaj. Mesajdaki bağlantılar için bir alt çizgi stili seçin.

Adım 5

Kategori sütunundan ":Başlıklar (CSS)" seçeneğine tıklayın ve ardından mesajınızda kullanmak istediğiniz farklı başlıklar için yazı tipini, boyutunu ve rengini seçin.

6. Adım

Kategori sütununda "Başlık (Kodlama)" öğesini seçin, belgeniz için ileti konusu gibi bir başlık yazın ve ardından "HTML5" gibi belge türünü ve "Unicode (UTF-8)" gibi karakter kodlamasını seçin. olduğunda "Tamam"ı seçin. tamamlamak.

Mesajı Yazın ve Biçimlendirin

Aşama 1

Boş ekrana e-posta mesajınızı yazın. Mesajınızı yazarken veya yazmayı bitirdikten sonra ekranın alt kısmındaki Özellikler penceresinden stiller uygulayarak metni biçimlendirin.

Adım 2

Metne başlık olarak stil vermek için Özellikler penceresinin Biçim kutusunda bir başlık türü seçin. Metni kalın yapmak için "B"yi veya italik olarak görünmesini sağlamak için "I"yi tıklayın.

Aşama 3

Mesajınızda sırasız veya sıralı liste olarak biçimlendirmek istediğiniz metni vurgulayın ve ardından Özellikler penceresindeki "Sırasız Liste" veya "Sıralı Liste" düğmesini tıklayın. Metni blok alıntı olarak biçimlendirmek için "Blok alıntı" düğmesini seçin; biçimlendirmeyi kaldırmak için "Blok alıntıyı Kaldır" düğmesini seçin.

4. Adım

Tıklanabilir bir bağlantıya dönüştürmek istediğiniz metni vurgulayın ve ardından Özellikler penceresindeki Bağlantı kutusuna bağlantının URL'sini yazın. Hedef seçim kutusunda bağlantının nasıl açılmasını istediğinizi seçin. Örneğin, bağlantıyı yeni bir pencerede açılmaya zorlamak için "_blank" öğesini seçin.

Adım 5

Mesajınıza bir tablo eklemek için "Ekle"yi seçin ve ardından "Tablo"ya tıklayın. Satır ve sütun sayısını seçin, tablo genişliğini belirtin ve sınır kalınlığını girin. Tablo hücrelerinin içini doldurmak ve tablo hücreleri arasında boşluk bırakmak için kullanmak istediğiniz boşluk sayısını yazın. Eklemek istiyorsanız bir başlık ve tablo özeti yazın ve ardından "Tamam"ı tıklayın. Ekranda görünen tabloya metni girin.

6. Adım

"Ekle"yi seçin, "Görüntü"ye tıklayın ve ardından bir resim eklemek için tekrar "Görüntü"yü seçin. Görüntülenecek resim dosyasını bulun ve seçin. Fare ile sürükleyerek mesajınızdaki resmin yerleşimini ayarlayın.

Önizleme ve Aktarma

Aşama 1

"Dosya"yı seçin, "Tarayıcıda Önizleme"yi tıklayın ve ardından e-postayı ve biçimlendirmesini önizlemek için birden fazla tarayıcınız yüklüyse bir tarayıcı seçin. Doğru şekilde çözüldüğünden emin olmak için mesaja eklediğiniz köprülere tıklayın.

Adım 2

Mesajın tamamını seçmek için "Ctrl-A"ya basın ve ardından kopyalamak için "Ctrl-C"ye basın. E-posta programınıza geçin, yeni bir e-posta mesajı oluşturun ve ardından gerekirse mesaj türünü "HTML" olarak değiştirin.

Aşama 3

Mesajı e-posta programınıza yapıştırmak için "Ctrl-V" tuşlarına basın. Mesajı alıcılarınıza adresleyin, mesaj için bir konu yazın ve ardından gönderin.

HTML'nin doğru şekilde yorumlandığından ve gönderildiğinden emin olmak için e-postayı başkalarına göndermeden önce kendinize göndererek test edin.

Uyarı

Bu makaledeki bilgiler Dreamweaver CC için geçerlidir. Diğer sürümler veya ürünlerle biraz veya önemli ölçüde değişebilir.