Фон (англис тилинен которгондо - "фон") веб-сайттын фону. Бул веб-ресурстун корпусунун тышкы дизайны, ал экинчи даражадагы мазмунга алаксыбай, коноктордун көңүлүн негизги деталдарга бурууга мүмкүндүк берет. Сайттын фонунун сүрөтү акыркыны көбүрөөк индивидуалдык кылат жана ага өзгөчө семантикалык жүктү берет. Сайттын маанайы анын фонунда. Ал эмне берет? Көптөр фон түсү керектөөчүлөргө жана колдонуучуларга таасирин тийгизерин билишет жана туурасын тандоо сайтка трафикти тартууга жардам берет. Эң белгилүү маанилердин арасында: сары – кубанычтын, бакыттын жана жылуулуктун түсү, ак – тазалыктын, ыймандын жана бейпилдиктин түсү, кызыл – маркетингдин түсү, кара – ачык түстөрдүн таасирин өчүрүүгө жөндөмдүү жана күчтүн символу.
Вебсайттын фону жөнүндө
Демек, фон эмне экенин билдик. Колдонуучулар тарабынан сайттын бүт кабылдоосу мындай көрүнгөн майда-чүйдөсүнөн көз каранды. Анткени, бул тармактагы көптөгөн окшош ресурстардан айырмалоого жардам берет. Белгилей кетсек, веб-мастерлер веб-сайттар үчүн кол менен фону түзүшчү. Азыр кооз фон түзүүгө жардам берген көптөгөн атайын кызматтар бар. Албетте, эч ким тыюу салбайтаны кол менен жасаңыз, бирок заманбап фон генераторлору муну тез жана бекер кылууга жардам берет. Сайт үчүн даяр фондун мисалдарын макаладан таба аласыз.
Веб-сайттын фону кандай болушу керек?
Сайттын фонун (башкача айтканда, фон сүрөтүн) веб-мастер өз каалоосу боюнча тандайт, бирок бүтүндөй ресурсту кабыл алуу андан көз каранды болорун эске алуу керек. Баарын өтө караңгы кылбаңыз же ачык түстөр менен баса бербеңиз. Текст түшүнүктүү жана көрүнөө болушу керек. Фонго кара коюунун кереги жок. Мунун себеби эмнеде? Статистикага ылайык, бул түс монитордун иштөө мөөнөтүн узартат, бирок кара тондордо сайт трафиги көбүнчө төмөн. Жарык тондору бар сүрөттөр фонго көбүрөөк ылайыктуу.
Веб-баракчага фон түсүн кошуунун жолдору
Сайттын фонунун түсүн коюу үчүн HTML документиңиздеги дескриптору бар сапка BGCOLOR деп аталган параметрди кошуп, ага керектүү маанини ыйгарышыңыз керек (бул түстүн аталышы болот Англисче, мисалы, GREEN, RED, YELLOW ж.б.) же түс коду (oo8ooo - жашыл, FFoooo - кызыл ж.б.). Браузер бул эки вариантты тең тааныйт. Түс кодун Photoshop же Macromedia Dreamweaver сыяктуу атайын программалардан же редакторлордон тапса болот.
Бүт структура болот:
Сиз ошондой эле түс кодун колдоно аласыз:
Көрүп тургандай, бул оңой. Веб-ресурс үчүн фон сүрөтүн түзүү ыкмаларын карап көрүңүз.
Фон сүрөтүн кошуунун жолдору
Айтылгандай, сөздүн мааниси"фон" - бул веб-ресурстун фону. Анын ролун чоң графикалык файл ойной алат (бирок андан кийин барак жайыраак жүктөлөт) жана ал тургай жүктөө убактысы жагынан практикалык анын фрагменти да аткара алат. Эгерде сүрөттүн фрагменти колдонулса, анда ал автоматтык түрдө браузер тарабынан бүт талаага көбөйтүлөт, андыктан четинен өзүнө туура келген бөлүгүн тандап алганыңыз оң. Фондук сүрөттү HTML барагына төмөнкүдөй кыстара аласыз:
Мында, BACKGROUND параметри images-g.webp
Эки деңгээлди төмөндөтөт:
BACKGROUND=FolderA/FolderB/images.gif
Каталогдун эки деңгээли жогору:
FON=../../images.gif
Толук жол (URL) - BACKGROUND=(толук сүрөт дареги)
Башаламандыкты болтурбоо үчүн толук летти колдонуу сунушталат. Негизгиси, фон сүрөтү өтө кубар эмес, бирок өтө эле көп көңүл бурбайт. Көрүнүп тургандай, биз "фон" түшүнүгүнүн маанисин карап чыктык, ал эмне экенин, эми сиз билесиз. Эми жогоруда айтылган кээ бир акысыз веб-сайттын фон генераторлорун карап көрөлү.
Акысыз фондо генераторлор
Акысыз фон генераторлорунун арасындавеб-сайттарды төмөнкүчө айырмалоого болот:
- PatternCooler.com сайтында сиз каалаган түстөгү жана текстурадагы көптөгөн акысыз фондо сүрөттөрдү таба аласыз. Бул жерде эң мыкты фондордун ТОПтору, ошондой эле даяр фондордон тематикалык фон түзүү мүмкүнчүлүгү бар.
- BgPatterns.com сайтында өзүңүздүн фонуңузду түзө аласыз. Бул жерде сиз тандай ала турган белгилүү бир фон түсүндөгү ар кандай дизайндардын арасынан тандай аласыз.
- Colorloverc.com генератору жөнөкөй генератор эмес. Анткени, бул бүтүндөй долбоор, анын кандайдыр бир социалдык ышкысы бар. Бул жерде сиз көбүнчө дизайнерлердин жана иштеп чыгуучулардын блогдоруна шилтемелерди көрө аласыз. Сиз чиймелериңизди бөлүшө аласыз, ошондой эле кооз фондорду түзө аласыз.
- Pixelknete.de сайтында ар кандай түстөгү чекиттерден кооз фон түзө аласыз.
- Dynamicdrive.com ар кандай түстөр менен кооз фон градиентин түзүүгө мүмкүндүк берет.
- Tilemachine.com бардык генераторлордон минимализм менен айырмаланат. Ал балдар вебсайттарынын фондорун сунуштайт.
Ушундай кызматты колдонуу убакытты үнөмдөйт, бирок веб-сайтыңыз үчүн кооз фон сүрөтүн түзөт.
WordPress сайттары үчүн фон сүрөттөр
Эң популярдуу веб-сайт платформасы - WordPress. Бул таң калыштуу эмес, анткени ал бекер жана күчтүү программисттер командасы аны дайыма өркүндөтүп турат. Эң негизгиси, анда сиз автоматтык түрдө сайттын сүрөтүн "сынап көрүүгө" болот:
- Бул үчүн, жогоруда айтылган фондо түзүү кызматтарынын бирин тандаңыз.
- Алынган сүрөттү компьютериңизге сактаңыз.
- WordPress администратор панелине өтүп, бул жерден табыңыз: "Көрүнүү" - "Фон" - "Сүрөт жүктөө" - "Сактоо".
Үч гана кадам жана фон даяр! Көрүнүп тургандай, кооз фон кошуу анчалык деле кыйын нерсе эмес, эң негизгиси туура түс схемасын жана фон сүрөтүн тандоо.
