Кез-келген сайттың дизайны іргетастағы үй сияқты фондық суреттер мен түстерге негізделген. Егер сіздің Интернет-ресурстарыңыздың әдеттегі негізін неғұрлым жеке нәрсемен алмастырғыңыз келсе, онда сіз дизайнды дамытудан бастаңыз. Ол дайын болған кезде таза техникалық бөлігі қалады, яғни парақтардың бастапқы кодында көрсетілген сайт фонының ескі дизайнын жаңасымен ауыстырады. Мұны іс жүзінде жүзеге асырудың бірнеше әдісі бар.
Нұсқаулық
1-қадам
Алдымен сіз сайттың ағымдағы нұсқасында фонның қай жолмен орнатылғанын білуіңіз керек. Ол үшін парақтың HTML кодын ашыңыз. Мұны қарапайым мәтіндік редактормен файлды алдын-ала серверден жүктеу арқылы жасауға болады. Мазмұнды басқару жүйесінің беттерін өңдейтін редакторды қолдануға болады, егер сіз оны қолдансаңыз. Бет редакторы файлды жүктеуді қажет етпейді, бірақ оны тікелей серверде интерфейс ретінде шолғышты қолдана отырып өзгертеді. Сіз ашқан парақтың HTML коды (HyperText Markup Language) шолғышқа арналған нұсқаулық жолдарынан тұрады. Олар веб-парақтың элементтерінің әрқайсысының түрлерін, сыртқы түрін және орналасуын сипаттайды. Бұл нұсқаулар әдетте «тегтер» деп аталады. Бет кодындағы тегтердің реті де HTML тілінің ережелеріне бағынады - олар блоктарға бөлінеді, олардың біріншісі тегтен басталып аяқталатын тақырып блогы болуы керек. Одан кейін сізді қазір қызықтыратын блок - құжаттың негізгі бөлігі болуы керек. Бұл тек белгілермен және. Осы блоктың ашылу тегіне () парақтың фоны туралы ақпарат қоюға болады. Тегтер ішіндегі мұндай ақпарат «атрибуттар» деп аталады. Фон түсін орнататын негізгі тегтің атрибуты bgcolor деп белгіленеді және кодта ол келесідей көрінуі мүмкін: Мұнда біз парақтың фон түсін күміс етіп орнаттық. Браузер кейбір түстерді олардың атаулары бойынша тани алады, бірақ қателеспеу үшін олардың он алтылық кодтарын көрсеткен дұрыс. Он алтылық өрнектегі күміс түсті бұл нұсқа келесідей болады: бет парағынан <денеден басталатын тегті тауып, оның фондық түсі бар-жоғын тексеру керек. Олай болса, ондағы түсті көрсеткішті жаңа нұсқаға ауыстырып, өзгертулерді параққа сақтаңыз.
2-қадам
Сіздің сайтыңыздың қазіргі дизайнындағы өңді түспен емес, суретпен қоюға болады. Негізгі тегтің сәйкес атрибуты фон деп аталады және ол кодта келесідей болуы мүмкін: Мұнда фон - бұл сіздің серверіңіздің img қалтасынан bg.jpg
3-қадам
Салыстырмалы түрде күрделі дизайны бар беттердің сыртқы түрін сипаттау кезінде «каскадты стильдер кестесін» - CSS (каскадтық стильдер кестесін) қолданыңыз. CSS кодының блоктары тікелей парақ кодына енгізілуі мүмкін немесе «css» кеңейтілген сыртқы файлда болуы мүмкін. Сізге стиль сипаттамасы тегін стильдің бет стилінің үстіңгі бөлігінен <және стильден »іздеу керек (және тегтер арасында). Егер онда сыртқы файлға сілтеме болса, онда ол келесідей көрінеді: @import «style.css»; міне стиль кестесіне сілтеме стиль.css. Өңдеу үшін көрсетілген файлды ашу керек. Егер сілтеме болмаса және <стиль тегі ашылғаннан кейін стиль нұсқаулары болса, онда оларды осы жерде өңдеу керек. Екі нұсқада да, стильдердің сипаттамалары арасында сіз құжаттың денесіне (денесіне) қатысты заттарды іздеуіңіз керек. Бұл сипаттамалар блогы келесідей болуы мүмкін: негізгі мәтін {
өң-түс: күміс;
түс: қара;
} Мұнда сіз фон-түс параметрінің мәнін жаңа түстердің мәнімен ауыстыруыңыз керек және дәл сол он алтылық мәндерінде жақсы. CSS нұсқауларындағы фондық сурет опциясы келесідей болуы керек: негізгі {
фон: # C0C0C0 url (img / bg.jpg) қайталау-у;
түс: қара;
} Мұнда суретке сілтеме жоғарыда қарастырылғанға ұқсас, ал сілтеме алдындағы # C0C0C0 фондық сурет иеленбеген бет кеңістігінің күміс фонға ие болатындығын білдіреді. «Repeat-y» фондық суретті Y (тік) осі бойынша көбейту керектігін көрсетеді.«Қайталау-у» «қайталау-х» (көлденеңінен көшірмелеу) немесе «қайталанбайтын» ауыстыруға болады (қайталамаңыз). Егер сіз қайталануды мүлдем көрсетпесеңіз, онда фондық сурет парақтың фондық кеңістігіне барлық бағытта плиткамен жабыстырылады.