Cara Membuat Email HTML di Dreamweaver

Kode HTML

HTML adalah bahasa markup untuk menata dokumen Web.

Kredit Gambar: Janka Dharmasena/iStock/Getty Images

Dreamweaver, alat pengembangan Web Adobe, memungkinkan Anda membuat segala jenis dokumen HTML, seperti halaman Web atau pesan email. Jika Anda terbiasa menulis markup HTML, Anda dapat menggunakan tampilan Kode untuk mengetik email dengan tag HTML. Jika Anda lebih suka menata email secara visual, Dreamweaver menyediakan sebagian besar kemampuan pemformatan yang disediakan oleh program pengolah kata. Anda juga dapat memilih tampilan Split untuk melihat tampilan Kode dan Tampilan secara bersamaan di layar yang sama.

Tetapkan Pemformatan

Langkah 1

Luncurkan Dreamweaver, lalu pilih "HTML" di bawah kolom Create New.

Video Hari Ini

Langkah 2

Klik tombol "Desain" di bagian atas untuk mengubah dari tampilan Kode ke tampilan Desain jika Desain belum dipilih.

Langkah 3

Klik tombol "Properti Halaman..." di jendela Properti di bagian bawah layar, lalu pilih font dan ukuran default, warna teks, warna latar belakang atau gambar, jika ada, dan halaman margin.

Langkah 4

Pilih "Tautan (CSS)" di kolom Kategori, lalu pilih font, ukuran, dan warna tautan di pesan berdasarkan posisi mouse, seperti rollover, dan status link, seperti aktif atau dikunjungi. Pilih gaya garis bawah untuk tautan dalam pesan.

Langkah 5

Klik ": Judul (CSS)" dari kolom Kategori, lalu pilih font, ukuran, dan warna untuk berbagai judul yang ingin Anda gunakan dalam pesan Anda.

Langkah 6

Pilih "Judul (Encoding)" di kolom Kategori, ketikkan judul untuk dokumen Anda, seperti subjek pesan, dan lalu pilih jenis dokumen, seperti "HTML5" dan pengkodean karakter, seperti "Unicode (UTF-8"). Pilih "OK" ketika selesai.

Ketik dan Format Pesan

Langkah 1

Ketik pesan email Anda di layar kosong. Format teks dengan menerapkan gaya dari jendela Properties di bagian bawah layar saat Anda mengetik pesan atau setelah Anda selesai mengetiknya.

Langkah 2

Pilih jenis heading di kotak Format pada jendela Properties untuk mengatur gaya teks sebagai header. Klik "B" untuk membuat teks menjadi tebal atau "I" untuk membuatnya tampak miring.

Langkah 3

Sorot teks dalam pesan Anda yang ingin Anda gayakan sebagai daftar tidak berurutan atau terurut, lalu klik tombol "Daftar Tidak Berurutan" atau "Daftar Berurutan" di jendela Properti. Pilih tombol "Blockquote" untuk memformat teks sebagai kutipan blok; pilih tombol "Hapus Blockquote" untuk menghapus pemformatan.

Langkah 4

Sorot teks yang ingin Anda ubah menjadi tautan yang dapat diklik, lalu ketikkan URL untuk tautan tersebut di kotak Tautan di jendela Properti. Pilih bagaimana Anda ingin tautan dibuka di kotak pilihan Target. Misalnya, pilih "_blank" untuk memaksa tautan terbuka di jendela baru.

Langkah 5

Pilih "Sisipkan," lalu klik "Tabel" untuk memasukkan tabel ke dalam pesan Anda. Pilih jumlah baris dan kolom, tentukan lebar tabel dan masukkan ketebalan batas. Ketik jumlah spasi yang ingin Anda gunakan untuk mengisi di dalam sel tabel dan spasi di antara sel tabel. Ketikkan keterangan dan ringkasan tabel jika Anda ingin menyertakannya, lalu klik "OK." Masukkan teks dalam tabel yang muncul di layar.

Langkah 6

Pilih "Sisipkan," klik "Gambar," lalu pilih "Gambar" lagi untuk menyisipkan gambar. Cari dan pilih file gambar yang akan ditampilkan. Sesuaikan penempatan gambar dalam pesan Anda dengan menyeretnya dengan mouse.

Pratinjau dan Transfer

Langkah 1

Pilih "File," klik "Pratinjau di Browser," lalu pilih browser jika Anda memiliki beberapa browser yang diinstal untuk melihat pratinjau email dan pemformatannya. Klik hyperlink yang Anda sertakan dalam pesan untuk memastikan hyperlink diselesaikan dengan benar.

Langkah 2

Tekan "Ctrl-A" untuk memilih seluruh pesan, lalu tekan "Ctrl-C" untuk menyalinnya. Beralih ke program email Anda, buat pesan email baru, lalu ubah jenis pesan menjadi "HTML," jika perlu.

Langkah 3

Tekan "Ctrl-V" untuk menempelkan pesan ke program email Anda. Sampaikan pesan ke penerima Anda, ketik subjek pesan, lalu kirimkan.

Tip

Uji email dengan mengirimkannya ke diri Anda sendiri sebelum Anda mengirimkannya ke orang lain untuk memastikan bahwa HTML ditafsirkan dan dikirim dengan benar.

Peringatan

Informasi dalam artikel ini berlaku untuk Dreamweaver CC. Ini mungkin sedikit berbeda atau signifikan dengan versi atau produk lain.