JavaScript. Картинки, галереи, слайдеры: Учебное пособие для СПО

Description

Современные web-ресурсы невозможно представить без серьезного сопровождается фотографиями. Естественно, что важное место в разработке сайтов занимает вопрос наилучшего представления иллюстраций. Между тем в литературе по JavaScript этой теме посвящено крайне незначительное количество материала. Данная книга призвана ликвидировать этот пробел. В ней приведено 36 примеров сценариев, предназначенных для манипулирования изображениями. Среди них программы для: просмотра и выбора фотографий; вставки рисунков на страницы; наполнения галерей и автоматических слайдеров; загрузки картинок на сайт; перемещения фото; создания эффектов для различных изображений. Соответствует современным требованиям Федерального государственного образовательного стандарта среднего профессионального образования и профессиональным квалификационным требованиям. Рекомендовано в качестве дополнительной литературы для студентов вузов, обучающихся по направлению «Информатика и вычислительная техника». Оглавление 1. Введение 1.1. О чем эта книга 1.2. Особенности изложения материала 1.3. Оформление сценариев 2. Среда разработки 2.1. Выясняем разрядность ОС 2.2. Установка пакета Visual C++ 2.3. Установка сервера Apache 2.4 2.4. Установка PHP 8 2.5. Установка редактора Notepad++ 8 2.6. Установка файлов zip-архива на локальный хостинг 3. Тестирование программ 3.1. Тестирование сценариев в браузерах 3.2. Тестирование сценариев в валидаторах 3.3. Кодировка файлов 4. Элемент img 4.1. Атрибут src 4.2. Атрибут alt 4.3. Атрибут title 4.4. Атрибут id 4.5. Атрибут class 4.6. Атрибут style 4.7. Атрибут draggable 4.8. Атрибуты ismap и usemap 5. Свойства изображений 5.1. Размер в документе 5.2. Рамки 5.3. Тени 5.4. Непрозрачность 5.5. Положение на странице 5.6. Положение в линии элементов 5.7. Внешний зазор 5.8. Центрирование по вертикали 5.9. Выравнивание по вертикали 5.10. Видимость 5.11. Вид курсора 5.12. Иерархия 5.13. Оттенки серого 5.14. Вращение 5.15. Перспектива 5.16. Фоновый рисунок 6. Просмотр фото 6.1. Простой просмотр 6.2. Просмотр на фоне 7. Выбор фото 7.1. Выбор для просмотра 7.2. Увеличиваем непрозрачность 7.3. «Гасим» лишнее 7.4. Выбор из списка 7.5. Увеличение и растворение 7.6. Вращаем изображения 7.7. Колонка фотографий 7.8. Список альбомов 7.9. Слои вместо фото 8. Вставка фото 8.1. Фото со страниц 8.2. PHP на помощь 9. Галереи 9.1. Смещаем фото вверх 9.2. Фото по номерам 9.3. Три галереи 9.4. Перемотка от центра 9.5. Перемотка с растворением 9.6. Галерея-аккордеон 9.7. Галерея с ограничителями 9.8. Замкнутая галерея 9.9. Оптимальная галерея 10. Автоматические слайдеры 10.1. «Левый» слайдер 10.2. Слайдер c растворением 11. Загрузка по частям 11.1. Добавляем снимки 11.2. Последовательное проявление 11.3. Бесконечная лента 12. Перемещение изображений 12.1. Направляем ракету 12.2. Перемещаем солнце 12.3. Освещаем пейзаж 12.4. Тормозим шарики 13. Эффекты 13.1. Пасьянс из картинок 13.2. Раскрашиваем рисунки 13.3. Настраиваем фото 13.4. Проявляем картинку 13.5. Фото за шторкой 14. Заключение