Перечень используемого оборудования. 2.2.1 Персональный компьютер

2.2.1 Персональный компьютер

2.2.2 Описание практической работы

Задание

3.1 Отформатируйте страницу с помощью листа стилей, размещённого в теге <style>...</style> (см. пример) Сохраните страницу в личной папке в файл style1.html

3.2 Запишите исходный код таблицы стиля в отчет

Контрольные вопросы

4.1Что является компонентами страницы HTML?

4.2 Какие существуют способы управления настройками браузера:

4.3 В чем главная особенность каскадных таблиц стилей?

Содержание отчета

5.1 Наименование работы

5.2 Цель работы

5.3 Задание

5.4 Выводы по работе

5.5 Ответы на контрольные вопросы

Список литературы

6.1 Немцова Т.И., Назарова Ю.В. Практикум по информатике: учеб. Пособие / Под ред. Л.Г. Гагариной. Ч. II. – М.: ИД «Форум»: Инфа-М, 2008. – 288 с.: ил. – (Профессиональное образование).

6.2 Немцова Т.И., Назарова Ю.В. Практикум по информатике: учеб. Пособие / Под ред. Л.Г. Гагариной. Ч. I. – М.: ИД «Форум»: Инфа-М, 2006. – 320 с.: ил. – (Профессиональное образование).

Практическое занятие 8

«Подготовка и оптимизация графики для web-страниц»

Цель работы

1.1 Научиться подготавливать графики для web-страниц: оптимизировать и сохранять.

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

Пояснение к работе

2.1 Краткие теоретические сведения

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

Оптимизируйте графику. Чтобы графические изображения быстрее загружались на web-странице, следует уменьшать размер файлов картинок при сохранении их качества. Для оптимизации графики существуют специальные программы, позволяющие управлять различными параметрами с учетом форматов файлов. Например, Adobe Photoshop, Adobe ImageReady и др. В этих про раммах изображение можно сохранять в формате для web, при этом размер файла существенно уменьшается.

Задавайте ширину и высоту рисунков. Указывайте ширину и высоту для всех изображений, чтобы браузер знал размеры ри­сунков еще до их появления. Это позволяет показывать содержа­ние перед загрузкой изображений, поскольку размеры графиче­ских элементов уже известны и вместо них браузер подставляет пустые прямоугольники. Если ширина и высота рисунков не указаны, браузер станет тратить время на определение этих па­раметров для каждого изображения.

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

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

Ретуширование – это, прежде всего, повышение или понижение резкости и устранение мелких дефектов.

Устранить мелкие дефекты — это, значит, удалить с фотографии загрязнения и царапины, убрать морщинки с лица, отбелить зубы, подправить прическу и т. д.

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

Инструменты ретуширования

• Если необходимо устранить мелкие дефекты на фотографии. То можно инструментClone Stamp (Штамп).

• Повысить резкость можно как всего изображения в целом при помощи фильтра Sharpen(Резкость), так и часть изображения с помощью инструмента Sharpen (Резкость).

• Аналогично можно уменьшить резкость, например на лице или фоне. Для этого используется фильтр Blur (Размытие) и инструмент Blur (Размытие).

• Осветлить или затемнить часть изображения помогут инструменты Dodge (Осветлитель) и Burn (Затемнитель).