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