Веб-сайтта фондық сурет қалай жасалады

Мазмұны:

Веб-сайтта фондық сурет қалай жасалады
Веб-сайтта фондық сурет қалай жасалады

Бейне: Веб-сайтта фондық сурет қалай жасалады

Бейне: Веб-сайтта фондық сурет қалай жасалады
Бейне: Создание html сайта в блокноте 2024, Мамыр
Anonim

Сайт құрудың негіздерін өз бетіңізше білуге болады, Интернетте және кітаптарда осы тақырып бойынша ақпарат жеткілікті. Алайда, бастапқы кезеңде қиындықтар көбінесе сол немесе басқа белгіні қолдануда туындайды. Шынында да, ең көп таралған компоненттер есте жақсы сақталады, өйткені олар кез-келген веб-сайтты жазған кезде өте қажет.

Веб-сайтта фондық сурет қалай жасалады
Веб-сайтта фондық сурет қалай жасалады

Нұсқаулық

1-қадам

Өңдік сурет ретінде пайдаланғыңыз келетін суретті таңдаңыз. Егер сіз иллюстрацияға мәтін енгізгіңіз келсе, онда бұл жағдайда табиғатта жақын бірнеше түстер қолданылатын шамадан тыс вариациясыз нұсқалармен шектелген жөн. Негізінде, толқындарды жою үшін сіз мазмұнға «фон» жасай аласыз - және мәселе сәтті шешіледі.

2-қадам

Adobe Photoshop көмегімен суретті түзету. Аяқтағаннан кейін Файл мәзірінен Вебке сақтау командасын таңдап, қалаған қалтаны таңдаңыз. Егер бұл сайт үшін қолданылатын алғашқы сурет болса, онда автоматты түрде «Кескіндер» қалтасы жасалады.

3-қадам

Тегке фон = «кескінге жол» атрибутын жазыңыз. Жазба мысалы: немесе. Сонымен қатар, тег кодта тек бір рет пайда болуы керек екенін ескеріңіз, оны көбейтуге болмайды.

4-қадам

Өзгерістерді блокнотқа сақтаңыз, шолғыштағы «Жаңарту» батырмасын басыңыз. Экранда тұсқағаз пайда болады. Егер кескіннің өлшемдері веб-парақтың параметрлерінен кіші болса, онда кескін бүкіл кеңістікті толтыру үшін қанша рет қайталанатын болса. Бұл жетіспеушілікті түзетудің екі әдісі бар:

• Adobe Photoshop бағдарламасын пайдаланып, суреттің қажетті параметрлерін пиксельмен орнатыңыз («Кескін» - «Кескін өлшемі»);

• html-кодта қажетті өлшемдерді орнатыңыз.

Мысалы, ені 1250 пиксель, ал биіктігі 650 пиксель болса, онда сурет орналастырылатын кесте ұяшығына қажетті атрибуттарды қосу керек.

Сіз тегті өлшемді орната алмайсыз - сурет әрқашан толық көлемде көрсетіледі.

5-қадам

Фондық кескінді салуға арналған ccs аналогы:

фондық кескін

ДЕНЕ {

өң-сурет: url (суреттер / bg.jpg);

}

«Background-image: url (images / bg.jpg)» атрибуты фондық кескінге апаратын жол болып табылады.

Ұсынылған: