Фон веб -сайттын эң маанилүү элементтеринин бири. Жакшы фон веб -сайттын обонун жаратат жана мазмунун толуктайт. Фонду кошуунун ар кандай жолдору бар, алардын ар бири башка максатта. Кээ бир ыкмалар фонду веб -сайттагы бардык баракчаларга колдонууга мүмкүндүк берет, башкалары фонду белгилүү бир барак менен чектейт. Бул макала сизге HTML же CSSти колдонуп веб -сайтыңызга фон кошууну үйрөтөт.
Кадамдар
Метод 1 of 2: HTML методдору
Катуу Түстүү Фон
Вебсайтка Фон кошуу 1 -кадам
Кадам 1. Катуу түстүү фон - бул веб -сайтка коюуга мүмкүн болгон эң негизги фон
Чынында, ар бир вебсайт демейки ак фондон башталат. Бирок, ак фон гармониялуу түс схемасы менен колдонулганда абдан саркеч жана таза көрүнсө да, башка түстүү фон ар кандай темалар менен жактырылышы мүмкүн.
Вебсайтка Фон кошуу 2 -кадам
Кадам 2. Веб кодуңузду ачыңыз (булак)
Вебсайтка Фон кошуу 3 -кадам
Кадам 3. Дененин тегине bgcolor деп атрибут кошуңуз
Эми, денеңиздин теги ушундай болушу керек-
бул жерде COLORNAME - түстүн аты. COLORNAME түстүү өкүлдөрдүн көптөгөн түрлөрү менен толтурулушу мүмкүн
(түстүн аталышы)
(он алтылык мааниси)
(RGB мааниси)
Вебсайтка Фон кошуу 4 -кадам
Кадам 4. RGB жана # менен эксперимент жүргүзүү көптөгөн көлөкөлөргө алып келиши мүмкүн, бирок сиз оңой биринчи жолду тандасаңыз болот
Бирок сейрек кездешүүчү түстү "Ultramarine Bluish Green" деп терүү ак түскө ээ болорун унутпаңыз.
Фондук сүрөт кошуу
Фондук сүрөттү кошуу бир түстүү фонго караганда бир аз татаалыраак
Вебсайтка Фон кошуу 5 -кадам
Кадам 1. Дененин тегине фондук касиетти кошуңуз, бул окшош-
бул жерде SRC сүрөттүн булагы SRC бир папкада же башка папкада/веб -баракта болушу мүмкүн.
(ошол папкада)
(башка папканын ичинде)
(башка веб -баракта)
Вебсайтка Фон кошуу 6 -кадам
Кадам 2..gif /-j.webp" />
Метод 2 2: CSS методдору
Вебсайтка Фон кошуу 6 -кадам
Катуу Түстүү Фон
Вебсайтка Фон кошуу 7 -кадам
Кадам 1. CSSке катуу түстүү фон кошуу үчүн стиль атрибутун кошуңуз
Сиз ошондой эле идентификаторлорду жана класстарды берип, тышкы жана ички стилдерди колдоно аласыз.
Вебсайтка Фон кошуу 8 -кадам
Кадам 2. Денеңиздин теги ушундай болушу керек
бул жерде COLORNAME - түстүн, он алтылыктын же RGB аталышы (HTMLдеги катуу түстүү фондун акыркы кадамдарын эстен чыгарбаңыз, бул жерде да колдонулат).
Сүрөт кошуу
Вебсайтка Фон кошуу 9 -кадам
Кадам 1. Сүрөт кошуу үчүн стиль атрибутун дене тегине кошуңуз
Сиз ошондой эле идентификаторлорду жана класстарды берип, тышкы жана ички стилдерди колдоно аласыз.
Вебсайтка Фон кошуу 10 -кадам
Кадам 2. Денеңиздин теги азыр ушундай болушу керек
Вебсайтка Фон кошуу 11 -кадам
Кадам 3. SRC булагы экенин унутпаңыз
Бул бир папкадан, башка папкадан же башка веб баракчадан болушу мүмкүн.
(ошол папкада)
(башка папканын ичинде)
(башка интернет баракчасында).
Вебсайтка маалымат кошуу 12 -кадам
Step 4..extensions кошууну унутпаңыз
Кайталанган Үлгүлүү Фон
Вебсайтка маалымат кошуу 13 -кадам
Кадам 1. Кайталанган үлгү фонун жасоо үчүн, жогорудагы кадамдарда айтылгандай фон кошуңуз
Денеңиздин теги азыр өзгөрүшү керек-
КАЙРА ЖӨНДӨӨЛӨР-бул орнотуулар. Кайталануучу көптөгөн параметрлер болушу мүмкүн, мисалы:
(Фон тигинен жана туурасынан кайталанат.)
(Фон горизонталдуу түрдө кайталанат.)
(Фон тигинен кайталанат.)
Fixed Image Background
Вебсайтка маалымат кошуу 14 -кадам
Кадам 1. Фиксирленген фондук фон сонун көрүнөт жана ылдый сыдырганда өзгөрбөйт
Аларды аткаруу үчүн жогорудагы бөлүмдөгү кодду жөнөкөйлөтүү керек. Дененин тегин ушундай кылуу үчүн твиттерди жасаңыз-
бул жерде SRC-фондук сүрөттүн булагы, POSITION-бул сүрөттүн орду (ал борбордон жогорку оңго чейин өзгөрүшү мүмкүн); фон-тиркеме-бул фондун негизги "катализатору". Бул фондун абалын айтуу үчүн колдонулат жана аны өзгөртпөө сунушталат.
Интернетке жеткиликтүүлүк сизде көрүүнүн начарлашы болбосо да маанилүү. Веб -баракчалар муну эске алуу менен түзүлүшү керек. Алгачкы веб -браузерлер тексттин көлөмүн көбөйтө алышкан, бирок сүрөттөрдү же динамикалык мазмунду эмес. Заманбап веб -браузерлер бул жеткиликтүүлүктүн зарылдыгын түшүнүшөт жана текст менен сүрөттөрдүн көлөмүн жогорулатуу үчүн функцияларды сунушташат.
Adobe Dreamweaver - абдан пайдалуу программа - эгер сиз анын кантип иштээрин билсеңиз. Веб баракча жасоо үчүн бул программаны колдонуу процессин тездетүү үчүн, сиз бир нече амалдарды билишиңиз керек. Анан куралчан болуп, жаратууну баштоого даяр болосуз!
Бул wikiHow сизге Adobe Photoshop CS3те башка сүрөттүн артына фон коюуну үйрөтөт. Кадамдар Кадам 1. Adobe Photoshopту ачыңыз Бул тамгаларды камтыган көк түстөгү колдонмонун сөлөкөтү " Ps ." Кадам 2. Файлды басыңыз Бул экрандын жогору жагындагы меню тилкесинин сол жагында.
Көп жылдар бою, Facebookтун веб -баракчасы көптөгөн өзгөрүүлөрдү башынан өткөрдү; Убакыт тилкесинен Уоллго чейин. Бирок фонду ыңгайлаштыруу мүмкүнчүлүгү эч качан болгон эмес. Сиз ыңгайлаштыра турган бөлүктөр - дисплей сүрөтүңүз жана аккаунтуңуздун мукаба сүрөтү.
