Jika Anda memiliki situs, menjelajahi desainnya dengan menggunakan CSS dan tag div dapat membawa Anda dan bisnis situs web Anda selangkah lebih maju. Perawatan yang mudah, pemuatan yang lebih cepat, dan fitur ramah mesin pencari akan memberi Anda manfaat dari strategi pemasaran yang lebih baik.
Langkah
Langkah 1. Ketahuilah bahwa tag 'div' pada dasarnya digunakan untuk membuat area atau divisi terpisah dari halaman situs web
Ini adalah salah satu elemen yang sangat kuat dalam "XHTML" karena diperlukan untuk menempatkan desain halaman web menggunakan "CSS". Dengan kata sederhana, proses ini berarti menerapkan situs tanpa menggunakan tabel untuk tata letak dan pemosisian.
Langkah 2. Buat Stylesheet - Tag 'Div' menggunakan lembar gaya yang memungkinkan desain web situs tidak bergantung pada data
Merancang latar belakang dengan warna dan font, lebar, tinggi, tata letak, dan posisi baris atau kolom semua dapat dimasukkan ke dalam lembar gaya hanya menyisakan kode div dan informasi pada halaman yang sebenarnya.
- Anda dapat membuat stylesheet sebagai dokumen lain dan kemudian menautkannya. Buka dokumen notepad baru, tulis kode Anda dan simpan di bawah ekstensi ".css".
- Properti CSS yang sangat berguna adalah "background-color", "height", "width", "float" dan "clear".
Langkah 3. Tautkan Stylesheet - Anda dapat menautkan stylesheet menggunakan tag tautan
Ini harus digunakan di bagian "kepala" situs web Anda. misalnya. Anda harus menulis path ke file CSS Anda di tempat di mana "path" ditulis dalam contoh ini.
Langkah 1. Pahami manfaat menggunakan tag div atau tanpa tabel:
- Memuat situs menjadi lebih cepat. Situs web yang didasarkan pada tag 'div' membuat browser berjalan lebih cepat karena ukurannya sangat ringan. 'Div' dikendalikan melalui lembar gaya Cascading dan oleh karena itu, membutuhkan lebih sedikit pengkodean yang membantu menjaga ukuran file seminimal mungkin.
- 'Div' ramah untuk semua mesin telusur – Situs web berbasis CSS ramah terhadap pengoptimalan mesin telusur karena ini memungkinkan perancang web untuk menyimpan artikel utama di atas sehingga mesin telusur dapat menemukan konten utama dengan lebih mudah.
- Situs web berbasis tag 'div' menghemat bandwidth. Situs web tanpa tabel memiliki ukuran file yang lebih kecil, yang berarti menghemat bandwidth Anda. Jika Anda memiliki situs lalu lintas yang besar, di mana setiap halaman dijelajahi oleh pengunjung situs, Anda akan menghemat ukuran bandwidth dengan tidak memiliki tabel. Jumlah bandwidth yang dihemat ini dapat berguna selama periode waktu tertentu atau pada akhir bulan.
- Kode Pembersih – Situs web yang menggunakan tag 'div' dan CSS menghasilkan kode yang lebih bersih. Kode pembersih ini memungkinkan perayap mesin telusur untuk membaca konten yang sebenarnya.
