Cara Merangka Laman Web Mudah dalam Bahagian: 4 Langkah (dengan Gambar)

Isi kandungan:

Cara Merangka Laman Web Mudah dalam Bahagian: 4 Langkah (dengan Gambar)
Cara Merangka Laman Web Mudah dalam Bahagian: 4 Langkah (dengan Gambar)

Video: Cara Merangka Laman Web Mudah dalam Bahagian: 4 Langkah (dengan Gambar)

Video: Cara Merangka Laman Web Mudah dalam Bahagian: 4 Langkah (dengan Gambar)
Video: cara menghapus daftar blokir di instagram 2024, April
Anonim

Sekiranya anda mempunyai laman web, maka meneroka reka bentuknya dengan menggunakan CSS dan tag div dapat membawa anda dan perniagaan laman web anda selangkah lebih maju. Kemudahan penyelenggaraan yang mudah, pemuatan yang lebih cepat dan ciri mesin pencari akan memberi anda strategi pemasaran yang lebih baik.

Langkah-langkah

Langkah 1. Ketahui bahawa tag 'div' pada dasarnya digunakan untuk mewujudkan kawasan atau bahagian yang terpisah dari laman web

Ini adalah salah satu elemen yang sangat kuat dalam "XHTML" kerana perlu untuk membuat reka bentuk laman web menggunakan "CSS". Dengan kata mudah, proses ini bermaksud melaksanakan laman web tanpa menggunakan jadual untuk susun atur dan kedudukan.

Langkah 2. Buat Stylesheet - tag 'Div' menggunakan helaian gaya yang membolehkan reka bentuk laman web bebas daripada data

Merancang latar belakang dengan warna dan fon, lebar, tinggi, susun atur, dan posisi baris atau lajur semuanya dapat disisipkan ke dalam helaian gaya yang hanya meninggalkan kod div dan maklumat pada halaman sebenarnya.

  • Anda boleh membuat helaian gaya sebagai dokumen lain dan kemudian memautkannya. Buka dokumen notepad baru, tulis kod anda dan simpan di bawah pelanjutan ".css".
  • Sifat CSS yang sangat berguna adalah "warna latar", "tinggi", "lebar", "terapung" dan "jelas".

Langkah 3. Pautkan Lembaran Gaya - Anda boleh memautkan gaya gaya menggunakan tag pautan

Ini harus digunakan di bahagian "kepala" laman web anda. cth.. anda harus menulis jalan ke fail CSS anda di tempat "jalan" ditulis dalam contoh ini.

Reka Laman Web Mudah di Bahagian Langkah 1
Reka Laman Web Mudah di Bahagian Langkah 1
Reka Laman Web Mudah di Bahagian Langkah 2
Reka Laman Web Mudah di Bahagian Langkah 2
Reka Laman Web Mudah di Bahagian Langkah 3
Reka Laman Web Mudah di Bahagian Langkah 3

Langkah 1. Fahami faedah menggunakan tag div atau tanpa jadual:

  • Memuatkan laman web menjadi lebih pantas. Laman web yang didasarkan pada tag 'div' menjadikan penyemak imbas berjalan lebih pantas kerana ia datang dengan sangat ringan. 'Div' dikendalikan melalui helaian gaya Cascading dan oleh itu, memerlukan pengekodan yang lebih sedikit yang membantu menjaga ukuran fail minimum.
  • 'Div' mesra untuk semua mesin pencari - laman web berasaskan CSS adalah mesra pengoptimuman mesin pencari kerana ini membolehkan pereka web menyimpan artikel utama di atas yang membolehkan mesin carian mencari kandungan utama dengan lebih mudah.
  • Laman web berdasarkan teg 'div' menjimatkan lebar jalur. Laman web tanpa jadual mempunyai saiz fail yang lebih kecil, yang bermaksud menjimatkan lebar jalur anda. Sekiranya anda mempunyai laman web lalu lintas yang besar, di mana setiap halaman dilayari oleh pengunjung laman web, anda akan menjimatkan ukuran lebar jalur dengan tidak mempunyai jadual. Jumlah lebar jalur yang disimpan ini dapat berguna dalam jangka masa atau pada akhir bulan.
  • Cleaner Code - Laman web yang menggunakan tag 'div' dan CSS menghasilkan kod yang lebih bersih. Kod pembersih ini membolehkan perayap mesin carian membaca kandungan sebenar.

Disyorkan: