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

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

Теперь в руках 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 10413
2. Стартовое окно 1:10 0 5705
3. Обзор интерфейса 2:09 0 4538
4. Переключение интерфейса 1:44 0 3238
5. Настройка интерфейса 1:51 0 2923
6. Обзор панели вставки 1:48 0 2619
7. Панель управления 1:46 0 2483
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2326
Начало работы
9. Создание сайта 2:04 2 15318
10. Создание документа 2:05 0 6083
11. Сохранение и открытие документов 1:10 0 3499
12. Режим Code 2:35 0 3402
13. Режим Design 1:35 1 3269
14. Работа со вспомогательными инструментами 2:16 0 2933
15. Установка опций фона web-страницы 1:52 0 4420
16. Макет страницы. Работа с фреймами 2:02 0 4388
17. Наполнение фреймов контентом 1:42 0 3214
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4383
19. Ввод текста и создание заголовоков 1:47 0 2771
20. Нумерованные списки 1:21 0 2364
21. Маркированные списки 1:37 0 2573
22. Многоуровневые списки 1:15 0 3121
23. Дополнительные настройки страницы 1:34 0 2102
24. Элементы SEO 2:01 2 2710
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2884
28. Создание ссылок на другие страницы 2:13 0 2699
29. Работа со ссылками при фреймовой структуре 1:23 0 1874
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2687
32. Оптимизация графики 2:27 0 2188
33. Дополнительные настройки изображения 1:32 0 1927
34. Карта-изображение 1:15 0 2029
35. Rollover Images 1:44 0 2255
36. Размещение баннеров-изображений на странице 1:51 0 2449
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2371
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2673
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1993
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2100
46. Сортировка данных в ячейке 2:00 0 1445
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2760
50. Редактирование списка браузеров 1:44 0 1822
51. Использование Device Central CS4 1:14 0 2741
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook