Video: Cara Mencetak Layout PCB 2024
Setelah membuat layout grid fluida di Dreamweaver, langkah selanjutnya adalah menambahkan tag atau elemen lainnya untuk menyusun bagian desain. Anda memiliki dua pilihan saat mendesain halaman di Dreamweaver CC: gunakan tag atau gunakan tag HTML5.
Keduanya bekerja sama dalam tata letak cairan ini, namun menggunakan tag HTML5, seperti tag dan tag, memiliki beberapa keuntungan, karena tag tersebut menambahkan makna dan struktur tambahan ke halaman web Anda.
Untuk menambahkan tag, tag HTML5, dan elemen lainnya ke tata letak kotak fluida, ikuti petunjuk berikut:
-
Pilih Insert → Structure → Navigation.
Atau, Anda dapat mengklik Navigation pada panel Structure Insert.
-
Pilih kotak Insert as Fluid Element pada kotak dialog Insert.
Bila Anda menggunakan fitur tata letak kotak fluida, Anda harus memilih opsi ini saat menambahkan tag.
-
Pada kotak dialog Insert, pilih apakah Anda ingin menggunakan pemilih kelas atau ID untuk membuat gaya baru untuk tag yang Anda sisipkan dan kemudian masukkan nama untuk gaya baru.
Bahkan ketika Anda memasukkan tag HTML5, Anda harus membuat kelas atau gaya ID yang sesuai yang dapat digunakan untuk memformat elemen di ketiga layout.
Nama gaya kelas harus dimulai dengan tanda titik (.) Dan nama gaya ID harus dimulai dengan tanda pon (#).
-
Klik OK.
Tag ditambahkan ke tata letak, membentuk kotak baru di tata letak, dan nama gaya yang sesuai ditambahkan tiga kali ke tata letak CSS.
-
Pilih tag awal yang disertakan dalam tata letak dan kemudian klik ikon sampah kecil yang muncul di kanan bawah tag untuk menghapusnya.
Meskipun Anda dapat menyimpan tag awal yang disertakan dalam layout grid fluida, atau Anda dapat mengganti nama gaya yang diterapkan padanya.
-
Pilih Insert → Structure → Article.
Kotak dialog Insert Article terbuka (mirip dengan kotak dialog Insert Header).
-
Pilih kotak Insert as Fluid Element pada kotak dialog Insert.
-
Pada kotak dialog Insert, pilih apakah Anda ingin menggunakan pemilih kelas atau ID untuk membuat gaya baru untuk tag yang Anda sisipkan dan masukkan nama untuk gaya baru.
-
Klik OK.
Tag ditambahkan ke tata letak, membentuk kotak baru di tata letak, dan nama gaya yang sesuai ditambahkan tiga kali ke tata letak CSS.
-
Tambahkan sebanyak mungkin elemen yang Anda inginkan untuk tata letak Anda dengan mengulang Langkah 6-9.
Anda dapat menambahkan elemen HTML5 ke layout grid fluida Anda dengan mengklik ikon yang sesuai di panel Structure Insert: satu navigasi, satu header, dua artikel, dan satu footer .
Perhatikan bahwa dalam kode, Dreamweaver menambahkan awalan cairan- sesuai dengan nama setiap gaya yang Anda buat untuk layout grid fluida Anda.
