Як зробити перекидання зображень за допомогою HTML-коду

Відеоролик: Создание html сайта в блокноте

Зміст

Інструкції
Що вам потрібно

З мільйонами веб-сайтів, які існують в Інтернеті, важливо, щоб ваш унікальний. Одним із способів додавання динамічного ефекту до веб-сайтів є "зображення перекидання", також відоме як "кнопки перекидання". По суті, коли відвідувач зависає над зображенням, він змінюється і повертається до нормального стану, коли миша видаляється. Це може використовуватися для деяких тонких ефектів, таких як зміна кольору зображення або букви. Ви можете створити свій власний образ перекидання з базовим форматуванням HTML у різних програмах дизайну.

Інструкції

Створюйте динамічні веб-сайти за допомогою зображень із перекиданням (Jupiterimages / Photos.com / Getty Images)

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