Video: 3000+ Common English Words with Pronunciation 2024
Selepas anda membuat susun atur grid bendalir di Dreamweaver, langkah seterusnya adalah untuk menambah tag atau elemen lain untuk membuat bahagian reka bentuk. Anda mempunyai dua pilihan apabila anda merancang halaman dalam Dreamweaver CC: gunakan tag atau gunakan tag HTML5.
Kedua-dua berfungsi sama dalam susun atur cecair ini, tetapi menggunakan tag HTML5, seperti tag dan mempunyai kelebihan, kerana tag menambah makna dan struktur tambahan ke halaman web anda.
Untuk menambah tag, tag HTML5, dan elemen lain pada susun atur grid bendalir, ikut arahan ini:
-
Pilih Insert → Struktur → Navigasi.
Sebagai alternatif, anda boleh mengklik Navigasi dalam panel Struktur Sisipan.
-
Pilih Masukkan sebagai kotak semak Elemen Fluid dalam kotak dialog Sisipkan.
Apabila anda menggunakan ciri susun atur grid cecair, anda mesti memilih pilihan ini apabila anda menambah teg.
-
Dalam kotak dialog Sisipkan, pilih sama ada anda mahu menggunakan pemilih kelas atau ID untuk membuat gaya baru untuk tag yang anda masukkan dan kemudian masukkan nama untuk gaya baru.
Walaupun anda memasukkan tag HTML5, anda mesti membuat gaya atau gaya ID yang sesuai yang boleh digunakan untuk memformatkan elemen dalam ketiga-tiga susun atur.
Nama gaya kelas mesti bermula dengan nama dot (.) Dan nama ID mesti bermula dengan tanda paun (#).
-
Klik OK.
Tag ditambahkan pada susun atur, membentuk kotak baru dalam susun atur, dan nama gaya sepadan ditambahkan tiga kali pada susun atur CSS.
-
Pilih tag awal yang dimasukkan dalam susun atur dan kemudian klik ikon sampah kecil yang muncul di sebelah kanan bawah tag untuk memadamnya.
Walaupun anda boleh menyimpan teg awal termasuk dalam susun atur grid cecair, atau anda boleh menamakan semula gaya yang diterapkan kepadanya.
-
Pilih Insert → Struktur → Artikel.
Kotak dialog Insert Perkara terbuka (serupa dengan kotak dialog Sisipkan Sisipan).
-
Pilih Masukkan sebagai kotak semak Elemen Fluid dalam kotak dialog Sisipkan.
-
Dalam kotak dialog Sisipkan, pilih sama ada anda mahu menggunakan pemilih kelas atau ID untuk membuat gaya baharu untuk teg yang anda masukkan dan masukkan nama untuk gaya baru.
-
Klik OK.
Tag ditambahkan pada susun atur, membentuk kotak baru dalam susun atur, dan nama gaya sepadan ditambahkan tiga kali pada susun atur CSS.
-
Tambah seberapa banyak unsur yang anda mahu untuk susun atur anda dengan mengulang Langkah 6-9.
Anda boleh menambah elemen HTML5 ke dalam susun atur grid bendalir anda dengan mengklik ikon yang sesuai dalam panel Struktur Sisipan: satu navigasi, satu tajuk, dua artikel, dan satu kaki .
Perhatikan bahawa dalam kod, Dreamweaver menambah awalan bendalir- kepada nama setiap gaya yang anda buat untuk susun atur grid cecair anda.