Jika anda baru dalam reka bentuk web dan pembangunan front-end (HTML, CSS, Javascript), maka anda boleh memilih untuk memulakan dengan editor WYSIWYG. Akronim ini bermaksud "apa yang anda lihat adalah apa yang anda dapat" dan pada dasarnya merujuk kepada perisian yang membolehkan anda membuat halaman web menggunakan alat visual sementara perisian menulis beberapa kod di belakang tabir berdasarkan apa yang anda buat. Alat WYSIWYG yang paling popular adalah boleh dikatakan Adobe Dreamweaver .
Dreamweaver Adalah Pilihan Yang Baik untuk Mereka Bermula
Walaupun ramai profesional web yang berpengalaman dengan kemahiran yang lebih halus memandang ke bawah pada Dreamweaver dan kecenderungannya untuk menghasilkan markup HTML dan gaya CSS yang lebat, kebenaran mudah ialah platform kekal menjadi pilihan yang baik untuk mereka yang baru bermula dengan reka bentuk laman web. Semasa anda mula menggunakan pilihan "reka bentuk pandangan" Dreamweaver untuk membina laman web, salah satu soalan yang mungkin anda miliki adalah bagaimana untuk membuat satu baris istirahat untuk kandungan dalam pandangan itu.
Apabila anda menambah teks HTML ke laman web, penyemak imbas web akan memaparkan teks itu sebagai baris panjang sehingga ia mencapai tepi tetingkap pelayar atau elemen kontena. Pada ketika itu, teks akan dibungkus ke baris seterusnya. Ini sama dengan apa yang berlaku dalam apa-apa perisian pemproses kata, seperti Microsoft Word atau Google Docs. Apabila garis teks tidak mempunyai ruang pada baris mendatar, ia akan membungkus untuk memulakan satu lagi baris. Jadi apa yang berlaku jika anda mahu menentukan di mana baris dipecahkan?
Apabila anda menekan kekunci [ENTER] dalam pandangan reka bentuk Dreamweaver, perenggan semasa ditutup dan perenggan baru bermula. Secara visual, ini bermakna bahawa kedua-dua baris dipisahkan dengan sedikit jarak menegak. Ini kerana, secara lalai, perenggan HTML mempunyai padding atau margin (yang mana bergantung pada penyemak imbas itu sendiri) diterapkan ke bahagian bawah perenggan yang menambah jarak itu.
Ini boleh diselaraskan dengan CSS, tetapi kebenarannya adalah bahawa anda mahu berada di antara perenggan untuk membolehkan kebolehbacaan laman web . Jika anda mahu satu baris dan tiada jarak menegak yang luas di antara baris, anda tidak mahu menggunakan [ENTER] utama kerana anda tidak mahu garis itu menjadi perenggan individu.
Untuk kali ini apabila anda tidak mahu perenggan baru dimulakan, anda akan menambah tag dalam HTML. Ini juga kadang kala ditulis sebagai
. khusus untuk versi XHTML yang menghendaki semua elemen ditutup. The trailing / dalam sintaks itu sendiri menutup elemen sejak tag dalam bahasa tidak mempunyai tag penutupnya sendiri. Ini semua baik dan baik, tetapi anda bekerja di Design View di Dreamweaver. Anda mungkin tidak mahu melompat ke kod dan menambah rehat ini. Itu baik-baik saja, kerana anda boleh menambah break line di Dreamweaver tanpa menggunakan kod pandangan.
Tambah Break Line dalam Reka Bentuk Dreamweaver & # 39; s:
- Letakkan kursor anda di mana anda mahu baris baru bermula.
- Tahan kekunci shift dan tekan [ENTER].
Itu sahaja! Penambahan mudah "shift" bersama dengan [ENTER] akan menambah
bukan perenggan baru. Jadi sekarang anda tahu bagaimana ini, anda perlu mempertimbangkan di mana untuk menggunakannya dan di mana untuk mengelakkannya. Ingat, HTML dimaksudkan untuk mewujudkan struktur tapak, bukan penampilan visual. Anda tidak sepatutnya menggunakan pelbagai tag untuk membuat jarak menegak di bawah elemen dalam reka bentuk anda.
Inilah sifat CSS untuk padding dan margin. Di mana anda akan menggunakan tag dalam talian adalah apabila anda hanya memerlukan satu baris istirahat. Contohnya, jika anda sedang mengkode alamat surat dan anda telah memutuskan untuk menggunakan perenggan, anda boleh menambah tag seperti ini:
Nama Syarikat
Talian Alamat
Bandar, Negeri, ZIP
Kod ini untuk alamat adalah satu perenggan, tetapi secara visual ia akan memaparkan tiga baris pada baris individu dengan ruang kecil di antara mereka.