Сайттың фонын қалай өзгертуге болады

Мазмұны:

Сайттың фонын қалай өзгертуге болады
Сайттың фонын қалай өзгертуге болады

Бейне: Сайттың фонын қалай өзгертуге болады

Бейне: Сайттың фонын қалай өзгертуге болады
Бейне: CSS қазақша курсы. 8 - сабақ. Фонды өзгерту. Градиент. Фон өлшемі мен орналасқан жері. 2024, Сәуір
Anonim

Егер сіздің сайтыңыздың парақтарының өңі сайттың ені бар және тігінен көбейтілетін бір суреттен тұрса, онда сіз оны тек графикалық редакторда осы суретті редакциялау арқылы өзгерте аласыз. Ал егер парақ кодында фон қалыптасқан болса, оларды төмендегі нұсқаулар арқылы өзгертуге болады.

Сайттың фонын қалай өзгертуге болады
Сайттың фонын қалай өзгертуге болады

Нұсқаулық

1-қадам

Фонды өзгерту үшін алдымен сайт беттерінің қазіргі нұсқасында оның қалай орнатылатындығын анықтау керек. Ол үшін сервердегі парақтың бастапқы кодын ашыңыз. Мұны қарапайым мәтіндік редактормен жасауға болады, мұны стандартты блокнот жасайды. Егер сіз кез-келген мазмұнды басқару жүйесін қолданатын болсаңыз, онда парақты кірістірілген беттің редакторы арқылы тікелей шолғышта өңдеуге болады. Парақтың HTML коды (HTML - HyperText Markup Language, «гипермәтінді белгілеу тілі») жолдардан тұрады веб-парақтың әр түрінің элементтерін, сыртқы түрін және орналасуын сипаттайтын шолғышқа арналған нұсқаулық. Бұл нұсқаулар «тегтер» деп аталады және олар блоктарға топтастырылған, олардың біреуі бастапқы тегтен басталып, аяқталу тегімен аяқталады. HTML стандарттарына сәйкес парақтың фондық параметрлерін ашылу тегінде орнатуға болады. Оған bgcolor атрибутын орналастыру арқылы жасалады: Мұнда осы парақтың фондық түсі жасылға орнатылған. HTML стандарттарына сәйкес кейбір түстердің өз атаулары бар - мысалы, Шоколад немесе Гейнсборо, бірақ әдетте он алтылық түстер кодтарын пайдаланады: Егер фонның түсі осылай көрсетілсе, бет кодын негізгі мәтінді тауып, bgcolor атрибутын ауыстырған жөн. қалағаныңызбен мән.

2-қадам

Күрделі дизайны бар беттерде көбінесе сыртқы түрін сипаттау үшін CSS (Cascading Style Sheets) қолданылады. CSS - HTML құжатындағы элементтердің пайда болуын сипаттауға арналған тіл. CSS-кодтың блоктарын парақтың кодына енгізуге болады, «css» кеңейтімі бар жеке файлда қамтылған және парақтың бастапқы кодында арнайы нұсқаулықпен параққа қосылуы мүмкін. егер ол сыртқы файлға сілтеме жасайтын болса, онда сізге өңдеу үшін осы файлды ашу керек. Мұндай сілтеме келесідей болуы мүмкін: @import «style.css»; Ал егер тегтің артынан файлға сілтеме емес, бірден нұсқаулар берілсе, онда сіз стильдерді осы жерде өңдеуіңіз керек. Екі жағдайда да стиль сипаттамасының құжаттың денесі - денесіне қатысты бөлігін іздеу керек. Бірақ CSS тілінде бұл енді «тег» емес, «селектор» деп аталатын болады және ол, мысалы, келесідей болуы мүмкін:

дене {

өң-түс: жасыл;

түс: ақ;

}

Сіз фон-түс параметрінің мәнін ауыстыруыңыз керек - ол парақтың өң түсін орнатады. Мұнда да кейбір түстердің реңктерін атаумен көрсетуге болады, бірақ он алтылық мәндерді қолданған дұрыс. Мысалы, Chocolate = # D2691E көлеңкесі үшін он алтылық мән. Түсін ғана емес, фон үшін кескінді де көрсетуге болады: дене {

өң: Жасыл url (img / bg.jpg) қайталау-x;

түс: ақ;

} Мұнда url (img / bg.jpg) беттің фоны үшін img қалтасынан bg.jpg

Ұсынылған: