Логотип Валидатор Валидатор Качество создания сайта

СЛАЙД-ШОУ на HTML

На слайд-шоу

Создание слайд-шоу на сайте

О важности умения создавать и добавлять на сайт слайд-шоу, писал уже на предыдущей странице. Аналогично, и о причинах его чрезвычайной популярности. Незачем повторяться.
Кто не был, могут вернуться, кликнув по верхней синей стрелке.

Слайд-шоу на HTML

Там Вы видели слайдеры, созданные с помощью технологий jQuery.

Здорово, конечно! Но есть более простые способы создания слайд-шоу, не менее интересные. Вот здесь их и покажу Вам.

Чем интересные?
Хотя бы тем, что они создаются просто! БЕЗ использования каких-либо скриптов и сложных языков программирования.

Покажу Вам здесь 3 вида простых слайд-шоу, сделанных исключительно с помощью базовых технологий.


Простые слайд-шоу на HTML

Одна из причин, почему мне так нравятся именно базовые технологии интернета - возможность сделать с их помощью, практически, ВСЁ! Причём, они оставляют программный код страницы лёгким, чего не скажешь о jQuery! Очень важно!

Впрочем, сначала посмотрите простое слайд-шоу, созданное только на языке HTML, без использования каких-либо скриптов.

СЛАЙД-ШОУ №1 "бегущие домики"

         

* * *

Посмотрели?
Разумеется, оно гораздо скромнее, чем те, что показывал на предыдущей странице, но и программный код её - лёгкий, "мизерный"!

Почему это так важно?!
Об этом подробно и наглядно рассказал на странице "Современные технологии".

А здесь, ниже, покажу ещё одну из возможностей создать простое слайд-шоу на своём сайте, программируя исключительно на HTML.

СЛАЙД-ШОУ №2 "фотошоп-домики"

 Домики

* * *

Ну, и как?
Вроде, всё то же самое? ... ... Всё, да не всё!
Здесь программный код ещё легче, благодаря тому, что в "бегущей строке" используется всего 1 рисунок, сделанный в фотошоп.
Техника же создания самого слайд-шоу, действительно, та же самая, что и у верхнего.

Что означает "бегущая строка"? Можете посмотреть ЗДЕСЬ: Текстовые эффекты (откроется в новом окне).


Простое слайд-шоу с анимацией

Если же подключить к возможностям базовых технологий ещё и фотошоп, вообще здорово получится! Никакие скрипты не нужны.
Посмотрите простой слайдер, созданный на языке HTML, без скриптов, всего лишь с добавлением элементов фотошоп.

СЛАЙД-ШОУ №3 "бегущие домики и анимация"

             

* * *

Показал самый простой способ сделать слайд-шоу с анимацией, позволяющий обойтись БЕЗ всяких сложных технологий.

Сами понимаете - не стал особо "усердствовать" в фотошоп. Главное - показал принцип.

Смею Вас уверить, для создания таких же эффектов с применением jQuery, пришлось бы подключать не один плагин.

К чему такое приводит, Вы, наверное, уже читали выше, пройдя по ярко выделенной ссылке. Нет? Повторю её: "Современные технологии".


О простых способах создания слайдеров

Хочу совсем немного добавить к тому, что есть на предложенной к просмотру странице. Там я об этом не говорил. Вообще, на сайте нигде не писал об этом.

Простые способы создания слайдеров, галерей, различных эффектов хороши тем, что они не "насилуют" компьютер. Знаю, о чём говорю.

Если обычные HTML+CSS для него безобидны, то скрипты - совсем наоборот!

Ведь, скрипты - это программы. А операционная система любого компьютера, его "душа", так сказать, и сама есть - программа.

Так что, ... ... ..., "думайте сами, решайте сами ... ...", какой способ создания слайдера, галереи, или ещё чего-нибудь, Вы предпочтёте.

Заключение

** Надеюсь, и на этой странице Вы нашли для себя интересную информацию о том, как можно просто создать слайд-шоу для сайта.

Желающие узнать об использовании простых веб-технологий для добавления галерей на свой сайт, посетите страницу "Галерея" (откроется в новом окне).

Кого занимает возможность размещения мультимедийного контента на ресурсе, тем будет интересна страница "Аудио и Видео" (откроется в новом окне).

Посетителям, кому нужно создать слайд-шоу, либо галерею на сайте, подключить аудио и видео к нёму, но нет времени самостоятельно заниматься этим, способен помочь раздел "Выбор исполнителя" (откроется в новом окне).

* * *

Не пугайтесь такого количества навигационных стрелок. Так нужно.

Сделал прямой заход на эту страницу из четырёх БОЛЬШИХ разделов. Вернуться также можно прямо. Наведите курсор мыши на стрелки - появятся подсказки, куда они ведут.
Кликнув по верхнему логотипу, попадёте на "Главную".

На слайд-шоу
На сайты Назад в jQuery В фотошоп

ВВЕРХ

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru