Сайттағы түрлі-түсті фон тек келушілердің назарын аударып қана қоймай, сонымен қатар ресурстардың көңіл-күйін жеткізеді. Ғарыш тақырыбындағы сайттар жұлдызды аспан түріндегі тылсым атмосфераны қалыптастырады, ойын-сауық ресурстары жылы түстердің қанық түстерімен көтеріңкі көңіл-күй сыйлайды, қалалық сервистердің веб-қызметтері өздерінің қатаң дизайнымен және негізінен сұр және көк реңктермен ресми екендігін көрсетеді.. Өзіңіздің веб-парағыңызды түрлі-түсті етудің бірнеше әдісі бар.
Бұл қажетті
- - сіздің сайтыңыз
- - HTML туралы кем дегенде негізгі білім
Нұсқаулық
1-қадам
Тұтас түсті фон жасау үшін келесі тегтерді және HTML кодынан табыңыз. Бірінші тегті келесідей өзгертіңіз:
Бұл құрылыста # FFFF33 - сары түстің кодталған көлеңкесі.
2-қадам
Парақтың түсін тек кодпен ғана емес, арнайы сөздермен - негізгі түстердің атауларымен де көрсетуге болады. Сөздің көмегімен фон түсін көрсету үшін келесі кодты жазыңыз:
Мұнда «сары» - сары түстің атауы.
3-қадам
Сары код белгісінің немесе оның атауының орнына, осы кеңесті қолданып, қажет фон фонының қажетті белгілеуін тегке қосыңыз:
қызыл - «қызыл» («# FF0000»)
көк - «көк» («# 0000FF»)
жасыл - «жасыл» («# 008000»)
қызғылт - «қызғылт» («# FFC0CB»)
күлгін - «күлгін» («# EE82EE»)
қызғылт сары - «қызғылт сары» («# FFA500»)
қара - «қара» («# 000000»)
4-қадам
Егер сіз сайттың фонында қайталанатын суретке ие болғыңыз келсе, онда кішкене суретті таңдаңыз, оған қарсы мәтін анық көрінеді. Сайтқа сурет жүктеңіз. Кескінді фон ретінде орналастыру үшін осы кодты тегке енгізіңіз
Бұл жазбада «/images/fon.jpg» орнына қажетті кескінге жолды көрсетіңіз.
5-қадам
Веб-беттердің түсін тек HTML кодында ғана емес, сонымен қатар CSS стильдерін қолдану арқылы да орнатуға болады. Осы стильдерді қолдана отырып, сізге әрдайым жаңа беттің кодында фон қоюдың қажеті жоқ. CSS ішіндегі фонды тегтер арасында анықтау және келесі жазбаны орналастыру үшін:
дене {
өң: # FFFF33;
}
Мұнда фондық түс фондық параметрмен белгіленеді.
6-қадам
Егер сіз кескінді пайдаланып CSS-те өң жасағыңыз келсе, онда '/images/fon.jpg' орнына қажетті суреттің жолын көрсететін келесі кодты жазыңыз:
дене {
фон-сурет: url ('/ images / fon.jpg');
фон-қайталау: қайталау;
}
Мұнда фондық-сурет параметрі фондық суретті анықтайды, фондық қайталау - кескіннің қайталануы. Бетте.
