Div дээр энгийн вэб хуудсыг хэрхэн яаж хийх вэ: 4 алхам (зурагтай)

Агуулгын хүснэгт:

Div дээр энгийн вэб хуудсыг хэрхэн яаж хийх вэ: 4 алхам (зурагтай)
Div дээр энгийн вэб хуудсыг хэрхэн яаж хийх вэ: 4 алхам (зурагтай)

Видео: Div дээр энгийн вэб хуудсыг хэрхэн яаж хийх вэ: 4 алхам (зурагтай)

Видео: Div дээр энгийн вэб хуудсыг хэрхэн яаж хийх вэ: 4 алхам (зурагтай)
Видео: SCP-1730 гэж юу вэ Сайтын-13 юу тохиолдсон бэ? 2024, Дөрөвдүгээр сар
Anonim

Хэрэв танд сайт байгаа бол CSS болон div хаягийг ашиглан түүний загварыг судлах нь танд болон таны вэбсайтын бизнесийг нэг алхам урагшлуулах болно. Хялбар засвар үйлчилгээ, хурдан ачаалах, хайлтын системд ээлтэй шинж чанарууд нь танд илүү сайн маркетингийн стратегийн давуу талыг өгөх болно.

Алхам

Алхам 1. 'div' шошгыг үндсэндээ вэбсайтын хуудасны тусдаа хэсэг, хэлтэс байгуулахад ашигладаг гэдгийг мэдэж аваарай

Энэ нь "XHTML" дэх хамгийн хүчирхэг элементүүдийн нэг юм, учир нь "CSS" ашиглан вэб хуудасны дизайныг байрлуулах шаардлагатай байна. Энгийнээр хэлбэл, энэ үйл явц нь зохион байгуулалт, байршлын хүснэгт ашиглахгүйгээр сайтуудыг хэрэгжүүлэх гэсэн үг юм.

Алхам 2. Загварын хуудас үүсгэх - 'Div' хаягууд нь вэбсайтын дизайныг өгөгдлөөс хараат бус байлгах боломжийг олгодог загварын хуудсыг ашигладаг

Өнгө, фонт, өргөн, өндөр, зохион байгуулалт, мөр, баганын байршил бүхий дэвсгэр зураг төслийг хэв маягийн хүснэгтэд оруулах боломжтой бөгөөд зөвхөн div код болон бодит хуудсан дээрх мэдээллийг үлдээх боломжтой.

  • Та загварын хүснэгтийг өөр баримт бичиг болгон үүсгэж, дараа нь холбож болно. Шинэ тэмдэглэлийн дэвтэр нээгээд кодоо бичээд ".css" өргөтгөл дор хадгална уу.
  • CSS-ийн шинж чанарууд нь "дэвсгэр өнгө", "өндөр", "өргөн", "хөвөх", "цэвэрлэх" зэрэг ашигтай байдаг.

Алхам 3. Загварын хүснэгтийг холбох - Та загварын хуудсыг линк хаягийг ашиглан холбож болно

Үүнийг вэбсайтынхаа "толгой" хэсэгт ашиглах ёстой. жишээ нь. Та энэ жишээн дээр "зам" гэж бичсэн газарт өөрийн CSS файлын замыг бичих ёстой.

Div 1 -р алхам дээр энгийн вэб хуудас бүтээх
Div 1 -р алхам дээр энгийн вэб хуудас бүтээх
Div 2 -р алхам дээр энгийн вэб хуудас бүтээх
Div 2 -р алхам дээр энгийн вэб хуудас бүтээх
Div 3 -р алхам дээр энгийн вэб хуудас бүтээх
Div 3 -р алхам дээр энгийн вэб хуудас бүтээх

Алхам 1. Div хаягууд эсвэл хүснэгтгүйгээр ашиглахын давуу талыг ойлгох

  • Сайтуудыг ачаалах нь илүү хурдан болдог. 'Div' шошго дээр суурилсан вэбсайтууд нь браузерыг маш хөнгөн байдлаар хийдэг тул илүү хурдан ажиллуулах боломжийг олгодог. 'Div' нь Cascading загварын хүснэгтүүдээр хянагддаг тул файлын хэмжээг хамгийн бага хэмжээнд байлгахад кодчилол бага шаардагддаг.
  • 'Div' нь бүх хайлтын системд ээлтэй байдаг - CSS дээр суурилсан вэбсайтууд нь хайлтын системийн оновчлолд ээлтэй байдаг бөгөөд эдгээр нь вэб дизайнерын үндсэн нийтлэлүүдийг хадгалах боломжийг олгодог бөгөөд хайлтын системүүд үндсэн агуулгыг илүү хялбар олох боломжийг олгодог.
  • 'Div' хаяг дээр суурилсан вэбсайт нь зурвасын өргөнийг хэмнэдэг. Хүснэгтгүй вэбсайт нь файлын хэмжээ багатай бөгөөд энэ нь таны зурвасын өргөнийг хэмнэдэг гэсэн үг юм. Хэрэв танд ачаалал ихтэй сайт байгаа бол хуудас бүрийг зочлогчид үзэж байгаа бол хүснэгт байхгүй бол зурвасын өргөнийг хэмнэх болно. Энэ хэмнэгдсэн зурвасын өргөн нь тодорхой хугацаанд эсвэл сарын эцэст ашигтай байж магадгүй юм.
  • Цэвэр код - 'div' хаягууд болон CSS ашигладаг вэбсайтууд илүү цэвэр код үүсгэдэг. Энэхүү цэвэр код нь хайлтын системийн мөлхөгчдөд бодит агуулгыг унших боломжийг олгодог.

Зөвлөмж болгож буй: