Кез-келген сайттын жасалгасы фундаменттеги үй сыяктуу фондук сүрөттөргө жана түстөргө негизделген. Эгерде сизде Интернет булагыңыздын кадимки пайдубалын жеке адамга алмаштыргыңыз келсе, анда дизайнды иштеп чыгуудан баштаңыз. Ал даяр болгондо, таза техникалык бөлүгү калат, башкача айтканда, баракчалардын баштапкы кодунда көрсөтүлгөн сайттын эски дизайнын жаңысына алмаштырат. Муну иш жүзүндө жүзөгө ашыруунун бир нече жолдору бар.
Нускамалар
1 кадам
Алгач сайттын учурдагы нускасында фондук белгилердин кайсынысы коюлганын табышыңыз керек. Ал үчүн барактын HTML кодун ачыңыз. Жөнөкөй текст редактору менен файлды алдын ала серверден жүктөп алсаңыз болот. Же сиз, эгерде сиз колдонсоңуз, анда контентти башкаруу тутумунун барактарынын редакторун колдоно аласыз. Баракча редактору файлды жүктөөнү талап кылбайт, бирок интерфейс катары браузерди колдонуп, аны серверде түздөн-түз өзгөртөт. Сиз ачкан барактын HTML коду (HyperText Markup Language) браузер үчүн нускамалардан турат. Алар веб-баракчанын элементтеринин түрлөрүн, көрүнүшүн жана жайгашкан жерин сүрөттөйт. Бул көрсөтмөлөр көбүнчө "тегдер" деп аталат. Бет кодундагы тегдердин өзүлөрүнүн тартиби HTML тилинин эрежелерине баш иет - алар блокторго бөлүнөт, алардын биринчиси тегден башталган жана аяктаган баш блок болушу керек. Андан кийин сизди көбүрөөк кызыктырган блок - документтин негизги бөлүгү болушу керек. Бул белгилер менен чектелет жана. Бул блоктун ачылыш тегинде (), барактын фону жөнүндө маалыматты койсоңуз болот. Тегдердин ичиндеги мындай маалыматтар "атрибуттар" деп аталат. Фон түсүн белгилеген тулга тегинин атрибуту bgcolor деп белгиленет жана коддо ал төмөнкүдөй болушу мүмкүн: Бул жерде биз барактын фонун түсүн күмүш кылып койдук. Браузер айрым түстөрдү аттары боюнча тааный алат, бирок жаңылышпас үчүн, он алтылык коддорун көрсөткөн оң. Алты ондуктун туюнтмасында күмүш түстүү бул версия мындайча болот: Демек, барактын кодунан <тулку бойдон башталган тегди таап, анын өңү бар же жок экендигин текшеришиңиз керек. Эгер ошондой болсо, андагы түстөрдүн көрсөтмөсүн жаңы нускаңызга алмаштырып, өзгөртүүлөрдү баракчага сактап коюңуз.
2-кадам
Сиздин сайттын учурдагы дизайнындагы фонду түс менен эмес, сүрөт менен орнотсо болот. Негизги тегдин тиешелүү атрибуту фондук деп аталат жана ал коддо мындай көрүнүшү мүмкүн: Бул жерде, фон сиздин сервердин img папкасынан bg.jpg
3-кадам
Салыштырмалуу татаал дизайндагы беттердин көрүнүшүн сүрөттөөдө, "каскаддык стилдер баракчаларын" - CSS (Cascading Style Sheets) колдонуңуз. CSS кодунун блоктору түздөн-түз барактын кодуна киргизилиши мүмкүн же "css" кеңейтилген тышкы файлда камтылышы мүмкүн. Сиз стилдин сүрөттөлүшү тегин барактын кодунун баш бөлүгүндө <жана стилинен »издешиңиз керек (жана тегдердин ортосунда). Эгер анда тышкы файлга шилтеме болсо, анда мындай көрүнүш пайда болот: @import "style.css"; Бул жерде style.css деп аталган стилдик баракчага шилтеме бар. Түзөтүү үчүн көрсөтүлгөн файлды ачуу керек. Эгер эч кандай шилтеме жок болсо, <стиль теги ачылгандан кийин стилдин көрсөтмөлөрү бар болсо, анда аларды ушул жерден түзөтүшүңүз керек. Эки вариантта тең, стилдердин сүрөттөлүшүнүн арасынан документтин тулку бөлүгүнө (тулку) тиешелүү нерселерди издөө керек. Бул сүрөттөмөнүн блогу төмөндөгүдөй болушу мүмкүн: тулку {
фон-түс: Күмүш;
Кара түс;
} Бул жерде сиз фон-түс параметринин маанисин жаңы түсүңүздүн маанисине алмаштырышыңыз керек жана ошол эле он алтылыктын маанисинде. CSS нускамаларындагы фондук сүрөт опциясы төмөнкүдөй болушу керек: body {
background: # C0C0C0 url (img / bg.jpg) repeat-y;
Кара түс;
} Бул жерде сүрөттүн шилтемеси жогоруда талкууланганга окшош жана шилтемеден мурун # C0C0C0 фондук сүрөт ээлебеген баракча мейкиндиги күмүш фонго ээ болот. "Кайталоо-y" фондук сүрөттү Y (тик) огу боюнча көбөйтүү керектигин билдирет."Кайталоо-у" "кайталоо-х" (горизонталдык көчүрмө) же "кайталабоо" менен алмаштырылышы мүмкүн (кайталабаңыз). Эгер сиз кайталоону такыр көрсөтпөсөңүз, анда фондук сүрөт барактын арткы мейкиндигине бардык багытта плитка менен капталат.
