«Тақырып» немесе веб-беттің жоғарғы жағы сіздің сайтыңызды ерекше етеді, басқалардан ерекшеленуіне және Интернет-жобаңыздың ерекшеліктерін көрсетуге мүмкіндік береді. Түпнұсқа және жақсы жасалған тақырыптың көмегімен сіз кез-келген веб-бетті безендіре және нақтылай аласыз, ал тақырыпты өзіңіз жасау үшін сізге осы веб-элементтің орналасуын үйренуіңіз керек.
Нұсқаулық
1-қадам
Егер сіздің сайтыңыздың тұрақты, тұрақты өлшемдері болуын қаласаңыз, онда экранның енінің өзгеруіне байланысты өзгермейтін статикалық тақырып жасау керек. Тақырыптың ені мен биіктігін анықтаңыз (мысалы, 996x230) және келесі CSS кодын пайдаланып жоғарғы блокқа фондық суретті енгізіңіз, мұнда header-1.jpg
фон: # a6b7d3 url (img / header-1.jpg) қайталанбайтын;
ені: 996px;
биіктігі: 230px;
} Осы типтегі тақырыпқа арналған HTML коды келесідей болады:
2-қадам
Егер сайт оның өлшемдері экранның еніне сәйкес келетін етіп салынған болса, тақырып барлық негізгі шешімдерді ескере отырып, теру керек. Мұндай тақырыптың максималды ені 1920 пиксель болуы керек. Мұндай тақырып енгізу үшін CSS кодын қолданыңыз: #header {background: # a6b7d3 url (img / header-2.jpg) қайталанбайтын орталық; биіктігі: 250px;} HTML коды бұл жағдайда алдыңғыға ұқсас. CSS коды кейбір параметрлерде өзгертілген - енді оның фондық бейнені кез-келген еніне сәйкестендіруге мүмкіндік беретін тақырып суретін центрлеу атрибуты бар.
3-қадам
Сондай-ақ, бірнеше фондық блоктарға бөліп, неғұрлым күрделі тақырып жасауыңызға болады, олар қарау терезесінің өлшеміне байланысты олардың орналасуын өзгертеді. Мұндай тақырыпқа арналған CSS анағұрлым күрделі және ауқымды және сіздің сайтыңызды көруге болатын шолғыш терезесінің өзгермелі өлшемдеріне сәйкес бірнеше фондық элементтерді қайталауды қамтиды.
