Video: CSS Layouting - #7 Box Model : Membuat Website Sederhana 2024
Dreamweaver menyertakan dua Tata letak CSS yang dirancang dengan tag HTML5 yang dapat Anda sesuaikan untuk membuat variasi desain halaman yang tampaknya tak terbatas. Tata letak ini memberi Anda awal yang baik saat Anda membuat halaman baru, dan dirancang untuk bekerja dengan baik di berbagai browser web, sehingga dapat membantu Anda menghindari masalah umum yang disebabkan oleh berbagai cara tampilan web browser HTML5 dan CSS.
Untuk semua alasan ini, Anda harus memulai pekerjaan desain Anda di Dreamweaver dengan tata letak CSS yang dipilih di jendela Dokumen Baru, terutama jika Anda ingin menggunakan HTML5.
Untuk membuat halaman baru menggunakan salah satu layout CSS Dreamweaver, ikuti petunjuk berikut:
-
Pilih File → New.
Kotak dialog New Document akan muncul.
-
Pilih Halaman Kosong dari kolom kiri dan HTML dari kolom Page Type di tengahnya.
Atau, Anda dapat memilih opsi di bagian bawah bagian Page Type yang sesuai dengan bahasa pemrograman yang digunakan di situs Anda, seperti ASP. NET, PHP, atau ColdFusion, dan kemudian maju ke Langkah 3. (Jika Anda tidak terbiasa dengan opsi pemrograman ini, tetaplah dengan HTML.)
-
Di bagian Tata Letak, pilih tata letak CSS.
Perhatikan bahwa saat Anda memilih tata letak CSS, pratinjau tata letak ditampilkan di kanan atas kotak dialog.
-
Dari daftar drop-down Layout CSS, pilih jenis style sheet yang ingin Anda buat saat merancang halaman:
-
Add to Head buat style sheet internal dan sertakan semua gaya untuk tata letak di area header dokumen baru
-
Buat File Baru buat lembar gaya eksternal baru dengan semua gaya halaman saat Anda membuat dokumen baru dengan disain.
-
Tautkan ke File yang Ada tambahkan informasi style sheet untuk dokumen baru ke style sheet eksternal yang ada.
Catatan : Anda selalu dapat mengubah bagaimana style sheet diatur nanti dengan memindahkan gaya dari style sheet ke internal eksternal atau dari satu lembar gaya eksternal ke yang lain.
-
-
Klik Buat
Halaman baru dibuat dan dibuka di ruang kerja utama.
-
Pilih File → Save untuk menyimpan halaman dan style.
Jika Anda menyimpan gaya dalam lembar gaya eksternal, kotak kedua akan meminta Anda untuk menyimpan lembar gaya secara terpisah. Jika gaya yang terkandung dalam lembar gaya internal, mereka akan disimpan secara otomatis saat Anda menyimpan halaman.
