Сайт дээр хэрхэн дэвсгэр нэмэх вэ

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

Сайт дээр хэрхэн дэвсгэр нэмэх вэ
Сайт дээр хэрхэн дэвсгэр нэмэх вэ

Видео: Сайт дээр хэрхэн дэвсгэр нэмэх вэ

Видео: Сайт дээр хэрхэн дэвсгэр нэмэх вэ
Видео: Powerpoint дээр background буюу дэвсгэр ая оруулах 2024, Арваннэгдүгээр
Anonim

Ашигласан дизайнаас хамааран вэб хуудасны эх кодын арын дэвсгэрийг өнгө тодорхойлох, эсвэл байршлын параметрүүдийг нэмж зургийн файлд холбох замаар тохируулж болно. Үүнийг шууд HTML хаягууд, эх сурвалжийн толгой хэсэгт байрлах тусдаа CSS блок эсвэл хэв маягийн тодорхойлолттой тусад нь файл хэлбэрээр хийж болно.

Сайт дээр хэрхэн дэвсгэр нэмэх вэ
Сайт дээр хэрхэн дэвсгэр нэмэх вэ

Зааварчилгаа

1-р алхам

Хуудасныхаа арын дэвсгэрийг тохируулахын тулд сайт дээрээ ашигладаг блокийн эх кодыг нээнэ үү. Аливаа хяналтын системийг ашиглахдаа энэ блокыг тусдаа файлд хуваарилдаг. Хяналтын систем нь өөрөө хөтөч дээр шууд засах хэрэгсэлтэй байдаг. Тодорхой системээс хамааран энэ процедурыг янз бүрийн аргаар зохион байгуулж болно - жишээлбэл, хуудасны редактороор дамжуулан. Хэрэв та хяналтын системийг ашигладаггүй бол харгалзах файлыг компьютер дээрээ татаж аваад дурын редактор дээр нээх хэрэгтэй. Мэргэшсэн HTML редактор ашиглах нь дээр, гэхдээ та хамгийн энгийн Notepad ашиглаж болно.

Алхам 2

Хуудасны арын дэвсгэр нь зураг биш харин өнгө байх ёстой бол өнгөт сүүдэрийг харуулсан bgcolor шинж чанарыг биеийн шошгон дээр нэмнэ үү. Жишээлбэл:

Энд харанхуй улбар шар өнгө дэвсгэр болно. Сүүдрийн текст ("mnemonic")) нэр болгоныг хөтөч таних боломжгүй тул арван зургаатын өнгөний кодыг ашиглах нь дээр. Жишээлбэл, FF8C00 код нь хар улбар шар өнгөтэй тохирч байна.

Алхам 3

Үндсэн дэвсгэр дээр bgcolor-ийн оронд дэвсгэрийн шинж чанарыг ашиглана уу, хэрэв дэвсгэрийг өнгө биш харин дүрсээр тохируулах бол. Жишээлбэл, арын зурагтай файлыг bgPic

Алхам 4

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

их бие {дэвсгэр өнгө: DarkOrange;}

Та дараахь хэв маягийн тодорхойлолттой дэвсгэр зургийг тохируулж болно.

body {background: # FF8C00 url (images / bgPic.gif) давталт-y;}

Энд зурагтай холбоосоос гадна арын өнгө (# FF8C00) -ийг мөн зааж өгсөн болно - хэрэв хуудсан дээр арын зурагт ороогүй газрууд байвал тэдгээрийг энд заасан өнгөт сүүдэрт будна. Repeat-y параметр нь арын зургийн давталтыг босоо байдлаар (Y тэнхлэгийн дагуу) зааж өгдөг. Хэрэв та зургийг хэвтээ байдлаар давтах шаардлагатай бол давталт-x утгыг ашиглаж, хэв маягийг давтахыг хориглох хэрэгтэй. Та HTML кодын гарчгийн хэсгийг хаасан тагны өмнө хэв маягийн тодорхойлолтыг байрлуулж болно.

Алхам 5

Хуудасны редакторт оруулсан өөрчлөлтийг хадгалах эсвэл татаж авсан файлыг хадгалан сервер рүү буцааж байршуулах.

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