Cara Menambah dan Memformat Teks dalam Dreamweaver - manisan

Ramai orang terkejut dengan betapa mudahnya mereka dapat membuat halaman web asas dengan teks dan imej dalam Dreamweaver. Anda boleh melakukan pemformatan teks asas dengan menggunakan pilihan pemformatan HTML Dreamweaver, termasuk tag tajuk dan perenggan. Mulakan dengan tag HTML asas ini untuk memastikan perkara mudah pada mulanya.

Bagaimana untuk menambah teks ke laman web di Dreamweaver

Untuk menambah teks ke halaman, anda boleh klik untuk memasukkan kursor anda di bahagian atas halaman dan taipkan. Jika anda ingin menambah teks yang anda ada di tempat lain, seperti dalam fail yang dibuat dalam Microsoft Word, anda boleh menyalin dan menyisipkan teks itu ke dalam Dreamweaver dan bukannya mengetik semula.

Dreamweaver menawarkan banyak cara untuk mengekalkan pemformatan apabila anda menyalin dan menampal teks dari program lain. Ciri ini sangat penting apabila anda menyalin teks dari Microsoft Word kerana jika anda hanya menampal teks seperti itu, anda berisiko termasuk banyak kod tambahan yang unik untuk Microsoft Word dan boleh menyebabkan masalah di laman web anda.

Anda boleh mengubah lalai untuk bagaimana Dreamweaver menangani pemformatan apabila anda memilih Edit → Paste dengan mengubah Keutamaan dalam kategori Salin / Tampal. Anda juga boleh memilih Edit → Paste Special untuk memaparkan pilihan ini bila-bila masa anda menampal kandungan baru.

Berikut ialah empat pilihan utama anda untuk memasukkan teks apabila anda memilih Edit → Paste Special dan juga tiga cara untuk memperbaiki pilihan anda:

Teks Hanya: Dreamweaver melancarkan sebarang pemformatan dan sisipan teks kosong.
Teks dengan Struktur: Dreamweaver termasuk perenggan, senarai, jadual, dan pilihan pemformatan struktur lain.
Teks dengan Struktur Ditambah Pemformatan Asas: Dreamweaver termasuk pemformatan struktur serta pemformatan asas, seperti berani dan italik.
Teks dengan Struktur Plus Pemformatan Penuh: Sebagai tambahan kepada pilihan sebelumnya, Dreamweaver termasuk pemformatan yang dicipta oleh helaian gaya dalam program seperti Microsoft Word.
Kekalkan Rangkuman Line: Runtuhan baris dikekalkan, walaupun anda tidak menyimpan pilihan pemformatan lain. Pilihan ini tidak tersedia jika anda memilih Teks Sahaja.
Membersihkan Ruang Kalimat Kalimat: Pilihan ini membuang kod pemformatan khas yang unik untuk Microsoft Word dan tidak perlu (dan tidak disyorkan) untuk teks di web. Sebut Harga Pintar dengan Petikan Lurus:
Petikan pintar - nama biasa bagi petikan keriting mewah yang pereka suka menggunakan dalam dokumen cetak - memerlukan watak istimewa untuk dipaparkan dengan betul di web, dan watak istimewa itu tidak berfungsi di semua pelayar web.Untuk mengelakkan masalah yang berpotensi ini, pilih kotak ini dan tukar semua petikan pintar anda kepada orang yang lurus. Bagaimana untuk memformat teks dengan tag tajuk dalam Dreamweaver

Salah satu pilihan pemformatan terbaik untuk tajuk utama adalah koleksi tag tajuk. Dalam HTML, menggunakan tag tajuk (

, dan sebagainya) untuk memformat teks yang berfungsi sebagai tajuk atau tajuk utama menawarkan banyak kelebihan. Tag tajuk direka untuk dipaparkan dalam saiz relatif, dengan

yang terbesar,

lebih kecil,

lebih kecil masih, dan sebagainya melalui

.

Jadi tidak kira berapa saiz teks lalai halaman web (dan saiz teks boleh berbeza-beza kerana tetapan penyemak imbas dan platform komputer), sebarang teks yang diformat dengan tag

selalu lebih besar daripada teks yang diformat dengan

.

Kepercayaan popular adalah bahawa banyak enjin carian mengutamakan kata kunci dalam teks yang diformat dengan tag

kerana teks yang paling penting pada halaman umumnya termasuk dalam tajuk saiz terbesar. Begitu juga, pakar enjin carian akan memberitahu anda bahawa anda harus menggunakan tag

sekali sahaja setiap halaman.

Untuk memformat teks dengan tag tajuk, ikuti langkah-langkah berikut:

Sorot teks yang anda mahu formatkan.

Dalam Pemeriksa Hartanah, di bahagian bawah ruang kerja, pastikan butang HTML di sebelah kiri pemeriksa dipilih.

Gunakan senarai lungsur turun Format untuk memilih pilihan tajuk.

Apabila tag tajuk diterapkan, teks secara automatik berubah menjadi besar dan tebal dalam pandangan Reka Bentuk.

Kredit: Photo by Casey Stoll

Secara umum, Pemeriksa Hartanah adalah cara paling mudah untuk memohon pemformatan asas, tetapi anda boleh mencari pilihan pemformatan HTML ini juga dengan memilih Format → Format Perenggan dan kemudian memilih pilihan tajuk dari submenu yang muncul.

Bagaimana untuk menambah perenggan dan break line di Dreamweaver

Apabila anda membuat reka bentuk halaman untuk web, anda mesti bekerja dalam banyak batasan yang mungkin kelihatan mengelirukan pada mulanya. Reka bentuk laman web dan reka bentuk cetak pada asasnya berbeza, dan itu boleh membuat tugas-tugas yang seolah-olah mudah lebih rumit daripada yang anda harapkan. Bagaimana anda membuat perenggan dan garisan talian adalah contoh yang baik.

Jika anda bekerja dalam pandangan Reka bentuk di Dreamweaver dan tekan kekunci Enter (Windows) atau kekunci Return (Mac), Dreamweaver memasangkan tag paragraf, atau, dalam kod yang membuat garis istirahat diikuti dengan garis kosong.

Jika anda mahukan garis putus tanpa garis kosong, tekan kekunci Shift semasa anda menekan Enter (atau Kembali) untuk memberitahu Dreamweaver untuk memasukkan tag

ke dalam kod, membuat satu baris istirahat.

Amalan terbaik adalah untuk mengelakkan penggunaan banyak perenggan atau tag rosak untuk membuat ruang tambahan di halaman web (dan tidak semua penyemak imbas akan mengekalkan ruang kosong jika anda menciptanya dengan cara itu). Jika anda ingin menambah banyak ruang antara perenggan atau elemen lain pada halaman, pilihan terbaik anda ialah menggunakan CSS.

Jika anda bekerja dalam paparan Kod dan menambah ruang menggunakan kekunci Enter atau Return, anda menambah ruang kosong di dalam kod. Ruang tambahan dalam kod HTML boleh berguna kerana ruang tambahan boleh membuat kod lebih mudah dibaca, tetapi secara umum, ia tidak menjejaskan cara halaman dipaparkan dalam pandangan Design atau dalam pelayar web.