кнопки сайту
Кнопки сайту - це графічне оформлення посилання, її "наряд", так би мовити. Оригінальні, красиві кнопки роблять сайт більш привабливим, "оживляють" його.
Будь-який малюнок можна легко зробити кнопкою, якщо помістити його в "якір" посилання. Для цього необхідні лише знання HTML.
Клікнувши по наступній, познайомитеся з ще однією цікавою технікою для створення оригінальних, красивих кнопок.
А ось такі крихітні кнопочки, на перший погляд нікчемні, насправді дозволяють легко створювати прості й ефективні фотогалереї та галереї малюнків на сайті.
Одна кнопочка: підключив для показу красивого малюнка.
І ще 3 кнопочки: підключені до одній картинці, тому що всі три знаходяться в одній формі (а у неї один атрибут "action"). Начебто, - марна справа?
На сторінці "Галерея" (відкриється в новому вікні) зможете подивитися, як з таких крихітних, розрізнених кнопок створюються цілі галереї малюнків, фотогалереї.
Далі покажу, які чудові можливості відкриваються перед тими, хто опанував ще й використанням CSS.
Це можливість створювати динамічні кнопки для своїх сайтів.
динамічні кнопки
Динамічними називаються кнопки, які реагують зміною свого зовнішнього вигляду на будь-які дії відвідувача.
Детальніше познайомитися з технологіями, застосованими для їх створення, зможете на сторінці "Псевдоселектори" (відкриється в новому вікні).
Ось перша кнопка. Підключена до ВЕЛИКОМУ розділу "Фотошоп".
Ще одна кнопка, з завантажувачем (!). Тобто, поки буде завантажуватися красива картинка, на ній відображаються стрілки - символ завантаження.
Наведіть курсор миші на кнопку - вона зміниться. Клікніть - відкриється малюнок. Знову наведете - з'явиться напис. Знову клікніть - зникне. Коротше, пробуйте!
Для повернення кнопки в початковий стан, сторінку потрібно перезавантажити.
У останнього показаного методу є гарна перевага: зміни відбуваються миттєво! Браузеру не потрібно відкривати нову сторінку.
висновок
На сторінці "Галерея" подивіться практичне застосування цих базових технологій інтернету: галереї малюнків, фотогалереї (відкриється в новому вікні).
Ну, і наостанок.
Це кнопки, за допомогою яких створюються навігатори, звані МЕГА-меню. Коду і скрипта в них будь-якого "хоч греблю гати", але.
Коротше, дивіться самі: "jQuery МЕГА-меню" (відкриється в новому вікні).