Вэбсайтны арын дэвсгэрийг хэрхэн нэмэх вэ: 14 алхам (зурагтай)

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

Вэбсайтны арын дэвсгэрийг хэрхэн нэмэх вэ: 14 алхам (зурагтай)
Вэбсайтны арын дэвсгэрийг хэрхэн нэмэх вэ: 14 алхам (зурагтай)

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

Видео: Вэбсайтны арын дэвсгэрийг хэрхэн нэмэх вэ: 14 алхам (зурагтай)
Видео: Откройте почтовый ящик Gmail = Заработайте 330 долларов (пр... 2024, Дөрөвдүгээр сар
Anonim

Цаана нь вэбсайтын хамгийн чухал элементүүдийн нэг юм. Сайн дэвсгэр нь вэбсайтын өнгө аясыг бий болгож, агуулгыг нөхөж өгдөг. Арын дэвсгэрийг нэмэх олон арга байдаг бөгөөд тус бүр нь өөр өөр зорилготой байдаг. Зарим аргууд нь вэбсайтын бүх хуудсан дээр арын дэвсгэрийг ашиглах боломжийг олгодог бол зарим нь зөвхөн тодорхой хуудсан дээр фоныг хязгаарладаг. Энэ нийтлэлд HTML эсвэл CSS ашиглан вэбсайтдаа хэрхэн дэвсгэр оруулахыг зааж өгнө.

Алхам

2 -ийн 1 -р арга: HTML арга

Хатуу өнгөт дэвсгэр

Вэбсайтанд суурь мэдээлэл нэмэх 1 -р алхам
Вэбсайтанд суурь мэдээлэл нэмэх 1 -р алхам

Алхам 1. Хатуу өнгөтэй дэвсгэр бол вэбсайт дээр байрлуулж болох хамгийн үндсэн дэвсгэр төрөл юм

Үнэн хэрэгтээ вэбсайт бүр анхдагч цагаан дэвсгэрээс эхэлдэг. Гэсэн хэдий ч, цагаан дэвсгэр нь эв найртай өнгөний схемийг ашиглахад маш гоёмсог, цэвэрхэн харагдаж чаддаг бол өөр өнгөт дэвсгэрийг өөр өөр сэдвээр сонгож болно.

Вэбсайтанд суурь мэдээлэл нэмэх 2 -р алхам
Вэбсайтанд суурь мэдээлэл нэмэх 2 -р алхам

Алхам 2. Вэб кодоо (эх сурвалж) нээнэ үү

Вэбсайтад суурь мэдээлэл нэмэх 3 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 3 -р алхам

Алхам 3. Биеийн шошгон дээр bgcolor гэж нэрлэгдэх шинж чанарыг нэмнэ үү

Одоо таны биеийн шошго ийм байх ёстой-

энд COLORNAME бол өнгөний нэр юм. COLORNAME-ийг олон төрлийн өнгөний төлөөлөгчөөр дүүргэж болно.

  • (өнгөний нэр)
  • (Hex утга)
  • (RGB утга)
Вэбсайтад суурь мэдээлэл нэмэх 4 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 4 -р алхам

Алхам 4. RGB ба # дээр туршилт хийх нь олон сүүдэрт хүргэж болох ч та эхний хялбар аргыг сонгож болно

Гэхдээ ер бусын өнгө "Ultramarine Bluish Green" гэж бичвэл цагаан өнгөтэй болно гэдгийг санаарай.

Арын дэвсгэр зураг нэмж байна

Арын дэвсгэр зураг нэмэх нь хатуу өнгийн дэвсгэрээс арай илүү төвөгтэй юм

Вэбсайтад суурь мэдээлэл нэмэх 5 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 5 -р алхам

Алхам 1. Биеийн шошгон дээр арын өмчийг нэмээрэй.

SRC нь зургийн эх сурвалж юм SRC нь нэг хавтас эсвэл өөр хавтас/вэб хуудсан дээр байж болно.

  • (нэг хавтсанд)
  • (өөр хавтас дотор)
  • (өөр вэб хуудсан дээр)
Вэбсайтад суурь мэдээлэл нэмэх 6 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 6 -р алхам

Алхам 2..gif /-j.webp" />

2 -ийн 2 -р арга: CSS арга

Вэбсайтад суурь мэдээлэл нэмэх 6 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 6 -р алхам

Хатуу өнгөт дэвсгэр

Вэбсайтанд суурь мэдээлэл нэмэх 7 -р алхам
Вэбсайтанд суурь мэдээлэл нэмэх 7 -р алхам

Алхам 1. CSS дээр хатуу өнгөтэй дэвсгэр нэмэхийн тулд загварын шинж чанарыг нэмнэ үү

Та мөн ID болон Ангилал өгч гадаад болон дотоод загварын хүснэгтийг ашиглаж болно.

Вэбсайтад суурь мэдээлэл нэмэх 8 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 8 -р алхам

Алхам 2. Таны биеийн шошго ийм байх ёстой.

COLORNAME нь өнгө, зургаан өнцөгт утга эсвэл RGB -ийн нэр юм (HTML дээрх хатуу өнгийн дэвсгэрийн сүүлийн алхмуудыг санаарай, энд бас хамаарна).

Зураг нэмж байна

Вэбсайтад суурь мэдээлэл нэмэх 9 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 9 -р алхам

Алхам 1. Зураг нэмэхийн тулд загварын хаягийг body tag дээр нэмнэ үү

Та мөн ID болон Ангилал өгч гадаад болон дотоод загварын хүснэгтийг ашиглаж болно.

Вэбсайтад суурь мэдээлэл нэмэх 10 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 10 -р алхам

Алхам 2. Таны биеийн шошго иймэрхүү харагдах ёстой

Вэбсайтад суурь мэдээлэл нэмэх 11 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 11 -р алхам

Алхам 3. SRC бол эх сурвалж гэдгийг санаарай

Энэ нь нэг хавтас, өөр хавтас эсвэл өөр вэб хуудаснаас байж болно.

  • (нэг хавтсанд)
  • (өөр хавтас дотор)
  • (өөр вэб хуудсан дээр).
Вэбсайтад суурь мэдээлэл нэмэх 12 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 12 -р алхам

Алхам 4..extensions -ийг нэмж оруулахаа бүү мартаарай

Дахин хээтэй дэвсгэр зураг

Вэбсайтад суурь мэдээлэл нэмэх 13 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 13 -р алхам

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

Таны биеийн шошгыг одоо дараах байдлаар өөрчлөх ёстой.

Давтагдах тохиргоо нь тохиргоо юм. Олон давталтын тохиргоо байж болно, жишээ нь:

  • (Арын дэвсгэр нь босоо болон хэвтээ байдлаар давтагдах болно.)
  • (Арын дэвсгэр хэвтээ байдлаар давтагдах болно.)
  • (Арын дэвсгэр нь босоо байдлаар давтагдах болно.)

Зургийн суурь дэвсгэр

Вэбсайтад суурь мэдээлэл нэмэх 14 -р алхам
Вэбсайтад суурь мэдээлэл нэмэх 14 -р алхам

Алхам 1. Тогтсон зургийн арын дэвсгэр нь дажгүй харагдаж байгаа бөгөөд доошоо гүйлгэх үед өөрчлөгдөхгүй

Үүнийг хийхийн тулд та дээрх хэсэгт байгаа кодын талаар энгийн тохируулга хийх хэрэгтэй. Биеийн шошгыг ингэж харагдуулахын тулд тохиргоог хий.

SRC нь арын зургийн эх сурвалж, POSITION нь зургийн байрлал юм (энэ нь төвөөс баруун дээд хүртэл хэлбэлзэж болно); дэвсгэр хавсралт нь энэ дэвсгэр хэлбэрийн гол "катализатор" юм. Энэ нь арын байрлалыг хэлэхэд хэрэглэгддэг бөгөөд үүнийг өөрчлөхгүй байхыг зөвлөж байна.

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