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