Оптимизация графики

С этим уроком также смотрят

Теперь в руках Web-разработчиков есть универсальный пакет Dreamweaver® CS4 для создания современных Web-приложений.

Adobe® and Dreamweaver® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 14 марта 2011

Adobe® Dreamweaver® CS4,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Скачать урок
Текст урока
Как говорилось в прошлом уроке, для быстрой загрузи страницы в сети, необходимо оптимизировать все ее содержимое. Рассмотрим настройки оптимизации графики на странице.
Выделите вставленную картинку и обратитесь к панели атрибутов. На ней располагается ряд кнопок Edit (редактирование).
Кнопка Edit (редактировать) открывает программу редактирования графики. По умолчанию это программа пакета Creative Suite® Adobe® Photoshop® CS4.
Следующая кнопка – Edit Image Settings (Редактировать настройки изображения). Нажмите на нее. На экране появится диалог Image Preview (Предпросмотр изображения). В этом окне во вкладке Options (Опции) находятся основные настройки. В поле Format (формат) можно изменить формат рисунка. Для этого из выпадающего списка выберите нужное значение. В поле Quality (качество) с помощью ползунка можно настроить качество графики. Ухудшение качества приводит к уменьшению объема файла и, как следствие, к увеличению скорости загрузки страницы.
Используя параметр Smoothing (смазывание) можно размыть изображение для уменьшения его объема. Параметры текущего изображения находятся справа в окне просмотра. По окончании настроек нажмите ОК.
Вкладка File (файл) дает доступ к некоторым другим интересным опциям. Например, в поле Scale (Масштаб) с помощью текстовых полей можно настроить размер и масштаб изображения. Под областью предварительного просмотра можно найти не только найти инструменты по обрезке изображения. Вы можете разделить окно на две и четыре части, для того чтобы сравнить несколько результатов изменения параметров изображения.
Посмотрим как работать с инструментом Crop (Кадрирование). Нажмите на кнопку вызова этого инструмента. На изображении появится рамка. Перетаскивайте ее и изменяйте размер так, чтобы в ней осталась нужная часть изображения. После этого, нажмите Enter (Ввод) на клавиатуре. Каринка обрежется.
Комментарии (0)

Оглавление
Обзор программы
1. Назначение программы Adobe® Dreamweaver® CS4 1:21 3 10449
2. Стартовое окно 1:10 0 5717
3. Обзор интерфейса 2:09 0 4549
4. Переключение интерфейса 1:44 0 3247
5. Настройка интерфейса 1:51 0 2933
6. Обзор панели вставки 1:48 0 2625
7. Панель управления 1:46 0 2490
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2334
Начало работы
9. Создание сайта 2:04 2 15358
10. Создание документа 2:05 0 6103
11. Сохранение и открытие документов 1:10 0 3505
12. Режим Code 2:35 0 3417
13. Режим Design 1:35 1 3275
14. Работа со вспомогательными инструментами 2:16 0 2939
15. Установка опций фона web-страницы 1:52 0 4427
16. Макет страницы. Работа с фреймами 2:02 0 4398
17. Наполнение фреймов контентом 1:42 0 3222
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4386
19. Ввод текста и создание заголовоков 1:47 0 2775
20. Нумерованные списки 1:21 0 2366
21. Маркированные списки 1:37 0 2577
22. Многоуровневые списки 1:15 0 3123
23. Дополнительные настройки страницы 1:34 0 2104
24. Элементы SEO 2:01 2 2714
25. Панель History 1:19 0 1673
26. Редактирование состава меню Commands 1:10 0 1925
Работа со ссылками
27. Создание ссылок 2:15 0 2889
28. Создание ссылок на другие страницы 2:13 0 2704
29. Работа со ссылками при фреймовой структуре 1:23 0 1877
30. Отображение гиперссылок на странице 1:34 0 1936
Вставка графики на страницу
31. Добавление изображений 1:32 0 2691
32. Оптимизация графики 2:27 0 2192
33. Дополнительные настройки изображения 1:32 0 1932
34. Карта-изображение 1:15 0 2031
35. Rollover Images 1:44 0 2257
36. Размещение баннеров-изображений на странице 1:51 0 2452
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2373
38. Добавление видео в формате flv 2:09 0 2234
39. Вставка звука в web-страницу 1:43 1 2053
40. Создание форм на web-странице 1:34 0 2678
41. Основные управляющие элементы форм 1:41 0 1832
Таблицы
42. Добавление таблиц на страницу 2:10 0 1998
43. Форматирование таблиц 1:44 0 1787
44. Работа с ячейками. Выделение ячеек 1:13 0 1473
45. Объединение и разбиение ячеек 1:17 0 2105
46. Сортировка данных в ячейке 2:00 0 1448
47. Макет страницы на основе таблицы 2:00 1 1965
48. Дополнительные возможности табличного дизайна 1:49 0 1904
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2765
50. Редактирование списка браузеров 1:44 0 1825
51. Использование Device Central CS4 1:14 0 2745
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook