Как да направим изображения с превъртане с HTML код

Видео: Как использовать маркерный тег в HTML (прокрутка изображений и текста на веб-странице)

Съдържание

инструкции
Какво ви трябва

С милионите уебсайтове, които съществуват в интернет, от съществено значение е вашият да е уникален. Една техника, използвана за добавяне на динамичен ефект към уебсайтовете, е "преобръщане на изображения", познато още като "бутони за преобръщане". По същество, когато посетителят витае над изображение, той се променя и се връща към нормалното, когато мишката бъде премахната. Това може да се използва за някои фини ефекти, като например промяна на цвета на изображението или буквата. Можете да създадете свой собствен преобръщане изображение с основно HTML форматиране в различни дизайнерски програми.

инструкции

Създавайте динамични уебсайтове с помощта на изображения с преобръщане (Jupiterimages / Photos.com / Getty Images)

Създайте нов документ с желания размер (в пиксели), като използвате софтуер за редактиране на изображения като Photoshop. Създайте нормални и "преобръщане" изображения, които трябва да са със същия размер.
Запазете двете изображения поотделно, като отидете в менюто "Файл" и изберете "Запиши". Използвайте JPEG, GIF или PNG формати. Въпреки че първите две са най-често използваните, PNG запазват прозрачността. Уверете се, че сте запазили изображението в локалната основна папка на вашия сайт.
Отворете подходящия софтуер за проектиране, като например Adobe Dreamweaver. Кликнете върху бутона "Обновяване" в библиотеката, за да актуализирате библиотеката и локалната основна папка за вашия сайт. Намерете изображенията в главната папка.
Преминете към изглед на кода на уеб страницата.
Тип "
"В кода, без началните кавички.
Заменете „http://yoursite.com“ с адреса на уебсайта си. Също така заменете "IMAGE1" и "IMAGE2" с имената на нормалните и "преобръщане" изображения.