Div -da oddiy veb -sahifani qanday loyihalash mumkin: 4 qadam (rasmlar bilan)

Mundarija:

Div -da oddiy veb -sahifani qanday loyihalash mumkin: 4 qadam (rasmlar bilan)
Div -da oddiy veb -sahifani qanday loyihalash mumkin: 4 qadam (rasmlar bilan)

Video: Div -da oddiy veb -sahifani qanday loyihalash mumkin: 4 qadam (rasmlar bilan)

Video: Div -da oddiy veb -sahifani qanday loyihalash mumkin: 4 qadam (rasmlar bilan)
Video: INSTAGRAMNI BUZIB KIRISH || INSTAGRAM AKKAUNTNI BUZIB KIRISH 2024, May
Anonim

Agar sizda sayt bo'lsa, uning dizaynini CSS va div teglari yordamida o'rganish sizni va veb -saytingiz biznesini bir qadam oldinga olib chiqishi mumkin. Qulay xizmat ko'rsatish, tezroq yuklash va qidiruv tizimiga qulay xususiyatlar sizga yaxshiroq marketing strategiyasini beradi.

Qadamlar

Qadam 1. Bilingki, "div" yorlig'i asosan veb -sayt sahifasining alohida bo'limlari yoki bo'linmalarini yaratish uchun ishlatiladi

Bu "XHTML" ning eng kuchli elementlaridan biridir, chunki "CSS" yordamida veb -sahifa dizaynini joylashtirish kerak. Oddiy so'zlar bilan aytganda, bu jarayon jadvallarni joylashtirish va joylashtirish uchun ishlatilmaydigan saytlarni joriy qilishni anglatadi.

2 -qadam. Uslublar varag'ini yarating - "Div" teglari uslublar jadvalidan foydalanadi, bu saytning veb -dizaynini ma'lumotlardan mustaqil bo'lishiga imkon beradi

Ranglar va shriftlar, kenglik, balandlik, tartib va qatorlar yoki ustunlarning joylashuvi bilan fonlarni loyihalash uslublar jadvaliga kiritilishi mumkin, faqat div kodi va haqiqiy sahifalarda ma'lumot qoldiriladi.

  • Siz uslublar jadvalini boshqa hujjat sifatida yaratishingiz va keyin bog'lashingiz mumkin. Yangi bloknot hujjatini oching, kodingizni yozing va ".css" kengaytmasi ostida saqlang.
  • CSS-ning "fon rangi", "balandligi", "kengligi", "suzish" va "aniq" xususiyatlari juda foydali.

3 -qadam. Uslublar jadvalini bog'lash - Siz uslublar jadvalini havola yorlig'i yordamida bog'lashingiz mumkin

Buni veb -saytingizning "bosh" bo'limida ishlatish kerak. masalan. CSS -faylingizning yo'lini ushbu misolda "yo'l" yozilgan joyga yozishingiz kerak.

1 -bosqichda oddiy veb -sahifani loyihalash
1 -bosqichda oddiy veb -sahifani loyihalash
2 -bosqichda oddiy veb -sahifani loyihalash
2 -bosqichda oddiy veb -sahifani loyihalash
3 -bosqichda oddiy veb -sahifani loyihalash
3 -bosqichda oddiy veb -sahifani loyihalash

Qadam 1. Div teglari yoki jadvalsiz foydalanishning afzalliklarini tushuning:

  • Saytlarni yuklash tezlashadi. "Div" teglariga asoslangan veb -saytlar brauzerlarning ishlashini osonlashtiradi, chunki ular juda yengil. "Div" kaskadli uslublar jadvallari orqali boshqariladi, shuning uchun fayl hajmini minimal darajada ushlab turishga yordam beradigan kamroq kodlash kerak.
  • "Div" barcha qidiruv tizimlari uchun qulay - CSS -ga asoslangan veb -saytlar qidiruv tizimini optimallashtiradi, chunki ular veb -dizaynerga asosiy maqolalarni tepada saqlashga imkon beradi, bu esa qidiruv tizimlariga asosiy tarkibni osonroq topishga imkon beradi.
  • "Div" yorlig'iga asoslangan veb -sayt tarmoqli kengligini tejaydi. Jadvalsiz veb-sayt kichikroq fayl hajmiga ega, bu sizning tarmoqli kengligingizni tejashini anglatadi. Agar sizda har bir sahifani tashrif buyuruvchilar ko'rib chiqadigan katta trafik saytingiz bo'lsa, siz jadvallarsiz tarmoqli kengligi hajmini tejaysiz. Saqlangan tarmoqli kengligi miqdori ma'lum vaqt davomida yoki oy oxirida foydali bo'lishi mumkin.
  • Toza kod - "div" teglari va CSS -dan foydalanadigan veb -saytlar toza kodni yaratadi. Bu toza kod qidiruv tizimlarining skanerlariga haqiqiy tarkibni o'qishga ruxsat beradi.

Tavsiya: