Jika Anda baru mengenal desain web dan pengembangan front-end (HTML, CSS, Javascript), maka Anda dapat memilih untuk memulai dengan editor WYSIWYG. Akronim ini singkatan dari "apa yang Anda lihat adalah apa yang Anda dapatkan" dan pada dasarnya mengacu pada perangkat lunak yang memungkinkan Anda untuk membuat halaman web menggunakan alat visual sementara perangkat lunak menulis beberapa kode di belakang layar berdasarkan apa yang Anda buat. Alat WYSIWYG paling populer yang tersedia bisa dibilang adalah Adobe Dreamweaver .
Dreamweaver Adalah Pilihan Yang Baik untuk Mereka yang Baru Memulai
Sementara banyak profesional web berpengalaman dengan keterampilan yang lebih halus memandang rendah pada Dreamweaver dan kecenderungannya untuk menghasilkan pembesaran HTML dan gaya CSS, kebenaran yang sederhana adalah bahwa platform tetap menjadi pilihan yang baik bagi mereka yang baru memulai dengan desain situs web. Ketika Anda mulai menggunakan opsi "tampilan desain" Dreamweaver untuk membuat halaman web, salah satu pertanyaan yang mungkin Anda miliki adalah bagaimana membuat satu baris untuk konten dalam tampilan itu.
Saat Anda menambahkan teks HTML ke halaman web, browser web akan menampilkan teks itu sebagai garis panjang hingga mencapai tepi jendela browser atau elemen penampungnya. Pada titik itu, teks akan membungkus ke baris berikutnya. Ini mirip dengan apa yang terjadi dalam perangkat lunak pengolah kata apa pun, seperti Microsoft Word atau Google Docs. Ketika baris teks tidak memiliki ruang lebih pada garis horizontal, itu akan membungkus untuk memulai garis lain. Jadi apa yang terjadi jika Anda ingin menentukan di mana garis putus?
Ketika Anda menekan tombol [ENTER] dalam tampilan desain Dreamweaver, paragraf saat ini ditutup dan paragraf baru dimulai. Secara visual, ini berarti kedua garis tersebut dipisahkan dengan sedikit jarak vertikal. Ini karena, secara default, paragraf HTML memiliki padding atau margin (yang mana tergantung pada browser itu sendiri) yang diterapkan ke bagian bawah paragraf yang menambahkan jarak tersebut.
Ini dapat disesuaikan dengan CSS, tetapi kenyataannya adalah Anda ingin ada jarak antar paragraf untuk memungkinkan keterbacaan situs web . Jika Anda menginginkan satu baris dan tidak ada spasi vertikal lebar di antara garis, Anda tidak ingin menggunakan [ENTER] kunci karena Anda tidak ingin garis itu menjadi paragraf individual.
Untuk saat-saat ketika Anda tidak ingin memulai paragraf baru, Anda akan menambahkan tag
dalam HTML. Ini juga kadang ditulis sebagai
. khusus untuk versi XHTML yang mengharuskan semua elemen untuk ditutup. Trailing / dalam sintaks itu menutup sendiri elemen karena tag
tidak memiliki tag penutup sendiri. Ini semua baik dan bagus, tetapi Anda bekerja di Design View di Dreamweaver. Anda mungkin tidak ingin melompat ke kode dan menambahkan jeda ini. Itu bagus, karena Anda bisa, memang, menambahkan jeda baris di Dreamweaver tanpa beralih ke tampilan kode.
Tambahkan Line Break di Design View Dreamweaver:
- Tempatkan kursor Anda di mana Anda ingin baris baru dimulai.
- Tahan tombol shift dan tekan [ENTER].
Itu dia! Penambahan sederhana dari tombol "shift" bersama dengan [ENTER] akan menambahkan suatu halaman bukannya paragraf baru. Jadi sekarang Anda tahu bagaimana ini, Anda harus mempertimbangkan di mana menggunakannya dan di mana menghindarinya. Ingat, HTML dimaksudkan untuk membuat struktur situs, bukan tampilan visual. Anda tidak boleh menggunakan banyak tag
untuk membuat jarak vertikal di bawah elemen dalam desain Anda.
Itulah properti CSS untuk padding dan margin. Di mana Anda akan menggunakan tag
adalah ketika Anda hanya perlu satu baris istirahat. Misalnya, jika Anda mengode alamat surat dan Anda memutuskan untuk menggunakan paragraf, Anda dapat menambahkan tag seperti ini:
Nama Perusahaan
Alamat Baris -
Kota, Negara, ZIP
Kode ini untuk alamat adalah satu paragraf, tetapi secara visual akan menampilkan tiga garis pada garis individu dengan ruang kecil di antara mereka.