- •1 Цель работы
- •2 Пояснение к работе
- •Подстановки
- •2.2 Перечень используемого оборудования
- •3 Задание
- •Вариант 1
- •Вариант 2
- •Вариант 3
- •Вариант 4
- •Вариант 5
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 2 «Разметка и эскиз web-страницы тегами html»
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •1. Общая структура
- •2. Атрибуты
- •3. Регистр записи команд
- •4. Escape-последовательности (подстановки)
- •5. Перевод строки, пробелы, табуляция
- •6. Комментарии
- •7. Общие рекомендации
- •8. Цветовые спецификации
- •9. Базовые теги разметки гипертекста
- •12. Заголовки
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 3 «Создание web-сайта с тремя html-страницами»
- •2. Задание
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 4 «Создание web-страницы с использованием таблиц»
- •2. Задание
- •2.1 Размещение таблиц на html-странице. Форматирование текста в таблице
- •В таблице могут использоваться следующие способы выравнивания:
- •2.2 Размещение таблиц на html-странице. Форматирование ячеек таблицы
- •Форматирование заднего фона таблиц, рядов и ячеек:
- •2.3 Размещение таблиц на html-странице. Объединение ячеек таблицы
- •Объединение ячеек таблицы:
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 5 «Дополнительные элементы языка html для форматирования web-страниц»
- •2. Задание
- •Коллекция горизонтальных линий
- •Escape-поcледовательности
- •Физические и логические стили
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 6 «Отправка данных с использованием форм. Создание формы на html-странице»
- •2. Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 7 «Форматирование web-страниц с использованием таблиц стилей. Создание каскадных листов стилей (css)»
- •2.1 Краткие теоретические сведения
- •1. Семейства шрифтов font-family
- •4. Оформление текста text-decoration. Значения: подчеркивание (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).
- •1. Цвет элемента color — цвет элемента в модели rgb или по стандартным названиям цветов.
- •Отступы.
- •1. Выравнивание text-align — выравнивание абзаца относительно страницы или ячейки таблицы. Значения: по левому краю (left), по центру (center), по правому краю (right), по ширине (justify).
- •5.2 Цель работы
- •Практическое занятие 8 «Подготовка и оптимизация графики для web-страниц»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 9 «Создание баннера для web-страницы»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •Варианты заданий
- •Практическое занятие 10 «Создание gif-анимации»
- •Практическое занятие 11 «Создание простейшей анимации в программе Micromedia Flash»
- •2.2 Перечень используемого оборудования
- •3 Задание
- •Простейшая анимация
- •Дополнительные кадры анимации
- •Анимация размеров клипа
- •Создание анимации имитирующие приближение локомотива к зрителю
- •Настойка плавности анимации
- •Применение цветового эффекта
- •Анимация фильтра Glow (Свечение) и его настройка
- •Применение фильтра Blur (Размытие)
- •Озвучивание анимации
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 12 «Анимация с использование готовых анимационных эффектов в программе Micromedia Flash»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 13 «Создание web-страницы с использованием таблиц»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 14 «Создание сайта в программе Macromedia Dreamweaver»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения Основные этапы разработки сайта
- •Типовые виды сайтов
- •2.2 Перечень используемого оборудования
- •3 Задание Вариант 1
- •Вариант 2
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
5.2 Цель работы
5.3 Задание
5.4 Выводы по работе
5.5 Ответы на контрольные вопросы
6 Список литературы
6.1 Немцова Т.И., Назарова Ю.В. Практикум по информатике: учеб. Пособие / Под ред. Л.Г. Гагариной. Ч. II. – М.: ИД «Форум»: Инфа-М, 2008. – 288 с.: ил. – (Профессиональное образование).
6.2 Немцова Т.И., Назарова Ю.В. Практикум по информатике: учеб. Пособие / Под ред. Л.Г. Гагариной. Ч. I. – М.: ИД «Форум»: Инфа-М, 2006. – 320 с.: ил. – (Профессиональное образование).
Практическое занятие 8 «Подготовка и оптимизация графики для web-страниц»
1 Цель работы
1.1 Научиться подготавливать графики для web-страниц: оптимизировать и сохранять.
1.2 Научиться пользоваться регулировками яркости и контрастности, цветового тона и насыщенности при исправлении неудачных цифровых фотографий и изображений.
2 Пояснение к работе
2.1 Краткие теоретические сведения
Под оптимизацией web-страницы понимается использование различных приемов и методов, позволяющих сделать загрузку страницы в браузере максимально быстрой для пользователей. Большинство посетителей отмечают именно высокую скорость загрузки страниц наряду с другими критериями хорошего сайта.
Оптимизируйте графику. Чтобы графические изображения быстрее загружались на web-странице, следует уменьшать размер файлов картинок при сохранении их качества. Для оптимизации графики существуют специальные программы, позволяющие управлять различными параметрами с учетом форматов файлов. Например, Adobe Photoshop, Adobe ImageReady и др. В этих прораммах изображение можно сохранять в формате для web, при этом размер файла существенно уменьшается.
Задавайте ширину и высоту рисунков. Указывайте ширину и высоту для всех изображений, чтобы браузер знал размеры рисунков еще до их появления. Это позволяет показывать содержание перед загрузкой изображений, поскольку размеры графических элементов уже известны и вместо них браузер подставляет пустые прямоугольники. Если ширина и высота рисунков не указаны, браузер станет тратить время на определение этих параметров для каждого изображения.
Многократно используйте одни и те же изображения. Используйте повторяющиеся графические элементы, такие как логотип, элементы навигации, от страницы к странице. При первой загрузке рисунка файл с изображением помещается в кэш браузера, и повторное использование данного рисунка ускоряет его появление на других страницах, где он встречается.
Цветокоррекция - изменение характеристик цветного изображения оригинала или его отдельных участков в соответствии с требованиями заказчика, технологического процесса и др. причин или исправление фотоформ, полученных в результате цветоделения на репродукционных фотоаппаратах.
Ретуширование – это, прежде всего, повышение или понижение резкости и устранение мелких дефектов.
Устранить мелкие дефекты — это, значит, удалить с фотографии загрязнения и царапины, убрать морщинки с лица, отбелить зубы, подправить прическу и т. д.
Ретуширование позволяет сделать любого человека красивее и моложе. Вот почему после обработки в Photoshop персонажи и окружающая их обстановка могут выглядеть лучше, чем в реальной жизни.
Инструменты ретуширования
-
Если необходимо устранить мелкие дефекты на фотографии. То можно инструмент Clone Stamp (Штамп).
-
Повысить резкость можно как всего изображения в целом при помощи фильтра Sharpen(Резкость), так и часть изображения с помощью инструмента Sharpen (Резкость).
-
Аналогично можно уменьшить резкость, например на лице или фоне. Для этого используется фильтр Blur (Размытие) и инструмент Blur (Размытие).
-
Осветлить или затемнить часть изображения помогут инструменты Dodge (Осветлитель) и Burn (Затемнитель).
2.2 Перечень используемого оборудования
2.2.1 Персональный компьютер
2.2.2 Описание практической работы
3 Задание
3.1 Провести цветокоррекцию фотографий: Британец, Фотограф, Шотладец, Офис, Листья, Виноград, Чекан.
3.2. Провести ретуширование фотографий: Замок, Родители, Девушки
3.3. Создать рекламный плакат
3.4. После обработки всех фотографий сохраните для web.
4 Контрольные вопросы
4.1 Какие эффекты вы применили при изготовлении рекламного плаката?
4.2 Как изменить яркость и контрастность изображения?
4.3 Как осветлить изображение?
4.4 Как исправить цветовой тон и насыщенность изображения?
5 Содержание отчета
5.1 Наименование работы