Сайттагы түстүү фон келүүчүлөрдүн көңүлүн өзүнө гана бурбастан, ресурстардын маанайын да чагылдырат. Космостук темадагы сайттар жылдыздуу асман түрүндөгү сырдуу атмосфераны жаратат, көңүл ачуучу ресурстар жылуу түстөрдүн бай түстөрү менен кубандырат, шаардык кызматтардын веб-кызматтары өзүлөрүнүн ырасмий мүнөзүн катаал дизайны жана негизинен боз жана көк түстөр менен көрсөтүшөт.. Өзүңүздүн веб баракчаңызды түстүү кылуунун бир нече жолдору бар.
Ал зарыл
- - сиздин сайтыңыз
- - жок дегенде HTML жөнүндө негизги билим
Нускамалар
1 кадам
Күндүн түстүү фонун түзүү үчүн, төмөнкү коддорду жана HTML кодун табыңыз. Биринчи тегди мындайча өзгөртүңүз:
Бул курулушта # FFFF33 - сары түстүн коддолгон көлөкөсү.
2-кадам
Барактын түсүн бир гана код менен эмес, атайын сөздөр менен - негизги түстөрдүн аттары менен көрсөтсө болот. Фондун өңүн сөз менен көрсөтүү үчүн төмөнкү кодду жазыңыз:
Бул жерде "сары" - сары түстүн аталышы.
3-кадам
Сары код белгисинин же анын аталышынын ордуна, ушул кеңешти колдонуп тегге керектүү фон түсүнүн белгисин кошуңуз:
кызыл - "кызыл" ("# FF0000")
көк - "көк" ("# 0000FF")
жашыл - "жашыл" ("# 008000")
кызгылтым - "кызгылтым" ("# FFC0CB")
кочкул - "фиалка" ("# EE82EE")
кызгылт сары - "апельсин" ("# FFA500")
кара - "кара" ("# 000000")
4-кадам
Эгерде сиз сайттын фонунда кайталанган сүрөттү көргүңүз келсе, анда кичинекей сүрөттү тандаңыз, ага каршы текст ачык көрүнүп турат. Сайтка сүрөт жүктөө. Сүрөттү фон катары жайгаштыруу үчүн, ушул кодду тэгге киргизиңиз
Бул жазууда "/images/fon.jpg" ордуна керектүү сүрөттүн жолун көрсөтүңүз.
5-кадам
Веб-баракчалардын түсү HTML коддорунда гана эмес, CSS стилдеринин жардамы менен да коюлушу мүмкүн. Ушул стилдерди колдонуп, ар бир жолу жаңы барактын кодуна фон коюунун кажети жок. Тегдердин ортосунда CSS фонун аныктоо жана төмөнкүдөй жазууну коюу үчүн:
дене
background: # FFFF33;
}
Бул жерде фон түсү фондук параметр менен белгиленет.
6-кадам
Эгер сиз сүрөттү колдонуп CSS-те фон түзгүңүз келсе, анда керектүү сүрөттүн жолун көрсөткөн '/images/fon.jpg' ордуна төмөнкү кодду жазыңыз:
дене
background-image: url ('/ images / fon.jpg');
фон-кайталоо: кайталоо;
}
Бул жерде фон-сүрөт параметр фондук сүрөттү аныктайт, фон-кайталоо - сүрөттүн кайталанышы. баракта.
