Арын дэвсгэр (англи хэлнээс орчуулсан - "арын дэвсгэр") нь вэб сайтын дэвсгэр юм. Энэ нь вэб нөөцийн гаднах дизайн бөгөөд энэ нь зочдын анхаарлыг хоёрдогч агуулгад сатааралгүйгээр үндсэн нарийн ширийн зүйлд төвлөрүүлэх боломжийг олгодог. Сайтын дэвсгэр зураг нь сүүлийнх нь илүү хувь хүн болгож, тусгай семантик ачааллыг өгдөг. Сайтын сэтгэлийн байдал нь түүний суурь юм. Энэ нь юу өгөх вэ? Арын дэвсгэр өнгө нь хэрэглэгчид болон хэрэглэгчдэд нөлөөлдөг гэдгийг олон хүн мэддэг бөгөөд зөвийг нь сонгох нь сайт руу чиглэсэн урсгалыг нэмэгдүүлэхэд тусална. Хамгийн алдартай утгуудын дотроос: шар нь баяр баясгалан, аз жаргал, дулаан, цагаан нь цэвэр ариун байдал, итгэл, амар амгалангийн өнгө, улаан бол маркетингийн өнгө, хар нь тод өнгөний нөлөөг арилгах чадвартай, хүч чадлын бэлгэдэл юм.
Вэб хуудасны дэвсгэрийн тухай
Тэгэхээр цаана нь юу байдгийг бид олж мэдсэн. Хэрэглэгчдийн сайтын талаарх ойлголт бүхэлдээ ийм жижиг зүйлээс хамаардаг. Эцсийн эцэст энэ нь сүлжээн дэх ижил төстэй олон эх сурвалжаас ялгахад тусалдаг. Вэбмастерууд вэбсайтын дэвсгэр зургийг гараар хийдэг байсныг тэмдэглэх нь зүйтэй. Одоо үзэсгэлэнтэй дэвсгэрийг бий болгоход туслах олон тусгай үйлчилгээ байдаг. Мэдээжийн хэрэг, хэн ч хориглодоггүйҮүнийг гараар хийх боловч орчин үеийн суурь генераторууд үүнийг хурдан бөгөөд үнэ төлбөргүй хийхэд тусална. Та нийтлэлээс сайтын бэлэн дэвсгэр зургийн жишээг олж болно.
Вэб сайтын дэвсгэр ямар байх ёстой вэ?
Сайтын дэвсгэр зургийг (өөрөөр хэлбэл дэвсгэр зургийг) вэбмастер өөрийн хүслээр сонгодог боловч бүхэл бүтэн нөөцийн талаарх ойлголт үүнээс хамаарна гэдгийг анхаарах хэрэгтэй. Бүх зүйлийг хэтэрхий харанхуй болгож, тод өнгөөр бүү тодруул. Текст нь ойлгомжтой, ойлгомжтой байх ёстой. Арын дэвсгэр дээр хар өнгө тавих шаардлагагүй. Үүний шалтгаан юу вэ? Статистик мэдээллээс харахад хар өнгийн сайтын урсгал ихэвчлэн бага байдаг ч энэ өнгө нь дэлгэцийн ашиглалтын хугацааг уртасгадаг. Цайвар өнгөтэй зургууд арын дэвсгэр дээр илүү тохиромжтой.
Вэб хуудсанд дэвсгэр өнгө нэмэх аргууд
Сайтын дэвсгэр өнгийг тохируулахын тулд та HTML баримтын тодорхойлогчтой мөрөнд BGCOLOR хэмээх параметрийг нэмж, түүнд хүссэн утгыг оноох шаардлагатай (энэ нь сайт дээрх өнгөний нэр байх болно. Англи хэл, жишээлбэл, НОГООН, УЛААН, ШАР гэх мэт) эсвэл өнгөт код (oo8ooo - ногоон, FFoooo - улаан гэх мэт). Хөтөч нь эдгээр хоёр сонголтыг хоёуланг нь таньдаг. Өнгөний кодыг Photoshop эсвэл Macromedia Dreamweaver зэрэг тусгай программ эсвэл засварлагчаас олж болно.
Бүтэц бүхэлдээ: байх болно
Та мөн адил өнгөт кодыг ашиглаж болно:
Таны харж байгаагаар энэ нь амархан. Вэб нөөцийн дэвсгэр зураг үүсгэх аргуудыг авч үзье.
Дэвсгэр зураг нэмэх арга
Урьд дурьдсанчлан үгийн утга"арын дэвсгэр" нь вэб нөөцийн дэвсгэр юм. Үүний үүргийг том график файл (гэхдээ дараа нь хуудас илүү удаан ачаалах болно), тэр ч байтугай түүний фрагмент ч гүйцэтгэж болох бөгөөд энэ нь ачаалах хугацааны хувьд илүү практик юм. Хэрэв зургийн фрагмент ашигласан бол хөтчөөр бүх талбарт автоматаар үржүүлдэг тул ирмэгийн дагуу өөртэйгөө тохирох хэсгийг сонгох нь дээр. Та HTML хуудсанд арын дэвсгэр зургийг дараах байдлаар оруулж болно:
Энэ тохиолдолд BACKGROUND параметрийг images-g.webp
Хоёр түвшнийг харуулж байна:
BACKGROUND=FolderA/FolderB/images.gif
Лавлахын хоёр түвшин дээшилсэн:
АРГА БАЙДАЛ=../../images.gif
Бүтэн зам (URL) - БҮРДҮҮЛЭГ=(бүтэн зургийн хаяг)
Төөрөгдөл гаргахгүйн тулд бүтэн үсгийг ашиглахыг зөвлөж байна. Хамгийн гол нь дэвсгэр зураг нь хэтэрхий цайвар биш, бас нэг их анхаарал татахгүй байх явдал юм. Таны харж байгаагаар бид "арын дэвсгэр" гэсэн ойлголтын утгыг авч үзсэн, энэ нь юу болохыг та одоо мэдэж байна. Одоо дээр дурьдсан зарим үнэгүй вэб сайтын дэвсгэр үүсгэгчийг харцгаая.
Үнэгүй дэвсгэр үүсгэгч
Үнэгүй дэвсгэр үүсгэгчдийн дундвэб сайтуудыг дараах байдлаар ялгаж болно:
- PatternCooler.com сайтаас та ямар ч өнгө, бүтэцтэй олон тооны үнэгүй дэвсгэр зургийг олох болно. Энд хамгийн шилдэг дэвсгэр зургуудаас гадна бэлэн фоноос сэдэвчилсэн дэвсгэр үүсгэх чадварууд энд байна.
- BgPatterns.com дээр та өөрийнхөө дэвсгэрийг үүсгэж болно. Эндээс та тодорхой дэвсгэр өнгө дээрх янз бүрийн загвараас сонгох боломжтой.
- Colorloverc.com генератор нь энгийн генератороос илүү юм. Эцсийн эцэст энэ бол бүхэл бүтэн төсөл бөгөөд энэ нь нийгмийн сэтгэл хөдлөлийг агуулдаг. Эндээс та дизайнерууд болон хөгжүүлэгчдийн блогын холбоосыг ихэвчлэн харж болно. Та зурсан зургаа хуваалцаж, мөн сайхан дэвсгэр үүсгэхийн тулд засаж болно.
- Pixelknete.de дээр та өөр өөр өнгийн цэгүүдээс үзэсгэлэнтэй дэвсгэр үүсгэх боломжтой.
- Dynamicdrive.com нь танд өөр өөр өнгөөр гоёмсог дэвсгэр градиент үүсгэх боломжийг олгодог.
- Tilemachine.com нь бүх генераторуудаас зарим нэг минимализмаараа ялгаатай. Тэрээр хүүхдийн вэб сайтын дэвсгэр зургийг санал болгодог.
Иймэрхүү үйлчилгээг ашигласнаар таны цаг хугацаа хэмнэгдэх ч вэб сайтдаа гоё дэвсгэр зураг үүсгэх болно.
WordPress сайтуудын дэвсгэр зураг
Хамгийн алдартай вэб сайт бол WordPress юм. Энэ нь үнэ төлбөргүй бөгөөд хүчирхэг програмистуудын баг үүнийг байнга сайжруулж байдаг тул энэ нь гайхах зүйл биш юм. Хамгийн гол нь үүн дээр та сайтын зургийг автоматаар "оролдох" боломжтой юм:
- Үүнийг хийхийн тулд дээр дурдсан дэвсгэр үүсгэх үйлчилгээнүүдийн аль нэгийг сонгоно уу.
- Үрсэн зургийг компьютер дээрээ хадгал.
- WordPress-ын админ самбар руу ороод "Гадаад төрх" - "Арын дэвсгэр" - "Зураг байршуулах" - "Хадгалах" хэсгийг олоорой.
Гуравхан алхам хийхэд арын дэвсгэр бэлэн боллоо! Таны харж байгаагаар үзэсгэлэнтэй дэвсгэр нэмэх нь тийм ч хэцүү зүйл биш бөгөөд гол зүйл бол зөв өнгөний схем, дэвсгэр зургийг сонгох явдал юм.