Dreamweaver CC Изображение и мультимедийные советы

  1. Связать миниатюры с большими файлами
  2. Всегда сохраняйте оригиналы
  1. Программного обеспечения
  2. саман
  3. Dreamweaver
  4. Dreamweaver CC Изображение и мультимедийные советы
  5. От Джанин Уорнер

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

    Связать миниатюры с большими файлами

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

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

    Как вы можете видеть на рисунке, который показывает фотогалерею из Cinembargo веб-сайт, эта техника позволяет включать много фотографий или видеофайлов в одну фотогалерею. Когда вы нажимаете на каждую миниатюру, над этим изображением отображается увеличенная версия того же изображения.

    Этот интерактивный эффект изображения был создан с помощью функции поведения в Dreamweaver. Вы также можете использовать Dreamweaver для привязки изображений к видео, анимации и другим типам файлов.

    Всегда сохраняйте оригиналы

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

    Однако, прежде чем изображение появится на вашем веб-сайте, вы хотите оптимизировать его, сжимая файл (если вы сохраняете его в формате JPEG) или уменьшая количество цветов (если вы сохраняете изображение в формате PNG или GIF). Процесс оптимизации изображений ускоряет их загрузку, но также значительно снижает качество.

    На следующем рисунке вы видите AssetShield веб-сайт, который содержит относительно большие изображения, которые были оптимизированы для быстрой загрузки в веб-браузер.

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

    Видео и аудио файлы, а также анимации должны быть оптимизированы перед использованием на веб-сайте. И, как и в случае с изображениями, вернитесь к версии с более высоким разрешением, если вам когда-либо понадобится дополнительное редактирование.

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

 
Карта