Когато създавате уебсайт в интернет, един от най-важните моменти, които разработчикът трябва да вземе предвид, е неговата функционалност, гъвкавост и производителност. За да може сайтът да бъде изцяло и правилно показан във всеки браузър на компютри с голямо разнообразие от разделителни способности на екрана, можете да създадете удобен "гумен" хедър, състоящ се от няколко графични елемента.
Инструкции
Етап 1
В първата стъпка от създаването на такъв заглавие за уебсайт отворете във Photoshop изображението, което вече сте подготвили за публикуване в мрежата, и след това го нарежете на парчета с помощта на инструмента за нарязване в лентата с инструменти. Изрежете заглавката така, че централната част да е празна, така че да получите три графични елемента. Това ще позволи заглавката да се разтегне за всяка разделителна способност на екрана.
Стъпка 2
След като изрежете заглавката, запазете го, като оптимизирате файловете, когато записвате за уеб формата (Save for web). Задайте желания файлов формат за запазване - например gif, jpeg или png. За да промените всеки фрагмент от изображението, щракнете върху опцията Slice Select Tool в менюто и преоразмерете изображенията, така че размерът им да бъде възможно най-малък с най-малка загуба в качеството на визуалното показване на изображението на екрана. Запазете редактираните си изображения като HTML и изображения.
Стъпка 3
След като снимките бъдат запазени, редактирайте HTML кода, като отворите записания html документ с Notepad. В бележника изтрийте всички ненужни редове код. Оставете само необходимите редове - данни за таблицата, в която са вградени вашите снимки:
Стъпка 4
В тези редове вместо yourimage
Стъпка 5
За да се разтегне средната част на изображението, разпространявайки крайните изображения отстрани, напишете съответните кодови атрибути в редовете. Посочете вашите собствени параметри за ширина и височина в кода.
Стъпка 6
Качете генерираните заглавни изображения в главната директория на вашия сайт и след това редактирайте HTML кода с нови пътища към заглавните изображения на сървъра. Поставете заглавния код между маркерите.
