Div -də sadə bir veb səhifəni necə tərtib etmək olar: 4 addım (şəkillərlə)

Mündəricat:

Div -də sadə bir veb səhifəni necə tərtib etmək olar: 4 addım (şəkillərlə)
Div -də sadə bir veb səhifəni necə tərtib etmək olar: 4 addım (şəkillərlə)

Video: Div -də sadə bir veb səhifəni necə tərtib etmək olar: 4 addım (şəkillərlə)

Video: Div -də sadə bir veb səhifəni necə tərtib etmək olar: 4 addım (şəkillərlə)
Video: Telefonunuz üçün 15 super kod 2024, Bilər
Anonim

Bir saytınız varsa, CSS və div etiketlərindən istifadə edərək dizaynını araşdırmaq sizi və veb sayt işinizi bir addım irəli apara bilər. Asan texniki xidmət, daha sürətli yükləmə və axtarış sisteminə uyğun xüsusiyyətlər sizə daha yaxşı marketinq strategiyasından faydalar verəcək.

Addımlar

Addım 1. Bilin ki, 'div' etiketi əsasən veb sayt səhifəsinin ayrı sahələrini və ya bölmələrini yaratmaq üçün istifadə olunur

Bu, "XHTML" in son dərəcə güclü elementlərindən biridir, çünki "CSS" istifadə edərək veb səhifənin dizaynını yerləşdirmək lazımdır. Sadə sözlə, bu proses, plan və yerləşdirmə üçün cədvəllərdən istifadə etməyən saytların tətbiq edilməsi deməkdir.

Addım 2. Bir Stil Cədvəli yaradın - 'Div' etiketləri, saytın veb dizaynının məlumatlardan asılı olmamasına imkan verən üslub cədvəllərindən istifadə edir

Rəng və yazı tipləri, eni, hündürlüyü, düzeni və satırların və ya sütunların yerləşdirilməsi ilə arxa planların tərtib edilməsi, hamısı faktiki səhifələrdə yalnız div kodu və məlumat buraxaraq üslub cədvəllərinə daxil edilə bilər.

  • Başqa bir sənəd olaraq üslub cədvəli yarada və sonra əlaqələndirə bilərsiniz. Yeni bir notepad sənədi açın, kodunuzu yazın və ".css" uzantısı altında saxlayın.
  • Çox faydalı olan CSS xüsusiyyətləri "fon rəngi", "hündürlük", "en", "üzmək" və "aydın".

Addım 3. Stil cədvəlini bağlayın - Bağlantı etiketindən istifadə edərək üslub cədvəlini bağlaya bilərsiniz

Bu, veb saytınızın "baş" bölməsində istifadə edilməlidir. məs.. bu nümunədə "yol" yazıldığı yerə CSS faylınızın yolunu yazmalısınız.

Div Addım 1 -də sadə bir veb səhifəsi hazırlayın
Div Addım 1 -də sadə bir veb səhifəsi hazırlayın
Div Adım 2 -də sadə bir veb səhifəsi hazırlayın
Div Adım 2 -də sadə bir veb səhifəsi hazırlayın
Div Adım 3 -də sadə bir veb səhifəsi hazırlayın
Div Adım 3 -də sadə bir veb səhifəsi hazırlayın

Addım 1. Div etiketlərindən və ya cədvəlsiz istifadənin faydalarını anlayın:

  • Saytların yüklənməsi daha sürətli olur. 'Div' etiketlərinə əsaslanan veb saytlar, brauzerləri çox yüngül hala gətirdikləri üçün daha sürətli işləməsini təmin edir. 'Div' Cascading üslub cədvəlləri vasitəsilə idarə olunur və buna görə də fayl ölçüsünü minimumda saxlamağa kömək edən daha az kodlaşdırmaya ehtiyac var.
  • 'Div' bütün axtarış motorları üçün əlverişlidir - CSS əsaslı veb saytlar, axtarış motorlarının əsas məzmunları daha asan tapmasına imkan verən əsas məqalələri yuxarıda saxlamağa imkan verdikləri üçün axtarış motoru optimallaşdırması üçün əlverişlidir.
  • 'Div' etiketinə əsaslanan veb sayt, bant genişliyini saxlayır. Cədvəlsiz bir veb saytın daha kiçik fayl ölçüsü var, bu da bant genişliyinizi qənaət edir. Hər bir səhifəyə sayt ziyarətçiləri tərəfindən baxılan böyük bir trafik saytınız varsa, masalar olmadan bant genişliyinə qənaət etməlisiniz. Bu qənaət edilmiş bant genişliyi miqdarı bir müddət ərzində və ya ayın sonunda faydalı ola bilər.
  • Təmiz Kod - 'div' etiketləri və CSS istifadə edən veb saytlar daha təmiz kod yaradır. Bu təmiz kod, axtarış motorlarının tarayıcılarına əsl məzmunu oxumağa imkan verir.

Tövsiyə: