Создаем слайдер изображений на странице

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

Серверная и клиентская обработка

В этом посте мы увидим главное отличие серверной обработки данных от клиентской и познакомимся с основами языка JavaScript.

Структура HTML документа

Как уже упоминалось выше, HTML - язык разметки гипертекста, но это не значит, что его требования предъявляются только к тексту. Стандарт языка HTML так же описывает и требования к структуре документа в целом, его частей и элементов, которые не видны простому пользователю.
В этом посте мы рассмотрим структуру страницы и устраним неудобства, которые проявлялись при работе с нашими страничками в предыдущих работах. С помощью нескольких строчек кода мы уйдем от необходимости вручную указывать кодировку страницы и очищать кеш, чтобы увидеть результат изменений в структуре страницы.

Основы HTML

Если вы проделали операции, описанные в предыдущем сообщении, то все условия для изучения HTML и PHP созданы.

Для начала немного теории.

Все, что отображается в окне браузера, при просмотре вами различных сайтов, имеет четкое описание с помощью специального языка. Этот язык называется HyperText Markup Language — «язык разметки гипертекста». Что такое текст в принципе понятно. Приставка "гипер" означает " превышение предела". Гипертекст - это новый уровень простого текста, когда мы не ограничиваемся обычным чтением, но и взаимодействуем с ним. Кликая на определенных места гипертекста (ссылках) мы изменяем привычный порядок чтения текста, переходя к интересующему нас фрагменту. Эту технологию вы наверняка знаете, если смогли добраться для чтения моего блога.

Итак, что же представляет собой этот язык? Забегая вперед скажу, что это очень просто!