- Программного обеспечения
- саман
- Dreamweaver
- Dreamweaver CC Изображение и мультимедийные советы
От Джанин Уорнер
Независимо от того, насколько хорош ваш контент, ваши изображения, видео и мультимедиа производят большое впечатление на посетителей вашего сайта Dreamweaver. Вот несколько советов по управлению изображениями, видео и другими мультимедиа на ваших веб-страницах.
Связать миниатюры с большими файлами
Большие изображения красивы, но они требуют больше времени для загрузки, чем маленькие изображения. Обычный метод демонстрации множества изображений на одной странице - создание небольших версий каждого изображения, называемых миниатюрами, а затем связывание каждого из них с более крупными версиями одного и того же изображения.
Эта техника также работает, когда вы хотите продемонстрировать коллекцию видео или анимации. Вы можете создать неподвижное изображение из одного кадра видео, а затем использовать его в качестве эскиза, который ссылается на каждый видеофайл.
Как вы можете видеть на рисунке, который показывает фотогалерею из Cinembargo веб-сайт, эта техника позволяет включать много фотографий или видеофайлов в одну фотогалерею. Когда вы нажимаете на каждую миниатюру, над этим изображением отображается увеличенная версия того же изображения.
Этот интерактивный эффект изображения был создан с помощью функции поведения в Dreamweaver. Вы также можете использовать Dreamweaver для привязки изображений к видео, анимации и другим типам файлов.
Всегда сохраняйте оригиналы
Большинство дизайнеров создают изображения для Интернета с помощью такой программы, как Photoshop. Для достижения наилучших результатов вы хотите выполнять всю цветовую коррекцию, ретуширование и другое редактирование с использованием фотографий или графики с высоким разрешением.
Однако, прежде чем изображение появится на вашем веб-сайте, вы хотите оптимизировать его, сжимая файл (если вы сохраняете его в формате JPEG) или уменьшая количество цветов (если вы сохраняете изображение в формате PNG или GIF). Процесс оптимизации изображений ускоряет их загрузку, но также значительно снижает качество.
На следующем рисунке вы видите AssetShield веб-сайт, который содержит относительно большие изображения, которые были оптимизированы для быстрой загрузки в веб-браузер.
Помните, что если вы когда-нибудь захотите вернуться и изменить изображение после его оптимизации для Интернета, вам нужно отредактировать исходный исходный файл, версию, которую вы сохранили до сжатия изображения или уменьшения цветов. Точно так же, если вы работаете с изображением, имеющим несколько слоев, в такой программе, как Photoshop, эти слои необходимо выровнять, прежде чем изображение можно будет разместить на веб-сайте.
Видео и аудио файлы, а также анимации должны быть оптимизированы перед использованием на веб-сайте. И, как и в случае с изображениями, вернитесь к версии с более высоким разрешением, если вам когда-либо понадобится дополнительное редактирование.
Независимо от того, создаете ли вы свои собственные изображения и мультимедийные файлы или нанимаете профессионального дизайнера, убедитесь, что вы разработали систему для сохранения всех исходных изображений в максимально возможном разрешении, чтобы иметь их, если вам когда-нибудь понадобится изменить изображение позже.