extracted_text:
Лабораторная
работа 1.
Тема:
Модели цвета RGB, CMYK, HSB. Основы работы с редактором.
Цель работы: Обретение умений и навыков работы в редакторе Adobe
Photoshop.
Освоение базовых компонентов моделей RGB, CMYK и HSB.
Задание:
1)  Откройте изображение.
Пример:

Исходное изображение

2)  Сделайте копию слоя заднего фона,
нажав на клавиатуре сочетание клавиш
Ctrl+Alt+J.

3)
Измените режим
наложения слоя с Нормального (заданного по умолчанию) на режим «Мягкий свет».
4)  Нажмите на значок «Каналы» на
панели слоев.

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

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

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

Чтобы перейти к полноценной цветной
версии изображения, нажмите на канал RGB в самом верху панели каналов. Это
действие вернет все три цветовых канала в работу:

Во Внешнем канале поменяйте режим
наложения на «Перекрытие», а «Канал» RGB на «Красный».

Результат наложения
6)
Поиграйте с
режимами наложения и каналами изображения. Создайте собственное изображение с
выбранными параметрами. Сохраните его отдельно для предъявления результата
первого выполненного задания, и продолжайте работу с ним дальше.
7)
Переведите
изображение из цветовой модели RGB в цветовую модель CMYK (Редактирование ⟶
Преобразовать в
профиль).
8)
Откройте панель
«Каналы». Нажмите CTRL и кликните по желтому каналу. (Сделав это, вы
загрузили выделение. То есть слепок маски. Выделение — на половину маска).
9)
Переключитесь на
рабочую область и создайте заливочный слой (Слой ⟶ Новый слой ⟶ заливка ⟶ Цвет).
10)   В появившемся окне Палитра цветов выбираем
значения CMYK — C0 M0
Y100 K0

11)   Кликните по иконке маски и нажмите CTRL+I
Инвертировать.
12)   Таким же способом создайте слои для
черной, синей и пурпурной краски.
Расставьте слои так же, как и в каналах. Не забудьте
инвертировать каждую маску.
13)   Измените режим наложения каждого из
слоев на Myltiply (Умножение).

14)
Сохраните его
отдельно для предъявления результата второго выполненного задания, и
продолжайте работу с ним дальше.
15)   Настройте цвета, используя цветовую
модель HSB.
16)   Сохраните изображение.

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

1)
Дайте определение
цветовым каналам.
2)
Что такое маска?
Назовите её назначение.
3)
В чем разница
между двумя цветовыми моделями RGB и CMYK?
4)
Сколько оттенков
цвета может содержать в себе каждый канал?
5)
Какой режим
используется для печати и публикаций?
6)
Что происходит
при конвертировании из RGB в CMYK?
7)
Напишете
"формулы" получения цветов CMYK.
8)
Назовите плюсы и
минусы модели HSB.
9)
Для чего в
лабораторной используется режим наложения слоев на Умножение в задании 13.
10)   Перечислите разновидности системы
HSB. Опишите их.
11)   Чем модель CMYK отличается от модели CMY?

12)
Опишите
назначение следующих цветовых моделей: аппаратно-зависимых,
аппаратно-независимых, интуитивных.
13)   Опишите аддитивный и субтрактивный
принципы синтеза цветов.
14)
Сколько цветовых
моделей способен обрабатывать растровый редактор Photoshop? Сколько из них
способны хранить информацию о цвете?
15)
Какой стандартный
элемент оформления в редакторе позволяет управлять слоями и каналами?
Лабораторная
работа 2.
Тема: Шрифт и текст. Работа со
слоями.  Цель
работы: Получение
навыков работы со шрифтами и текстом в редакторе Photoshope.
Задание:
1)
Создайте новый
слой. Используйте инструмент Текст, чтобы написать свои фамилию,
имя и группу.

2)
С помощью
инструментов Трансформирование и Деформация текста,
добейтесь эффекта, как на рисунке ниже (цвет и шрифт текста по желанию).

3)
Сохраните
изображение для предъявления первого результата.

Результат

4)
Откройте
изображение. Выберите в панели инструментов инструмент
Горизонтальный текст-маска. Напечатайте тот же текст, что и в прошлом
задании
(создаем
шрифт,  вырезанный из
изображения).  5)   Превратите текстовую маску в выделение.
Для этого щелкните мышью на любом из инструментов в палитре инструментов (кроме
инструмента Текст).

Шрифт
превращен в выделение

6)
Добьемся эффекта
3D-текста. Чтобы вы могли применить эффекты слоя, выполните команду Слой |
Новый | Скопировать на новый слой или
нажмите комбинацию клавиш CTRL+J. Смысл этой команды в создании нового слоя, который
становится активным.

7)
Выполните команду Тиснение.
Меняя настройки
тиснения, добейтесь результата, как на примере ниже:

Пример результатов тиснения

8)     Сохраните изображение для
предъявления второго результата.

9)
Далее создадим
печать (штамп). Откройте изображение или документ, на котором будет поставлен
штамп.

10)
Выбираем на панели
инструментов инструмент Обычные формы, а на панели атрибутов (свойств) этого
инструмента находим форму данного инструмента в виде окружности.

11)
Удерживая клавишу Shift, рисуем круг. Дублируем его и
выполняем сочетание клавиш <Ctrl+Т>, (Свободная трансформация), уменьшая второй (внутренний) круг,
удерживая клавишу Alt:

Пример наложения штампа

12)
На Палитре
инструментов выбираем
инструмент Выделение контура и
указываем им наш внутренний (маленький) круг. Активируем инструмент Горизонтальный
текст и щелкаем мышкой
на внутреннем круге. Теперь пишем текст. Получается то, что в векторных
программах называется "Текст по кривой".

13)
Выбираем Выделение
контура и щелкаем на
маленьком круге. Выполняем свободную трансформацию внутреннего круга командой <Ctrl+Т> и, удерживая клавишу Alt, тянем за угловой маркер совсем для
того, чтобы вывести наш текст в пространство между двумя окружностями:

Пример наложения текста на штамп

14)
Усложним наш штамп.
На Панели
атрибутов инструмента
Обычные
формы выберем
инструмент Линия
и установим параметр
Ширина равным 4 пиксела. На внутреннем круге
проводим две параллельные линии, а между ними пишем текст:

Пример усложненного штампа

15)   Сохраните изображение для
предъявления третьего результата.

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

1.
Назовите
классификацию шрифтов.
2.
Что
такое растровый шрифт?
3.
Чем
отличается «горизонтальный текст» от «горизонтальный текстмаска»?
4.
Что
содержит палитра Символ и Абзац?
5.
С
помощью чего можно создать эффект 3D текста?
6.
Что
такое векторный шрифт?
7.
Назовите компоненты Шрифт
Adobe Type 1 (Post Script).
8.
Что
такое деформация текста? Как ее применить?
9.
С
помощью чего тексту можно добавить тень, свечение?
10.
В
каких форматах следует сохранять  редактируемый текст?
11.
Как
создать точечный текст, текстовый блок?
12.
Как
создать текстовую маску?
13.
Каковы
возможности редактирования текстовых слоев?
14.
Как
расположить текст вдоль произвольного контура?

Лабораторная
работа 3 (Photoshop)
Тема:
Обтравочные маски, кисти. Выделения и маски. Многошаговые процедуры создания
сложных масок.

Цель
работы: Получение навыков работы с масками и кистями в редакторе
Photoshop.

Задание:
1)
Создайте
новый слой. Используйте инструмент Текст, чтобы написать свою
фамилию, имя и группу.

2)
Добавьте
фоновое изображение. Примените к этому изображению Обтравочную маску.
С помощью Слой =>Создать обтравочную маску.

3)
Сохраните
изображение для предъявления первого результата.

Результат

4)
Создайте
новый слой. Нарисуйте образец для новой кисти. По окончанию  выполните
команду  главного меню
Редактирование=>Определить
кисть. В диалоговом окне  «Имя кисти» вводите
имя для новой кисти и жмете OK.

Результат

5)
Сохраните
изображение для предъявления второго результата.  6) Загрузите
изображение. Создайте дубликат основного слоя Ctrl+J. 7) Активизируйте
инструмент «Фоновый ластик» (удерживая Shift,
несколько раз нажать клавишу E). Задайте значения настроечных
параметров инструмента. Для данного примера целесообразно выбрать режимы «Смежные
пикселы» и «Однократно», значение допуска, равное
примерно 10 процентам.
8)  Комбинируя
щелчки и перемещения ластика, создать вокруг изображения «зону
отчуждения» (См. пример ниже).

Пример

9)  После
того, как создана «пограничная область», требуется распространить
ее на все пространство фона, до границ изображения включительно. Эту часть
работы проще всего выполнить при помощи инструмента «Прямолинейное лассо»
либо «Магнитным лассо». 10) Вырежем
машину. Задачу проще всего решает нажатие клавиш Ctrl+J.  11) После
этой операции на границе изображения может остаться полоска, состоящая из
пикселов фона. Для ее удаления следует применить команду  Слой => Обработка краев => Убрать бахрому.
По окончанию примените размытие по Гаусу, чтобы сгладить слегка
края.

Результат

12)
Загрузите
изображение.

Пример

13)
Выведите
на экран палитру Каналы (Окно => Каналы).
Оригинал
представляет собой сканированный снимок, заданный в модели RGB, поэтому
состоит из трех каналов. Чтобы отобразить на экране представление одного
цветового канала достаточно щелкнуть по его имени в палитре Channels.
Другое решение этой задачи дают клавиатурные комбинации: Ctrl+3 -для Red,
Ctrl+4 - для Green, Ctrl+5 - для Blue. Если работать с каналом
напрямую, то это может привести к появление цветовых аномалий, поэтому канал
следует дублировать.
Перетащите его
пиктограмму на кнопку «Создать новый канал». Новый канал получит
имя Blue copy и станет активным.
14)
Для
усиления контраста между изображением обезьянки и окружающей средой примените к
картинке средство  Изогелия (в С6 версии она называется Порог)
Изображение => Коррекция => Изогелия. Значение порога
160.
Несколько
фрагментов требуют ручного вмешательства. Все необходимые правки можно
выполнить посредством обычной кисти или ластика, просто перекрашивая неточно
выделенные области в белый или черный цвет (См.
пример ниже).

Пример

15)
Для
сглаживания краев примените размытие по Гауссу. Выберите небольшую величину
радиуса размытия, в интервале от 0,8 до 1.

Результат

16)
Сохраните
изображение для предъявления третьего результата.
17)
Загрузите
два изображения.

Пример

18)
Создайте
маску слоя при помощи кнопки Добавить маску слоя внизу палитры
слоев.
19)
При
помощи Кисти и черного цвета, скройте часть изображения.

Результат

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

1.
Что
такое маски? Для чего используются альфа – каналы?
2.
Как
создать и редактировать альфа – канал?
3.
Что
такое режим быстрого маскирования?
4.
Как
создать маску слоя?
5.
Что
содержит палитра Каналы?
6.
Что
содержат окна Замена цвета, Цветовой диапазон?

Лабораторная
работа 4.
Тема: Удаление артефактов. Работа с инструментами
Штамп, Восстанавливающая кисть,
Заплатка.
Цель
работы: Изучение методов удаления артефактов. Получение
навыков работы с инструментами Штамп, Восстанавливающая кисть, Заплатка.

Задание 1. Инструмент
Clone Stamp (Штамп)

Пример

1.     Загрузите
изображение.
2.     Выберите
инструмент Clone Stamp (S).
3.     Увеличьте
масштаб изображение примерно до 200% (Ctrl+плюс) и сделайте видимым левый скол,
расположенный у самого края снимка.
4.     Сделайте
неактивной опцию Aligned (Выравнивание).
5.     Выберите
мягкую кисть. Удерживая клавишу Alt, щелкните по исправной области фона, расположенной
в близости от обрабатываемого фрагмента.
6.     Меняя
точку отбора пробы и жесткость кисти, заделайте левый скол    фотографии.

Исправление левого скола

7.     Удалите
остальные дефекты на фоне фотографии.
8.     Для
завершения работы осталось поправить граничные области.    Выберите инструмент
Crop (Рамка) и растяните рамку, размеры и положение которой намечают будущую
форму фотографии.

Изображение до и после обработки

Задание
2. Инструмент Healing Brush (Восстанавливающая кисть)

Пример

1.     Загрузите
изображение. Создайте дубликат фонового слоя.
2.     Выберите
восстанавливающую кисть (J)
3.     Установите
жесткую кисть, диаметр которой сопоставим с шириной морщин (в нашем примере
пять пикселов), активизируйте радиокнопку Sampled (По образцу) и снимите
пометку с переключателя Aligned (Выравнивание).
4.     В
примере для маскирования носовых складок хорошо подойдут соседние участки скул.
Возьмите образец донорской области (который подходит вам) при помощи щелчка
мышкой при нажатой клавише Alt. Не меняя "прицела", нанесите
несколько коротких последовательных мазков сначала на одну носовую складку,
затем на другую.
5.     Для
исправления резких морщин на подбородке подойдут соседние фрагменты щек.
Выберем участок со средней интенсивностью волосяной поросли, возьмем пробу и
перенесем ее на обе кожные складки подбородка. И в этом случае нет
необходимости в изменении донорской области.

Исправленный
снимок

Задание 3. Инструмент
Patch (Заплатка)

1. Базовая техника

Пример
1.     Загрузите
изображение.
2.     Постройте
выделение поврежденной области. Для этого можно использовать любой штатный
инструмент выделения (в данном случае удобнее работать с лассо) или сам
инструмент Patch.

Выделение поврежденной области
3.     Выберите
инструмент Patch (Shift+J). Установите радиокнопку Source (Источник), которая
обычно выбирается по умолчанию.
4.     Зацепите
инструментом выделенную область и перетащите ее на ту часть изображения,
которая выбрана для клонирования. Как только будет отпущена левая кнопка мыши,
эталонная область будет скопирована в выделение и созданная заплата будет
наложена на поврежденный фрагмент.

Смещение выделенной области

Обработанное
изображение
2. Усовершенствованная методика

Пример
сильно текстурированной поверхности
1.     Загрузите
изображение.
2.     Проведите
осмотр изображения и найдите подходящий донорский фрагмент. Выберите инструмент
Lasso(L) и постройте выделение выбранной области

Выбор донорской области

3.     Активизируйте
инструмент Patch (J). В данной ситуации инструмент должен работать в режиме
Destination. Удерживая клавиши Ctrl+Alt,
перетащите
построенное выделение на поврежденный фрагмент.
4.     После
того, как заплата будет поставлена на место, освободите клавиши Alt и Ctrl.
Воспользуйтесь комбинацией Ctrl+T для активизации команды свободного
деформирования. В результате появится рамка и манипуляторы команды свободного
деформирования.

Трансформация виртуальной заплатки

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

Исправленное изображение

3. Обработка областей с высокой
контрастностью

Пример
1.     Загрузите
изображение.
2.     При
помощи лассо обведите поврежденный фрагмент. Затем выберите инструмент Patch (в
режиме Source) и перетащите его на ту часть фона, которая расположена ниже и
левее дефекта.

Выделение дефекта
В данном случае
интеллектуальная обработка инструмента сработала со значительными ошибками.

Результат наложения заплатки
3. Активизируйте
инструмент Clone Stamp (S), выберите кисть достаточно больших размеров
(примерно 40 пикселов), удерживая клавишу Alt, пометьте донорскую область и
обработайте штампом артефакт.

Подготовительная обработка дефекта штампов

4.     Снова
постройте выделение обрабатываемой области, выберите инструмент Patch и
перетащите выделение на протяженный участок фона, расположенный ниже и левее
дефекта.
5.     Повторите
операцию еще раз без изменения настроечных параметров и донорской области.
Повторное наложение виртуальной заплатки полностью решает проблему.

Обработанная
фотография

Контрольные
вопросы
1.
Что
принято называть артефактами?
2.
Приведите
краткое описание настроек инструмента Clone Stamp
(Штамп)
3.
Что
такое клонирующий штамп?
4.
Работает
ли штамп на корректирующих слоях?
5.
От
чего в первую очередь зависит результативность операции клонирования в первом
задании?
6.
Сколько
режимов наложения может использовать восстанавливающая кисть?
7.
Какую
команду необходимо применять, чтобы уменьшить интенсивность действия
восстанавливающей кисти?
8.
Опишите
принципы выполнения Базовой техники,
Усовершенствованной
методики и Обработки областей с высокой контрастностью.
9.
В
чем заключается базовая техника инструмента Patch (Заплатка)?
10.      Какое
назначение кнопки Source (Источник)?

Лабораторная
работа 5.
Тема:
Корректировка лица.
Цель
работы: Изучение методов ретуширования для исправления
дефектов кожи, повышения контраста лица, создания различных имиджей.

Задание.

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

Контрольные
вопросы
1.
Каким
образом создается фактура кожи? Зачем при этом нужно «зашумливать» изображение?

2.
Какой
режим наложения рекомендуется использовать для повышения контрастности и
почему?
3.
Что
такое маска отсечения?
4.
Опишите
алгоритм для придания блеска на любых частях тела.
5.
Опишите
алгоритм использования фильтра размытия.

Лабораторная
работа 7.
Тема:
Smart-объекты. Трансформация.
1
Выполните
практические упражнения из лекции
2
Самостоятельное
задание
Откройте файлы Заготовка для Samba.psd
и Samba.psd.
В файле Заготовка для Samba.psd в
отдельных слоях находятся «запчасти» для будущей танцовщицы (Рис. 1).

Рис. 1. Файл Заготовка для Samba.psd в слоях

Ваша задача — выделить подходящими инструментами выделения
нужные части слоев и собрать файл-пример Samba.psd
(Рис. 2).

Рис. 2. Файл-пример Samba.psd

3
Контрольные
вопросы.
1
Дайте определение смарт-объектам. В чем их преимущества и
недостатки?
2
Приведите описание комбинаций быстрых клавиш для маркеров. 3 Опишите операцию Деформация
(Warp)
4
Как применить операцию Деформация (Warp) к смарт-объектам?
5
К каким объектам можно применять марионеточную деформацию?
6
Назовите способы защиты участков изображения при масштабировании
с учетом содержимого.

Лабораторная
работа 8
Тема: Разработка макета персонального сайта в
графической среде Adobe Photoshop

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

Постановка
задачи: В графическом редакторе Adobe Photoshop разработать макет персонального
сайта, который включает следующие элементы:
-
фон;

-
заголовок
сайта;
-
меню
сайта (вертикальное или горизонтальное по усмотрению студента)
-
два
– три информационных блока для левой и правой части соответственно;
-
информационный
блок для центральной части страницы; - завершающую
часть сайта.

Этап
1: Разработка композиции макета
При разработке сайтов для крупных компаний
или порталов, содержащих большое количество функций (ленту новостей, форму
авторизации и т.д.) первым Этапом является разработка макета. Хорошим тоном при
создании любых Интернет-ресурсов является визуальная схожесть всех его страниц.
Непрофессиональным подходом считается, например, использование разного фона на
отдельных страницах сайта или поразному оформленных заголовков. Изначально сайт
должен восприниматься пользователем как единое целое. В применении к
корпоративным и персональным сайтам, которые, как правило, содержат несколько
десятков страниц, это означает, что для каждой страницы сайта должен
использоваться один и тот же макет. В большинстве случаев при разработке макета
отводится место как для общих элементов, которые будут отображаться на всех
страницах, так и для индивидуальных, которые составляют контент страницы.
Содержимое макета для сайта компании,
которое является общим для всех страниц, должно подчеркивать индивидуальные
особенности компании, выделять ее род деятельности так, чтобы у пользователя,
посетившего сайт такой компании, складывалось ассоциативное впечатление о ее
деятельности еще до того, как он прочитает заголовок страницы. При этом в общих
элементах макета стараются размещать такой графический материал, который
ассоциативно связан с родом деятельности компании. Например, для сайта
компании, занимающейся транспортными перевозками, в качестве графического
материала можно использовать изображения карты.
В этом случае команда разработчиков в
крупной компании включает дизайнеров, верстальщиков и программистов. Задача
дизайнера заключается в подготовке макета сайта в любом графическом редакторе,
задача верстальщика – в подготовке шаблона HTML кода, задача программиста –
наполнение сайта динамически меняющимся содержимым (например, разработка
динамического содержимого каждой страницы). Кроме того, в команду разработчиков
могут входить редакторы и корректоры, задача которых заключается в разработке
контента сайта, а также тестировщики, которые выявляют возможные ошибки в
отдельных модулях сайта или портала. Исправляют эти ошибки, как правило,
программисты.
Макет как корпоративного, так и
персонального сайта может разрабатываться в любом графическом редакторе.
Профессионалы, в основном используют Adobe Photoshop и Adobe Illustrator.
Первый программный продукт идеально подходит для создания макета, а второй
используется при разработке логотипов и других векторных изображений, которые
используются на сайте.
В традиционных сайтах макет включает
следующие общие блоки: заголовок сайта, левую и правую часть, которые содержат
наиболее свежую и актуальную информацию для пользователя, завершающую часть,
которая содержит сведения о разработчике, счетчики, время генерации страницы
(для динамических сайтов), дату последней модификации и т.д. (рис. 1). Меню
сайта может располагаться в заголовке или левой части, иногда меню сайта
размещают также в правой части, хотя встречается это редко.
Индивидуальным блоком макета, фактически,
является только центральная часть, которая содержит уникальную в рамках
страницы информацию. Этот блок конструируется так, чтобы он мог содержать
произвольную информацию.
При разработке композиции макета сайта важно
определить, сколько страниц будут включать сайт, какая информация будет
располагаться в левой и правой части, сколько пунктов будет содержать основное
меню сайта и т.д. Эта информация является основополагающей при разработке
композиции и в дальнейшем не должна изменяться. Если, например, в
горизонтальном меню увеличится количество пунктов, то меню просто не поместится
в отведенное место. Такие ситуации недопустимы.

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

Левая
  часть
(имеет фиксированный размер – от 150 до 250 пикселей
  и содержит
регистрационные формы, ленту новостей и т.п.)

Центральная
  часть
(содержит основной документ. На главной странице
  может размещаться поясняющий текст, объясняющий
пользователю, на какой
  сайт он попал и
каковы
  его основные возможности. Если
сайт состоит из нескольких страниц, то
  хорошим тоном при верстке сайта является изменение только этой части
макета)

Правая
  часть
(имеет фиксированный размер от 150 до
  250 пикселей и
содержит менее актуальные для
  пользователя
интерактивные элементы: голосование,
  статистику
сайта, ссылки на другие источники, баннеры)

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

Рис.1. – Примерная структурная схема макета сайта

Этап
2. Выбор фона для сайта
Как правило, при разработке макета сайта
используют ненавязчивый фон. Если на фон необходимо поместить изображение, то
обычно используются различные комбинации однородного цвета (или градиента) и
изображения. Изображение не может выступать в качестве самостоятельного фона,
поскольку в этом случае фон может получиться слишком ярким, содержащим большое
количество цветовых оттенков, и создавать у пользователя неверное впечатление.
Поэтому фоновое изображение следует предварительно подготовить. Такая подготовка
может включать обесцвечивание рисунка, увеличение яркости или регулировку его
прозрачности на фоне однородного цвета. Кроме того, необходима также и тоновая
коррекция изображения, если однородный цвет отличается от серого цвета.
Для разработки макета сайта в среде
Photoshop обычно создают новое изображение, ширина которого не меньше
минимально допустимой разрешающей способности монитора.
Так как сайт рассчитан, прежде всего, на
многоцелевую аудиторию, то оптимальная ширина макета лежит в пределах 850-950
пикселей. Появление горизонтальной полосы прокрутки при низком разрешении
монитора – признак неудачной композиции сайта. Высота макета – произвольная
величина и зависит только от размеров заголовка сайта и нижней части.
Оптимальная высота – 500 пикселей.
Подготовленный при выполнении Этапа 2 фон
помещают на самый нижний слой макета в среде Photoshop.

Этап
3. Разметка информационных блоков макета
Разметка информационных блоков макета
является логическим продолжением композиции макета. Цель такой разметки
заключается в определении размеров для каждого блока и наведении границ каждого
блока. Если в дальнейшем границы макета не будут задействованы в окончательном
варианте макета, они все равно необходимы, так как это в дальнейшем сильно
облегчит этап верстки сайта.
Разметка информационных блоков выполняется
исключительно инструментом “Карандаш” с шириной кисти в 1 пиксель.
Использование других инструментов, например, “Линия” неуместно, поскольку в
дальнейшем при растеризации контур линии получается размытым. Именно в данном
случае говорят о так называемом “техническом” дизайне, подчеркивая, в первую
очередь, точность и четкость изображения. Любой, правильно выполненный, макет
сайта обязательно содержит элементы технического дизайна. На рис. показан фрагмент
разметки информационных блоков для сайта, посвященного поиску заказов на
перевозку крупногабаритных грузов.

Рис. 2 – Пример разметки информационных
блоков сайта (фрагмент)

Следует отметить, что в зависимости от
разрешения экрана, сайт может иметь разные размеры. Исходя из этого, при
разработке макета сайта необходимо, чтобы некоторые элементы сайта не имели
четкого фиксированного размера, т.е. были динамическими. Если сайт построен по
традиционной схеме (см. рис. 1), то обычно фиксированными оставляют левую и
правую часть, а вот ширина центральной части меняется в зависимости от размеров
окна браузера. В заголовке и нижней части сайта также должны существовать
“резиновые” элементы. В заголовке сайта динамичность элементов, как правило,
достигается за счет периодического повторения однородного фонового изображения
заголовка. Поэтому в любом заголовке сайта такие динамические элементы
обязательно должны присутствовать.
Если сайт содержит горизонтальное меню
(как, например, на рис. 2), то динамичность элементов меню достигается, либо за
счет промежутков между пунктами меню, либо за счет изменения размеров самих
пунктов меню. Изменение размеров не всегда целесообразно, поэтому в большинстве
случаев используется первый вариант.

Этап
4: Разработка заголовка сайта
Для разработки заголовка сайта необходимо
подобрать графический материал, который приблизительно соответствует тематике и
общей направленности ресурса. Например, при разработке игрового портала  для
заголовка можно использовать изображение колоды карт или шахматной доски. Кроме
того, заголовок обязательно должен содержать фрагмент изображения, которым
можно замостить часть заголовка, чтобы создать иллюзию динамичности. Для этого
лучше всего использовать симметричную штриховку фона или горизонтальные линии,
как показано на рис. 3. При разработке заголовка сайта грузоперевозок,
изображенного на рисунке 3, были использованы только два изображения, взятые из
Интернета: изображение фуры и фото площади Белорусского вокзала (г. Минск).
Дорога, тротуар, бордюры и оба бигбоарда были получены средствами Photoshop.
Так, дорога и тротуар получаются из серого фона с добавлением шума и белых
разметочных полос с последующим искажением для придания трехмерного
представления, а бордюры – серые линии. Для обеспечения динамичности заголовка
использована область, отмеченная на рис. 5 красным прямоугольником. При
изменении размеров сайта у пользователя создается впечатление, что изменяются
размеры бигбоарда, расположенного у противоположного края дороги, края которого
скрывает меню сайта. Наконец, при помощи эффекта слоя “Отбросить тень” удалось
придать объем заголовку сайта в целом. На бигбоардах, а также на фуре можно
поместить логотип и название компании, а также ссылки общего назначения, такие
как “Добавить в избранное”, “Сделать стартовой и т.д.”

Этап
5. Разработка меню сайта и заголовков информационных блоков
Меню сайта – пожалуй, самый простой
элемент, который либо завершает заголовок сайта (если меню горизонтальное),
либо выступает в качестве самостоятельного элемента, если меню расположено
слева или справа. Если меню сайта выступает как часть заголовка, то очень часто
первый пункт меню повторяет контур заголовка. Это создает некоторые проблемы
при верстке, однако такой сайт выглядит намного красивее. Сам факт осознания
того, что контур меню повторяет контур заголовка, создает целостность картины в
целом. Для придания объема самому меню используют градиентную заливку. При этом
в качестве исходных цветов используются цвета, которые не слишком отличаются
друг от друга, например желтый и оранжевый, голубой и синий, либо оттенки
одного и того же цвета.
Так как меню является интерактивным
элементом, при разработке важно предусмотреть минимум три состояния у каждого
из элементов меню: обычное состояние, подсвеченное состояние и нажатое (или
фиксированное) состояние, которое показывает, какая страница сайта является
текущей. На рисунке 4 показаны два из трех возможных состояний.
Заголовки информационных блоков обычно
оформляются в той же цветовой гамме, что и меню, так как цель каждого заголовка
– привлечь внимание пользователя к тому или иному блоку. Заголовки на рис. 4
выполнены в той же цветовой гамме, однако разделение на две горизонтальные
полосы отсутствует, чтобы подчеркнуть их индивидуальность.

Рис. 4 – Готовый макет сайта (фрагмент)

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

Советы
к дизайну
Цветовые
сочетания, цвет
Цвет определяется
темой самого сайта. Цвет должен гармонировать с темой. Как правило, основная
часть сайта должна состоять из светлых цветовых сочетаний, а в шапку, подвал и
меню можно добавить яркие, либо темные цвета.
Цвета,
недопустимые в основной части сайта:
-
неоновые
кричащие (желтый, салатовый, бирюзовый, красный, оранжевый, малиновый);
-
все
темные цвета (черный, темно-синий, коричневый, темно-зеленый и т.д.).
Градиенты

В
дизайне сайта допускаются следующие градиенты:
-
от
белого к любому пастельному цвету (светло-серый, бежевый, светлоголубой,
светло-розовый и т.д.);
-
цветовые
оттенки от светлого к темному (например, от синего к темносинему, от
светло-серого к серому).
Не
допускаются:
-
от
белого к любому цвету (красный, зеленый, синий и т.д);
-
радужные
и разноцветные градиенты (от синего к красному, от оранжевого к фиолетовому и
т.д).
Цветовая
гамма
Цветовая гамма
сайта должна подчеркнуть его направление, а также быть привлекательной для
пользователя, чтобы он как можно дольше оставался на сайте.
Советы
по созданию цветовой гаммы:
Сильная
гамма (яркость) – красный (оттенки красного) + чб монохром, фиолетовый, синий,
желтый;
Живая
гамма (молодежность) – красный, оранжевый, зеленый, бирюза, беж, фиолетовый;
Дружественная
(гармоничность) – оранжевый, коричневый, желтый, синий, беж, розовый;
Радушная
(элегантность) – желто-оранжево-коричневый, светло-зеленый, синий, фиолетовый;
Волнующая
(движение) – желтый, синий, фиолетовый, зеленый, оранжевый; Классическая
(стабильность) – оттенки синего (насыщенный синий), насыщенный красный,
оранжевый, кораллово-красный;
Энергичная
(молодость) – фиолетовый, зеленый, оранжевый или желтый, фиолетовый + монохром,
пурпурный, красный; Профессиональная (техника) – монохром + цвет.
Для
создания определенной цветовой гаммы выбираем не больше трех предложенных
цветов.
Шрифты

Шрифты,
наиболее употребляемые в дизайне сайтов для меню и основной текстовой
информации – Arial и Calibri.
Шрифты
с засечками употребляются, когда надо подчеркнуть классичный дизайн сайта.
Удачные
курсивные шрифты для меню и позаголовков – Monotype Coursiva иArial Italic.
Для
шапки возможно использование любых шрифтов, основное требование для них –
читабельность.
Цвет
шрифта должен контрастировать с цветом фона сайта (светлый фон, темный шрифт).
Картинки и клипарты
Картинки
и клипарты на сайт можно применять разные, подходящие по теме сайта. Главное
требование – хорошее качество картинки.

Задание
Используя подробную методику по созданию
макета сайта подготовить в графическом редакторе Adobe Photoshop макет сайта по
теме курсовой работы.
Если курсовая работа не подразумевает
использование сайта, то можно подготовить макет вашего персонального сайта. При
этом, при разработке меню сайта учесть, что сайт должен содержать 7-8 страниц:

-
главная.
На данной странице впоследствии будет размещаться краткая автобиография объемом
300-400 слов, резюме и фотография;
-
мои
проекты. На данной странице будут размещены графические материалы, выполненные
в прошлом семестре. Оформление каждой работы должно включать текстовое
описание, скриншот и ссылку на загрузку;
-
мой
софт. Эта страница должна содержать свежие ссылки на программы, которыми Вы
чаще всего пользуетесь. Оформление каждой работы должно включать текстовое
описание, скриншот и ссылку на загрузку;
-
мои
увлечения. На этой странице следует поместить информацию о Ваших хобби. Если
имеются готовые работы в данной области, можно также выложить и фотографии
Ваших работ.
На оставшихся 3-4 страницах можно выложить
сведения о Вашей работе, планах на будущее, Вашей успеваемости в школе,
техникуме, лицее и т.д.
В информационных блоках левой и правой
части можно разместить: а) ленту новостей, б) ссылки на сайты друзей или однокурсников;
в) карту сайта; г) счетчики посещаемости; д) ссылки на любимые сайты. Главное
требование – разрабатываемый сайт должен быть полностью функциональным, на нем
не должно быть несуществующих работ или нерабочих ссылок.

Лабораторная работа №1
«Работа с геометрическими примитивами»

Цель:
     Знакомство     с     основными     геометрическими      примитивами

(прямоугольник, овал, звезда,
многоугольник и т.д.), представленными в Adobe Illustrator, их основными
свойствами. Выполнение различных действий над ними (трансформация, поворот,
группировка и т.д.), а также применение различных эффектов. Знакомство с
инструментами выделения, заливки (создание собственного градиента) и
инструментом добавления узлов. Знакомство с основными палитрами данного
программного продукта
(Gradient, Color,
Brushes и т.д.).

Задание №1 САЛФЕТКА

1.
Создайте
новый документ File – New (Файл - Новый).
2.
Отобразите
линии сетки View – Show Grid (Вид – Показать сетку).
3.
Выберите
на панели инструментов  Rectangle Tool (Прямоугольник).

4.
Щёлкните
левой кнопкой мыши по рабочему полю и, не отпуская клавишу мыши, нарисуйте
прямоугольник произвольного размера (продолжайте удерживать кнопку мыши!),
нажмите клавишу <~> и проведите мышкой по диагонали влево вверх,
так, чтобы у Вас получился примерно такой же рисунок как на Рис.1.

Рис.
1
5.
Снимите
выделение. Для этого выберите инструмент Selection tool (Выбор)  и
щёлкните в любом свободном месте рабочего пространства. 6. Теперь перед Вами
фигура, состоящая из большого количество прямоугольников – каждый из которых
можно перемещать, удалять, изменять параметры и т.д. Для того, чтобы все эти
прямоугольники можно было изменять одновременно, необходимо их сгруппировать.
Для этого (при активном инструменте Selection tool (Выбор)) щёлкните
левой кнопкой мыши по свободному месту около прямоугольника и сформируйте
область выделения вокруг фигуры – у вас должно получиться изображение, как на
рис.1. Щёлкните по выделенной фигуре правой кнопкой мыши и из контекстного меню
выберите Group (Группировать).
7.
Скопируйте
полученную фигуру Edit – Copy (Правка - Копировать).
8.
Вставьте
содержимое буфера обмена Edit – Paste (Правка - Вставить).
9.
Отразим
получившуюся фигуру горизонтально. Для этого щёлкните по выделенной фигуре
правой кнопкой мыши и выберите Transform – Reflect – Horizontal (Трансформировать
– Отразить - Горизонтально). Нажмите Ok.
(Рис. 2).

Рис. 2 10. Переместите фигуру так,
чтобы получился следующий рисунок.

Рис.
3
11.
Выделите
с помощью инструмента Selection Tool (Выбор) обе фигуры. Скопируйте их Edit
– Copy (Правка - Копировать). Вставьте из буфера обмена Edit – Paste
(Правка - Вставить). Не снимая выделения, отразите получившиеся фигуры
вертикально Transform – Reflect – Vertical
(Трансформировать – Отразить -
Вертикально). Переместите фигуры так, как показано на Рис.4.

Рис.
4
12.
Разукрасим
салфетку разными цветами: для этого воспользуемся панелью Option (Опции) (Рис.5)
(не забывайте выделять тот объект, параметры которого хотите изменить!).

Цвет
заливки       Цвет границы Толщина границы
Рис.
5
13.
Не
забывайте! Для получения дополнительных палитр цветов необходимо нажать на
кнопку меню (на примере цвета границ) (Рис.6).

Рис.6 14. В результате у Вас должно
получиться примерно так:

Рис.7

15.
Сохраните
изображение в файл.
16.
Для
получения «дизайнерской салфетки» выполните следующие действия:
•
Выделите
все 4 элемента с помощью инструмента Selection Tool (Выбор).
•
Разгруппируйте
их. Щелкните правой кнопкой мыши по выделенному и выберите Ungroup
(Разгруппировать).
•
Выберите
пункт меню Effect – Convert to Shape – Ellipse (Эффект – Преобразовать
фигуру - Эллипс) (Рис. 8).

Рис.8

17.
Сохраните
изменения.
Упражнение №2 БАБОЧКА
1.
Создайте
новый документ File – New (Файл -Новый).
2.
Отобразите
линии сетки View – Show Grid (Вид – Показать сетку).
3.
Выберите
на панели инструментов  Rectangle Tool (Прямоугольник) и
нарисуйте квадрат (удерживая клавишу <Shift>).
4.
Выберите
инструмент Direct Selection Tool (Прямой выбор)
Обведите правый нижний узел и передвиньте
его так, как показано на Рис.9.

Рис.9

5.       Выберите
команду меню Effect – Distort and Transform – Pucker & Bloat
(Эффект
– Искажение и трансформация – Сморщивание и раздутие). Установите
значение равное 98% (Рис. 10).

Рис.10

6.
Залейте
получившееся крыло бабочки цветным градиентом Brilliant rainbow .

7.
Скопируйте
получившееся крыло Edit – Copy (Правка - Копировать).
8.
Вставьте
содержимое буфера обмена Edit – Paste (Правка - Вставить).
9.
Не
снимая выделения, отразите крыло горизонтально. Для этого щёлкните правой
кнопкой мыши и выберите Transform – Reflect – Horizontal (Трансформировать
– Отразить - Горизонтально) (рис.11).

Рис.11

10.
Активируйте
инструмент Selection Tool (Прямой выбор). С помощью
маркеров переместите и разверните фигуру так как показано на рисунке 12.

Рис.12

11.
Сохраните
получившееся изображение.
Упражнение №3 ЗЕЛЁНЫЙ ЧЕЛОВЕЧЕК
1.
Создайте
новый документ File – New (Файл -Новый).
2.
Отобразите
линии сетки View – Show Grid (Вид – Показать сетку).
3.
Выберите
на панели инструментов  Rectangle Tool (Прямоугольник) и
нарисуйте прямоугольник.
4.
Залейте
его градиентом. Для этого вначале нужно вывести панель инструментов Gradient
(Градиент). Window – Gradient (Окно - Градиент).

Рис.13

5.
Теперь
необходимо произвести настройки: Type (Тип) – Radial (Радиальный); Angle
(Угол) – 0. Для выбора цвета нужно изначально щёлкнуть по маркеру (при
щелчке кончик маркера становится чёрным рис. 14),

Рис.14

а затем в палитре Color (Цвет)
выбрать необходимую цветовую модель (RGB) и с помощью бегунков или
Пипетки настроить цвет (Вместо левого маркера выберите зелёный, а вместо
правого – тёмно зелёный) (см. Рис 15).

RGB
Рис.15
6.
Добавьте
точки: для этого выберите Object – Path – Add anchor points (2 раза).
7.   Выберите
команду меню Effect – Distort and Transform –Roughen (Эффект
– Искажение и трансформация –
Шероховатость). Установите такие же значения, как
приведены на Рис. 16 (Size 7%, Detail 10%).
8.
Выберите
команду меню Effect – Distort and Transform – Pucker & Bloat
(Эффект – Искажение и
трансформация – Сморщивание и раздутие).
Установите значение в 27% (см. Рис.17).

Рис.17
9.
Выберите
команду меню Effect – Distort and Transform – Twist (Эффект –
Искажение и
трансформация–Закручивание). Установите угол в 60°
(Рис.18)
результат

Рис.18
10.
Выберите
команду меню Effect – Warp – Arc (Эффект – Искривление - Арка).
Установите следующие параметры: Bend 90%, Horizonta -72%, Vertica -19%
(см. Рис.19).

Рис.19
11.
Используя
инструмент Ellipse (Эллипс), добейтесь примерно такого же результата
(Рис. 20).

Рис.20

12.
Для
того, чтобы волосы закрывали лоб необходимо выполнить следующие действия:
•
Выбрать
инструмент Selection (Выбор) и выделить волосы. • Щёлкнуть
правой кнопкой мыши по выделенному и выбрать Arrange – Bring to front
(Положение – Переместить на передний план). В результате у вас должно
получиться следующее.

Рис.21

13.
Рисуем
глаза. Для этого выберите инструмент Ellipse Tool (Эллипс), нарисуйте
эллипс. Выберите инструмент Direct Selection Tool (Прямой
выбор) .
Передвиньте узлы так, как показано на Рис. 22.

Рис.22

14.
Создайте
ещё один эллипс и залейте его радиальным градиентом – это будет зрачок
(Рис.23).

Рис.23

15.
Выделите
с помощью инструмента Selection Tool (Выбор) весь
глаз, нажмите правой кнопкой мыши по выделенному и выберите Group
(Группировать).
16.
Скопируйте
глаз Edit – Copy (Правка - Копировать). Вставьте содержимое буфера
обмена Edit – Paste (Правка - Вставить). Отразите второй глаз
вертикально: Щёлкните правой кнопкой мыши по выделенному глазу и выберите Transform
– Reflect – Vertical (Трансформировать – Отразить - Вертикально).
17.
Переместите
оба глаза на лицо, используя инструмент Selection Tool
(Выбор). (Для изменения
порядка размещения элементов не забывайте использовать команду Arrange).
В результате у Вас должно получиться примерно следующее:

Рис.24

18.
Осталось
нарисовать туловище. Для этого необходимо:
•      Нарисовать
прямоугольник. Залить зелёным радиальным градиентом.
•
Выбрать
инструмент Add Anchor Point (Добавить узел).
На нижней стороне прямоугольника в середине поставить с помощью этого
инструмента точку (Рис.25).

Рис.25

Выберите команду меню Effect –
Distort and Transform – Pucker & Bloat
(Эффект – Искажение и
трансформация – Сморщивание и раздутие)
(передвиньте бегунок на
50%, см. Рис.26).

Рис.26
•      Выберите
команду меню Effect – Distort and Transform – Free Distort
(Эффект – Искажение и трансформация –
Свободное искажение) (деформируйте так же как на рисунке,
путём передвигания маркеров) (Рис.27).

Рис.27
•
Выберите
пункт меню Effect – Convert to Shape – Ellipse (Эффект – Преобразовать
фигуру - Эллипс) (см. Рис.28).

Рис.28

•      Самостоятельно
дополните рисунок до следующего результата:

Рис.29 Сохраните получившееся
изображение.
Упражнение
№4 ВИНИЛОВАЯ
ПЛАСТИНА
1.
Создайте
новый документ File – New (Файл -Новый).
2.
Отобразите
линии сетки View – Show Grid (Вид – Показать сетку).
3.
Выберите
на панели инструментов  Rectangle Tool (Прямоугольник) и
нарисуйте квадрат (удерживая клавишу <Shift>, <Alt> - клавиши
не отпускать!). После того, как вы нарисовали квадрат, к двум нажатым клавишам
добавьте клавишу <~>, и, не отпуская, введите мышкой к центру
квадрата. В результате у вас должно получиться следующее:

Рис.30

4.
Выберите
пункт меню Effect – Convert to Shape – Ellipse (Эффект – Преобразовать
фигуру - Эллипс) (Рис.31).

Рис.31

5.
Разукрасьте
границы кругов разными цветами (Для одновременного выделения нескольких кругов,
необходимо щёлкнуть по ним левой кнопкой мыши, удерживая клавишу <Shift>).
Изменение цвета границ - . Для круга, у которого видна в
большей мере белая заливка, установите розоватую заливку.
6.
Выберите
пункт меню Effect – Effect Gallery – Fresco (Эффект – Галерея эффектов -
Фреска). В результате у вас должно получиться примерно так

Рис.32

7.
Создадим
надпись. Для этого:
•
Нарисуйте
эллипс, примерно такого же размера как розоватый круг (он будет служить
контуром (опорой), вокруг которого будет располагаться надпись).
•
Выберите
инструмент Type on a path tool (Ориентация текста на путь) .
И щёлкните по контуру окружности - у Вас должен появиться мигающий курсор,
указывающий на то место, с которого будет начинаться ввод текста (Рис 33).

Рис.33

•
Сделайте
надпись «Виниловая пластинка» (см. Рис.34).

Рис.34

•
Используя
панель опций, измените размер, цвет и начертание текста на свой вкус.

•
Переместите
надпись на пластинку. Добавьте ещё один круг в центр пластинки (Рис 35).

Рис.35

8.
Сохраните
получившееся изображение.

Упражнение №5 Цветы

1.
Создайте
новый документ File – New (Файл -Новый).
2.
Отобразите
линии сетки View – Show Grid (Вид – Показать сетку).
3.
Выберите
на панели инструментов  Star Tool (Звезда).
4.
Щёлкните
левой кнопкой мыши по рабочему полю и отпустите клавишу мыши. Установите такие
же параметры, как на Рис.36 (Radius 8,8; Radius 17,64; Points 5).

Рис.36
5.
Залейте
радиальным градиентом получившуюся звезду. Для этого на панели Опций выберите
пункт Fill (Заливка) и радиальный градиент (Рис 37).

6.
Измените
цвет заливки. Для этого (если нет у Вас окна Gradient, выведите его на
рабочее поле командой Window - Gradient).
• Щёлкните
по маркеру (1) – Выберите из раскрывающегося списка  цветовую модель RGB(2) –
выберите цвет (3) (Рис.38).
7.
Выберите
пункт меню Effect – Distort and Transform – Pucker & Bloat(Эффект –
Искажение и трансформация – Сморщивание и раздутие), установите такие же
параметры как на Рис. 39 (передвиньте бегунок на 82%).

Рис.39
У Вас должно получиться следующее:

Рис.40
8.
Скопируйте
и вставьте этот цветок Edit – Copy (Правка - Копировать), Edit –
Paste (Правка - Вставить). Вновь получившейся цветок разместите поверх
первого и поверните так, чтобы получился Рис. 41.

Рис.41
9.
Сгруппируйте
получившийся объект: Выберите инструмент Selection Tool (Выбор),
обведите два объекта (или поочерёдно щёлкните на каждом, удерживая клавишу <Shift>),
затем щёлкните правой кнопкой мыши по выделенному и из выпадающего списка
выберите команду Group
(Группировать).
10.
Теперь
оформим цветок. Для этого изменим параметры пункта Brush (Кисть) (Если
данного окна нет, выберите пункт меню Window – Brush (Окно
- Кисть)) Рис.42.

Рис.42
11. Создайте свой букет и сохраните его
под именем. У Нас получилось следующее:

Рис.43

Самостоятельная
работа
ЗАДАНИЕ
1
Используя инструмент Ellipse и
клавиши <Shift>, <~> нарисуйте следующего человечка:

Рис.44

Подсказка: Данный рисунок состоит из
отдельно нарисованных объектов (рука, голова, туловище, нога, ступня, шляпа,
ладонь, палец, рот, нос, шляпа). Рисуйте все эти элементы отдельно, а затем
группируйте каждый, чтобы легче было перемещать. Для размещения какой либо
части впереди / позади используйте команду Arrange.
ЗАДАНИЕ
2
Используя инструмент Star и клавиши
<Shift>, <~>, <Alt> нарисуйте следующие
объекты.

Рис.45

ЗАДАНИЕ
3

Нарисуйте коллекцию любых дорожных знаков
(подобно рис.46)

Рис.46

ЗАДАНИЕ
4
С помощью эллипсов, треугольников, линий,
дуг и т.д. нарисуйте животного с характером (примеры на рис.47)

Рис.47
Лабораторная работа №2
«Работа с инструментом Blend (Перетекание)»

Цель:
Освоение инструментов Blend (Перетекание), Mesh (Сетка), Convert
Anchor Point Tool (Изменение узлов), Symbol Sprayer (Распылитель символов).
Знакомство с параметрами вышеперечисленных инструментов.
Освоение работы со
слоями. Задание №1 ЗМЕЯ

1.
Создайте
новый документ File – New (Файл -Новый).
2.
Выберите
инструмент Ellipse (Эллипс) и нарисуйте два эллипса примерно так, как
показано на рисунке. Эллипс, большего размера, залейте оранжевым цветом, эллипс
меньшего бирюзовым (Рис.1).

Рис.1

3.
На
панели инструментов выберите инструмент Blend (Перетекание)  Активируйте
его. Теперь щёлкните 1 раз левой кнопкой мыши по каждому эллипсу.
4.
Для
изменения параметров перехода необходимо сделать двойной щелчок по пиктограмме  Blend
(Перетекание). Установите такие же параметры, какие приведены на
рисунке: Specified Distance – 41 mm (Если у Вас эллипсы находятся на
большом расстоянии, то увеличьте значение до тех пор, пока ваше изображение не
будет похоже на Рис. 2); Orientation – 1.

Рис.2

5.
Выберите
инструмент Add anchor Points (Добавление якорных точек)

Поставьте две
точки, так как показано на Рис.3 (Это будут места сгиба, на следующих этапах Вы
можете на свой вкус добавлять и удалять дополнительно ночки, удаление
производится инструментом ).

Рис.3

6.
Выберите
инструмент Direct Selection Tool (Прямой выбор)  и

переместите точки так, как показано на Рис. 4.

Рис.4

7.
Выберите
инструмент Convert Anchor Point Tool (Изменение узлов),
и щёлкая по точкам, вытягивайте из них направляющие, с помощью которых
изменяется угол изгиба (Рис 5).

Рис.5

8.
Итоговым
результатом у Вас может быть любой вариант, мы же остановимся на следующем:

Рис.6

9.
Туловище
готово, приступим к рисованию головы. Активируйте инструмент Ellipse
(Эллипс). Нарисуйте эллипс и залейте примерно таким же цветом как кончик
хвоста (Рис.7).

Рис.7

10.
Выделите
свой объект, затем Object - Create gradient mesh (Объект –
Создание градиентной
сетки). После этого установите нужные параметры в
появившемся диалоговом окне (Rows 10, Columns 10). Так же можно
самостоятельно нарисовать сетку, выбрав инструмент Mesh (Сетка)
Рис.8

Рис.8

11.    Используя
инструмент Direct Selection Tool (Прямой выбор) ,
выделите часть узлов и переместите их так как показано на Рис.9.

Рис.9

12.
Не
снимая выделения, залейте выделенную область оранжевым цветом.
Цвет выберите в палитре Color или Swatches
(Рис.10).

Рис.10

Таким
же образом достигните следующего результата

Рис.11

13.    Используя
инструмент Selection (Выбор) переместите элементы так, чтобы получилось
следующее.

Рис.12

14.    Теперь
дополним рисунок дополнительными объектами: цветами, бабочками, травой. Для
этого:
•
создадим
новый слой: Window – Layers (Окно - Слои).
В данный момент у
Вас только один слой, для создания нового слоя щёлкните в нижней части окна по
кнопке Great New Layer (Создать новый слой) .

Рис.13

•
Активируйте
инструмент Symbol Sprayer (Распылитель символов)
. Выберите на вкладке Symbols
те элементы, которые Вы хотите разместить на рисунке (Рис.14). Далее
воспользуйтесь данным инструментом как обычным Распылителем, вот только
распыляет он символы.

Рис.14

•
В
результате получилось следующее:

Рис.15

Самостоятельная работа
Создайте свое изображение с помощью описанных
инструментов.
Опишите все этапы построения.

Лабораторная работа №3 «Работа с кривыми Безье»

Цель: Знакомство с основным инструментом для работы с
контурами – Pen
(Перо) и инструментами
для редактирования контуров
Задание №1 ЛИСТОК

1.
Выберите
инструмент Pen (Перо). Поставьте точку (щелчок левой кнопкой мыши по
рабочему полю). Отведите указатель мыши на такое же
расстояние  как на рисунке, снова щелкните, чтобы поставить вторую якорную
точку, не спешите отпускать кнопку мыши - формируйте направляющие (начинайте
передвигать указатель мыши в сторону). Сразу появятся
направляющие линии, и кривая начнет плавно изгибаться (Рис 1). С этого момента
Вы не расставляете якорные точки, а редактируете вид кривой при помощи
направляющих.

Рис.1

ВАЖНО!
Если Вы считает, что неудачно поставили точку, не торопитесь ее удалять, если
Вы не отпустили кнопку мыши - нажимайте пробел и двигайте точку в нужное
место.
2.
Пользуясь
рисунком 2, поставьте все остальные узлы (их должно быть 6). Чтобы замкнуть
контур листка подведите указатель к начальной точке контура и щелкните.

Рис.2

3.
Чтобы
преобразовать «гладкую» точку в «острую», следует применить инструмент Convert
Anchor Point (Изменить якорную точку) . Применим данный
инструмент для сглаживания наших угловых точек. Для этого щёлкните по узлу
левой кнопкой мыши и, не отпуская её, вытяните направляющую:

Рис.3

4.
Теперь
нарисуйте с помощью инструмента Pen (Перо) черешок листика
(Рис.4).

Рис.4

5.
Осталось
закрасить лист в зелёный цвет. Для этого выведите на экран палитру Graphic
styles (Графический стиль) – Window - Graphic styles
(Окно – Графический
стиль). В меню данной палитры выберите Scribble Effect –
Scribble 8. В результате у Вас должно получиться следующее:

Самостоятельная работа Нарисуйте
с помощью кривых Безье геометрические фигуры Опишите этапы построения.

Подсказка: Для заливки сечения можно
создать дополнительный слой, в котором можно нарисовать сечение с невидимой
границей и залить его.

Лабораторная работа №4
«Создание объёмных фигур»

Цель: Освоение
инструментов для создания 3D графики
Задание №1 ЯБЛОКО

1. Создайте новый документ File –
New (Файл -Новый). 2. Используя Инструмент Pen (Перо)  нарисуйте
половину контура будущего объекта. В качестве заливки выберите зелёный цвет
(рис.1).

Рис.1
3.
Теперь,
чтобы добиться большей реалистичности, следует подготовить румянец. Для этого:
•
Создайте
окружность (инструмент Ellipse (Эллипс)  + <Shift>) и залейте её
красным цветом.
•
Создайте
новый слой: в палитре Layers выберите Great New Layer
(Создать новый слой) .
•
Скопируйте
окружность (Ctrl+C) и вставьте в новый слой (Ctrl+V) (рис.2).

Рис.2 Окрасьте в чёрно-белый
радиальный градиент вторую окружность
(рис.3).

Рис.3

•
Выровняйте объекты друг относительно друга используя
команды Horizontal Align Center (Горизонтальное выравнивание по центру )
и Vertical Align Center (Вертикальное выравнивание по центру ) палитры Align
(рис.4).

Рис.4

•      Теперь
с помощью инструмента Selection (Выбор) , выделив обе
окружности, нужно применить к ним команду Make Opacity Mask (Создать маску
прозрачности) в меню палитры Transparency (Прозрачность) (рис.5).
Рис.5

•
Полученный
элемент следует перетащить в палитру Symbols (Символы) и присвоить ему
имя Red_1 (рис.6).

Рис.6

4.
После
того, как основные приготовления завершены, перейдём к самому
3D эффекту. Для этого выберите Effect – Revolve
(Эффект – Вращение)
Для получения ожидаемого результата
следует использовать настройки, приведённые на рисунке 7 (
̶ -18%, ̶ -26%,
̶ 8%). Только после этого
имеет смысл включить Preview
(Просмотр). Теперь можно поэкспериментировать с положением и освещением
объекта, меняя Specify rotation around axis (Значение поворота вокруг оси)
для осей X, Y, Z и настройки источника света (чтобы они отображались
нужно нажать кнопку More Option (Больше опций)) (рис.7). Таким образом,
удастся избежать дополнительного ожидания.

Рис.7

5.
Теперь
необходимо слегка яблоко подрумянить, нажав кнопку Map Art (Карта
поверхности) (рис.8).

Рис.8

6.
Для
удобства работы в окне Map Art (Карта поверхности) желательно поставить флажок
Preview (Просмотр), далее в поле Surface (Поверхность) следует
выбрать ту поверхность объекта, с которой будут производиться дальнейшие
манипуляции, в данном случае эта поверхность № 3. Затем в выпадающем списке Symbol
(Символ) нужно выбрать то изображение, которое будет наложено на объект, в
данном случае это Red_1. Как только символ будет выбран, он отобразится в
рабочем пространстве плагина. Перемещая и масштабируя символ, можно добиться
наиболее удачного результата. Важно учесть, что видимая часть поверхности в
окне Map Art
(Карта поверхностей)
окрашена в белый цвет, серым же отмечена задняя сторона объекта.
После того, как нужный эффект будет достигнут, нажмите
клавишу OK.
7.
Остаётся
создать только черешок, который можно сделать с помощью уже известной команды
Перетекание.

Рис.9

Задание №2 ЧАШКА

1.
Создайте
новый документ File – New (Файл -Новый).
2.
С
помощью инструмента Pen (Перо)  нарисуйте «путь»
толщиной 2 pt, повторяющий форму стенки вазы, как показано на Рис. 10.

Рис.10

3.
В
настройках палитры Stroke (Контур) выберите закруглённое окончание
контура (Рис.11).

Рис.11

4.
Инструментом
Scissors (Ножницы) вырежьте фрагмент пути возле верхней
части чаши (верхняя кайма), возле основания, возле верхней части блюдца, возле
дна блюдца (рис 12).

Рис.12

5.
Закрасьте
вырезанные фрагменты розовым, а все остальные сегменты сиреневым (Рис.13).

Рис.13

6.
Выделите
все объекты и примените к ним инструмент Merge (Объединить) палитры Pathfinde
(Обработка контуров).
7.
В
палитру Symbols (Символы) поместите заранее (из меню) объекты – цветы
(Рис.14).

Рис.14

8.
Примените
команду меню Effect – 3D – Revolve (Эффект – 3d –
Вращение).
В плагине Map Art (Карта поверхности) найдите поверхность верхней стенки
чаши и разместите цветок (Рис. 15).

Рис.15

9.
Приступим
к рисованию ручки чаши. Для этого выберите инструмент Pen
(Перо)  и
нарисуйте примерно такой же контур как показан на Рис. 16.

Рис.16

10.
Примените
команду меню Effect – 3D – Extrude & Bevel Options (Эффект – 3D –
Выдавливание и фаска) (Рис.17).

Рис.17

11.
Используя
инструмент выделения и перемещения, а также команду Arrange (Положение)
контекстного меню добейтесь следующего результата:

Рис.18

Самостоятельная
работа

Самостоятельно нарисуйте следующие изображения:
1
Рис.19

2

Рис.20,
21

3
Рис.22 Опишите этапы
построения.

file_name: 53.  Модели цвета RGB, CMYK, HSB. Основы работы с редактором.pdf

alt: Лабораторная работа 1. Тема:

alt: Измените режим наложения слоя с

alt: Выбрав зеленый канал, области, содержащие много зеленого цвета, в градации серого выглядят светлее, а области с небольшим количеством зеленого цвета или полным его отсутствием –…

alt: Выбрав синий канал видно, что чем больше синего цвета содержит область на цветном изображении, тем светлее она на изображении в градации серого, и наоборот, чем…

alt: Результат наложения 6)

alt: Y100 K0 6) Кликните по иконке маски и нажмите

alt: Контрольные вопросы 1)

alt: Шрифт превращен в выделение 6)

alt: Пример наложения текста на штамп 7)

alt: Пример усложненного штампа 6)

alt: Назовите классификацию шрифтов

alt: Пример 8) После того, как создана «пограничная область» , требуется распространить ее на все пространство фона, до границ изображения включительно

alt: Пример 12)

alt: Результат

alt: Лабораторная работа 4. Тема:

alt: Пример 1. Загрузите изображение

alt: Выделение поврежденной области 3

alt: Смещение выделенной области

alt: Усовершенствованная методика

alt: Пример 1. Загрузите изображение

alt: Обработанная фотография

alt: Что принято называть артефактами? 2

alt: Каким образом создается фактура кожи?

alt: Лабораторная работа 7. Тема:

alt: Лабораторная работа 8 Тема:

alt: Этап 4: Разработка заголовка сайта

alt: Для этого (при активном инструменте

alt: Edit – Paste (Правка - Вставить)

alt: Рис.7 15. Сохраните изображение в файл

alt: Выберите на панели инструментов


extracted_text:
Тема урока: «Общая характеристика грибов».

Цель урока: Познакомить
обучающих с общей характеристикой грибов, их ролью в природе и жизни человека,
а так же познакомить с многообразием грибов.
Задачи:
Рассмотреть общее строение грибов;
Дать понятие о типе питания грибов;
способах размножения.
Познакомить с ролью грибов в природе и
жизни человека
Сформировать у учащихся знания о
многообразии грибов.
Продолжить формировать умение работать с
научной литературой и рисунками  для  получения
учебной  информации.
Оборудование:
учебник, презентация «Общая характеристика грибов».
Этапы урока:
1.Организационный момент
Приветствие
Подготовка класса к работе.
Наличие учащихся.
Актуализация знаний
2.Актуализация знаний
Летом он в лесу растет,
 Сам в корзинку не идет.
 Ему нужно поклониться,
Ножку срезать, не
лениться,
Шляпку снимет он тогда,
Из него вкусна еда.
Что под шляпкою растет,
Сам в корзинку не идет?
 Дети, о ком идет речь в загадке? ( Гриб).
Я не случайно начала урок с этой загадки, потому что мы будем говорить о
грибах.
Что же такое грибы? Почему грибы выделяют
в отдельное царство?
Ответы на эти вопросы мы с вами попытаемся
найти сегодня на уроке.
Тема нашего урока «Общая
характеристика грибов». Мы рассмотрим общую
характеристику данного царства, узнаем, какова роль грибов в природе и жизни
человека, а так же рассмотрим многообразие грибов.
3. Изучение нового учебного
материала
 Грибы – самостоятельное царство
организмов, существенно отличающихся от растений и животных.
Грибы изучает наука микология (от
др.-греч. mykes [ми́кес] — «гриб» и logos [ло́гос]
— «наука, учение»).
- Клетка гриба имеет черты строения,
характерные для всех эукариот, и в то же время некоторые особенности, которые
обуславливают принадлежность грибов к отдельному царству.
- Грибы, растения и животные не только
имеют черты различия, но и сходства, что говорит о единстве их происхождения.
Грибы лишены пигмента, обеспечивающего
фотосинтез, - хлорофилла, т.е. являются гетеротрофами. Некоторые
свойства грибов сближают их с животными: в качестве запасного питательного
вещества накапливают гликоген, а не крахмал, как растения; в состав клеточной
оболочки входит хитин, сходный  хитином членистоногих; в качестве продукта
обмена веществ образуют мочевину. С другой стороны, по способу питания ( путем
всасывания, а не заглатывания пищи), по неограниченному росту и неподвижности
они напоминают растения.
Отличительный признак грибов – строение их
вегетативного тела. Это грибница, или мицелий, состоящий из тонких
ветвящихся нитевидных трубочек – гиф.
- Тело гриба имеет определенные
особенности строения, обусловленные выполняемыми функциями.
- Основной способ размножения грибов –
бесполый.
-  Микориза - грибы и симбиоз их с корнями
деревьев. Взаимозависимость и взаимовыгодные отнощения.
 –Роль грибов в природе и жизни
человека.
Учащиеся
делятся на 4 группы. На рабочих местах знакомятся с картой урока и с заданием
для каждой группы.
- С
помощью текста и рисунков объясните, питание и размножение грибов, а так же
значение грибов в природе и жизни человека, и о многообразии грибов.
Каждая
группа составляет постер по полученной теме.

1)
Особенности
жизнедеятельности грибов

Способ
    питания

?

2)
Размножение
грибов

3)
Роль грибов в
природе и жизни человека огромна.

Роль грибов в природе и
  жизни человека

Положительная

Отрицательная

4)

Грибы

Многообразие грибов?

?

?

4.Закрепление  материала
урока.
Формирование общего вывода по изученной
теме.
Вывод: грибы – особое царство в органическом мире, сочетающее в себе
признаки растений и животных. Эти организмы относятся к эукариотам. Они могут
иметь одноклеточное и многоклеточное строение тела. Тело образует грибницу или
мицелий, состоящий из гифов.

5. Рефлексивная деятельность.
Что нового вы узнали сегодня на уроке?
Что бы вы хотели рассмотреть более
подробно?
Что было уже знакомо?
Что оказалось самым интересным?

Скачано с
www.znanio.ru

file_name: Общая характеристика грибов. 7 класс.docx

intro: Конспект урока по биологии на тему "«Общая характеристика грибов».

биология

group: Дисциплины


Карточки с предлогами


extracted_text:
Консультация
для родителей:
Все работы хороши, или знакомство
детей с    профессиями.

   Тема выбора будущей профессии начинает
обсуждаться с раннего детства. Вряд ли вы найдете детское пособие, в котором
этот вопрос будет обойден стороной. Более того, ознакомление детей с
профессиями – обязательный аспект государственных образовательных стандартов. И
беседы с   малышом о профессиях должны быть увлекательными и
наглядными.
Знакомство с
профессиями по дороге в детский сад или на прогулке.
Конечно, эта
тема неоднократно будет обсуждаться на занятиях в детском саду, но повторить
пройденное никогда не помешает. Методика беседы на прогулке очень проста: обращайте внимание на всех людей,
занятых делом, и называйте ребенку их профессии.
Увидели
дворника во дворе – расскажите об этой трудной и важной профессии,
проходим мимо стройки
– узнаем о профессии строителя.
Зашли по дороге
в магазин. Спросите:
кто здесь работает?
Вернувшись
домой, еще раз вспомните, людей каких профессий вы встретили сегодня. Закрепить
материал можно, попросив ребенка нарисовать, например, строителя в желтой каске
или дворника, убирающего листву. Такая методика отлично подойдет для детей от 3
до 6 лет.
Игра «Назови
профессии».
      Эта
понятная и занимательная игра порадует не только детей, но и взрослых. Правила
очень несложные и играть можно на протяжении всего дня. Например, семья
собралась за завтраком. Давайте посмотрим, что у нас на столе. Бутерброды, чай,
омлет... Отличный повод поговорить о сельскохозяйственных профессиях. Откуда берутся яйца, сметана, хлеб? Кто работает на
птицефабрике, в поле, на ферме? смололи муку, испекли хлеб и, наконец, доставили в магазин, где его купил папа?
Таким же
образом можно проследить создание любой вещи в доме, включая, например, книжку
любимых детских стихов и рассказов. Пришлось потрудиться огромной команде
людей, начиная от автора, издателя, работников типографии и заканчивая
продавцом книжного магазина, чтобы книга попала в руки читателя. Эта игра также
предназначена детям до 6 лет.
Супергерои
рядом с нами.
Детям чуть постарше можно предложить
составить список героических профессий. Оказывается, герои встречаются не
только в кино и компьютерных играх. Ежедневно мы сталкиваемся с десятками людей
по-настоящему героических профессий, правда, они не носят плащ супермена или
костюм Бэтмена, но их работа – спасать жизни реальных людей. Вместе с детьми
составьте список таких профессий

- полицейские
- пожарные
- врачи (попросите
назвать известные детям врачебные специальности)
- летчики
-
военные (уточните специальности)
 -
машинисты поездов
- спасатели и
так далее
Профессии в
моей семье.
Рассказ о
профессиях своих родственников помогает ребенку больше узнать о собственной
семье, укрепляет семейные узы. Особенно интересны будут рассказы о роде занятий
прадедушек, прабабушек, если, конечно, такие сведения сохранились в семье.
Историю можно
проиллюстрировать старинными фотографиями, грамотами или даже трудовой книжкой.
При беседах о профессиях взрослым нужно помнить несколько несложных правил.
Никогда не делите род занятий на хорошие и плохие, престижные и не очень.
Ребенок должен
понимать важность любого труда и уважать каждую профессию. Не стоит упоминать о
размере заработной платы. Если вы лично негативно относитесь к представителям
какой-либо профессии, воздержитесь от эмоций. Информацию нужно преподносить
ровно, без негатива, чтобы у малыша сложилось беспристрастное отношение ко всем
профессиям.
 Чтение книг.
 Многие детские поэты и писатели
излагали описания тех или иных рабочих профессий в своих произведениях: Дж.
Родари – «Чем пахнут ремесла?» В. Маяковский – «Кем быть?» А. Барто – «Маляр»,
«Песня моряков», «Ветеринарный врач». С. Михалков – «Парикмахер», «Дядя Степа».
 Б. Заходер – «Портниха», «Строители», «Сапожник», «Шофер». С. Чертков –
Детям о профессиях: «Пограничник», «Доярка», «Фокусник», «Повар», «Парикмахер»,
«Столяр», «Ветеринар», «Летчик», «Моряк», «Фермер», «Рыбак», «Пожарный»,
«Ученый», «Музыкант» и др.  Читая произведение и показывая иллюстрацию,
можно доступно объяснить ребенку, кто такой пограничник, почтальон или механик.
Кроме стихов, можно использовать загадки о профессиях, рассказы.

file_name: САЙТ ДЕК.docx

title: Занятие по Южному Уралу


extracted_text:
Траектория движения. Перемещение. Путь

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

Синие точки – это положение нашего человечка в
лабиринте в разное время.
 Если
бы человечек чертил за собой линию, то мы могли бы увидеть весь его маршрут за
день – получилась бы сложная линия с изгибами и петлями. По-умному эта линия
называется траекторией.

Человечек не захотел чертить за собой линию и
поручил это дело помощнику.

На рисунке зеленой линией указана траектория движения
человечка
 Траектория — это линия, которую
описывает тело при своем движении.
Траектория бывает двух видов:  в виде прямой линии (прямолинейной)
и в виде кривой линии (криволинейной).
 На рисунке траектория на участках BC и MZ прямолинейная,
а на участках AB, CD, DE, EF, FK, KL, LM – криволинейная.
 Если мы измерим длину всей зеленой
линии ABCDEFKLMZ (траектории), то получим путь. Путь -
длина траектории.
Вроде все просто, если бы не одно НО. Кроме пути физики еще
придумали такое понятие как перемещение. Чем же путь отличается
от перемещения? Разве это не одно и то же?!
 Оказывается, нет.
 Перемещение – это, если мы не будем следить за
траекторией движения человечка весь день, а просто отметим точку на карте в
начале его движения (Точка А) и затем в конце дня отметим точку, где он
закончил свое движение (Точка Z), и потом просто соединим эти две точки прямой
линией. Длина этой прямой линии и будет перемещение человечка за день.

Перемещение человечка – направленный красный
отрезок AZ
Соединять начальную и конечную точку принято стрелочкой,
которая указывает направление, в котором переместилось тело. Таким
образом, перемещение – это длина прямой стрелочки
(направленного отрезка), соединяющей начальное и конечное положение тела.
ВЫВОДЫ:
Траектория -
воображаемая линия, по которой движется тело.
Путь - длина траектории.
Перемещение - направленный
отрезок, соединяющий начальное и конечное положения тела.
 P.S. Путь и перемещение равны,
если тело двигается всегда по прямой. Перемещение тела может быть равно нулю, а
путь одновременно равен десяткам и тысячам километров (если тело вернется в ту
же точку, откуда и начало двигаться).
 Как видите путь и перемещение - это
разные вещи.

file_name: 3.Траектория движения. Перемещение. Путь..docx

alt: Траектория движения. Перемещение

title: Траектория движения. Перемещение. Путь.


extracted_text:
Изучаем  с детьми зимующих  птиц  весело и
интересно

Сегодня хочу поделиться
материалом, с помощью которого вы легко заинтересуете ребёнка такой темой, как
"Зимующие птицы". Уверена, что занятия будут не только
познавательные, но и помогут вашему малышу развить логику, внимательность,
творческие способности и мелкую моторику. Также в одном занятии вы можете
объединить несколько игр, в зависимости от возраста и усидчивости ребенка.
           Первое занятие, посвященное этой теме, советую начинать с
проговаривания причин, по которым некоторые птицы улетают в теплые края,
акцентируя внимание на тех, которые остаются зимовать в своей полосе.

Обведи  и раскрась                                                                                Соедени
по  точкам

Найди  нужную  птицу

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

file_name: Изучаем  с детьми зимующих  птиц  весело и интересно.docx

title: Изучаем  зимующих  птиц  весело  и интересно.


extracted_text:
Окружающий
мир в дистанционном режиме, 3 класс
Тема
«На севере Европы»
1. Страна, напоминающая
голову и спину тигра. _____________________________
2. На каком полуострове
расположены самые северные страны мира? ______________________________________________________________________
3. Название страны
Норвегия происходит от двух слов «норд вег». Что они обозначают?
___________________________________________________________
4. Чем изрезано побережье
Норвегии? ______________________________________
5. Что повлияло на
образование фьордов Норвегии? __________________________
6.Чем знаменит Тур
Хейердал?____________________________________________
7. Что соединяет 14
островов Стокгольма? __________________________________
8. Что помогло Швеции
стать одной из самых богатых стран мира?
______________________________________________________________________
9. Чем знаменита Астрид
Линдгрен?________________________________________
10. Какой город поражает
своей чистотой?__________________________________
11. Чем славится
Финляндия? _____________________________________________
12. Для чего дети и
взрослые едут на север
Финляндии?____________________________________________________________
13.  Какой стране
принадлежит самый большой в мире остров? _________________
14. Назовите самый
большой остров в мире. __________________________________
15. Кому поставлен
памятник в центре Копенгагена? __________________________
16. Какой самый
знаменитый конструктор производят в Дании? _________________
17. По какому морю можно
прибыть на остров Исландия? _____________________
18. Что означает слово
«Исландия»?________________________________________
19. Почему Исландию
называют «ледяной страной»? __________________________
20. В Исландии много
вулканов. А чем еще знаменита Исландия? __________________

21.
Как в Исландии используют воду горячих источников? ________________________

22. Как природа напомнила
людям о своей могучей силе, с которой обязательно нужно считаться?
_____________________________________________________________

file_name: На севере Европы.docx

intro: Окружающий мир, 3 класс

title: Викторина и таблица по теме поможет лучше освоить учебный маетриал в режиме дистанционного обучения


extracted_text:
МБОУ
Лесногородская СОШ

Разработка
урока:
Урок–зачет по
теме:
"Применение
производной"
(10–11-е классы)
 (Подготовка
к ЕГЭ)

10
класс

Учитель
Гречухина Елена Борисовна

01.03.2023г.
Урок–зачет по теме "Применение
производной" (10–11-е классы)

Гречухина Елена Борисовна, учитель
     математики

Цели урока:

Проверить усвоение стандартного
     материала каждым учеником и оказание помощи учащимся по ликвидации
     пробелов в процессе личного общения на уроке;
Учить применять знания при решении
     базовых и нестандартных задач;
Показать широкий спектр применения
     производной.

Оборудование урока: таблички с
названием раздела (6шт.), карточки-инструкции; карточки-задания; маршрутные
листы.
Ход урока
I. Организационный момент.
- сообщение темы урока (записано на доске)
- необходимость проведения урока-зачёта в
10-11 классах:

в 10 классе - после прохождения темы
     с целью контроля за знаниями;
в 11 классе - после повторения темы с
     целью подготовки к ЕГЭ;

- представление помощников - консультантов
помогающих проводить зачёт;
- время проведения зачёта - два спаренных
урока;
- оценка знаний учащихся.
II. Вступительное слово учителя.
Зачёт проходит по типу
"Вертушка".
Весь материал по теме разбит на шесть
частей (они записаны на доске):
1. Метод интервалов.
2. Касательная к графику функции.
3. Производная в физике и технике.
4. Исследование функции.
5. Наибольшее и наименьшее значения
функции.
6. Производная на ЕГЭ.
Из учащихся 10-11 классов выбираются
учащиеся консультанты по каждому разделу. Они заранее сдают теорию по всем
разделам, а по своему разделу готовят:
а) задания с решениями, а после проверки
учителя - карточки с заданиями;
б) карточки-инструкции для решения
заданий.
Для проведения зачёта столы в классе расставлены
особым образом

На каждом столе лежат: табличка с
названием раздела; карточки-задания; карточка-инструкция, решение заданий. За
каждым столом ученик консультант.
Каждый учащийся получает маршрутный лист,
таким образом, за каждым столом получается одинаковое количество учащихся. В
маршрутном листе: указан путь следования от одного стола к другому;
выставляется количество баллов, полученных учащимися за каждым столом; в графе
"штраф" указывается количество баллов в том случае, если учащийся
обращался за помощью к консультанту. За использование карточки-инструкции штраф
не проставляется.
Условия заполнения маршрутного листа
оговариваются заранее.

Фамилия, Имя
  класс______

переход
  хода

кол-во
  баллов

штраф

итого

1 стол

2 стол

3 стол

4 стол

5 стол

6 стол

Итого

Каждый учащийся получает маршрутный лист в
котором в первом столбце разная комбинация цифр, например:

1 ученик - 1,2,3,4,5,6;
2-й ученик - 2,3,4,5,6,1;
3-й ученик - 3,4,5,6,1,2;
4-й ученик - 4,5,6,1,2,3;
5-й ученик- 5,6,1,2,3,4;
6-й ученик - 6,1,2,3,4,5;
7-й ученик - как первый.

Таким образом за первым столомокажутся
1,7,13,19,25,31 учащиеся. За вторым - 2,8,14,20,26,32 учащиеся и т. д.
Каждый учащийся работает за столом, указанном
в маршрутном листе первым.
После выполнения задания и проверки
решения консультантом, ученик переходит за другой стол, указанный в маршрутном
листе вторым и т.д.
Если в процессе работы за каким-то столом
оказалось больше учащихся, в этом случае учитель выполняет роль диспетчера.
Можно изменить маршрут и направить учащихся за другой стол, а к этому вернуться
позднее.
Ответ учащихся оценивается по 5-бальной
системе. Максимальное количество баллов, которое может получить учащийся -30
(записано на доске):

16-20 баллов - оценка "3"
21-25 баллов - оценка "4"
26-30 баллов - оценка "5"

III. Основная часть (зачёт)
Первый стол
1. Метод интервалов
Карточка-инструкция: Алгоритм решения
неравенств методом интервалов.
1. Привести неравенство к виду, чтобы в
правой части был 0.
2. Рассмотреть функцию записанную в левой
части у=f(х)
3. Найти область определения функции.
4. Найти нули функции.
5. Отметить полученные точки (нули функции
и точки, в которых она не существует) на координатной прямой.
6. Разбить прямую на интервалы.
7. Определить знак функции на каждом
интервале.
8. Выбрать решения неравенства
("+" соответствует знаку ">", '' - '' соответствует
знаку " < ").
Карточки-задания: 6 шт.
Решить неравенства методом интервалов:

2х3-х2-3х <
     0
0
(х-2)(х+1)
     < 0
0
0
(х-2)3 · х2 ·
     (х+1) > 0

Второй стол
Карточка-инструкция: Касательная к
графику функции
Алгоритм написания уравнения касательной
у=f(х0)+f'(х0) (х-х0)
1. Найти f(х0)
2. Найти f'(х)
3. Найти f'(х0)
4. Написать уравнение касательной у=f(х0)+f'(х0)
(х-х0)
Алгоритм нахождения углового коэффициента
касательной.
k=tga= f'(х0)
1. Найти f'(х)
2. Найти f'(х0)
Карточки-задания:
Написать уравнение касательной к графику
функции

f(x) = x2-2x в точке с его
     абсциссой х0=2
f(x) = x2+1 в точке с его
     абсциссой х0=1
f(x) = -0,5x2+2x в точке с
     его абсциссой х0=0

Найти угловой коэффициент касательной,
проведённой к графику

у = 5х4-0,5х+5 в точке х0=1
у = 5х3-7х в точке х0=2
у = х4-0,5х+5 в точке х0=1

Третий стол
Производная в физике и технике
Алгоритм нахождения производной в физике и
технике:

Находим производную от координаты по
     времени (она равна скорости)
Найдём производную скорости от
     времени (она равна ускорению)

Производная в физике и технике

Производная от координаты по времени
     есть скорость.
В этом заключается механический смысл
     производной x'(t)=u(t)
Производная от скорости по времени
     есть ускорение u'(t)=a

Карточки-задания:

Точка движется прямолинейно по закону
     x(t) = 3t3 + 2t + 1. Найдите её скорость в момент времени t = 2
     (координата x(t) изменяется в сантиметрах, время t - в секундах). (2
     вариант: x(t) = 3t4 + 2t3 + 6, t = 2)
Материальная точка движется
     прямолинейно по закону x(t) = 0.5t2 - 3t + 5. В какой момент
     времени скорость точки равна 9 (координата x(t) измеряется в сантиметрах,
     время t - в секундах).
Прямолинейное движение точки
     описывается законом x(t) = 2t3 - t2. Найти скорость
     и ускорение в момент t = 2. (2 вариант: x(t) = t4 - 3t, t = 1)
Материальная точка движется
     прямолинейно по закону x(t) = t3 - 4t2. Найдите
     скорость и ускорение в момент t = 5c (перемещение в метрах).

Четвёртый стол
Исследование функций
Алгоритм исследования функций

Найти область определения: D (f)
Найти производную функции,
     критические точки
Промежутки возрастания и убывания
     функции
Точки экстремума (max, min) и значения
     функции в этих точках
Точки пересечения графика с осями
     координат
Поведение функции в окрестности
     "особых точек"

Карточки-задания:
Исследовать функцию и построить её график

f(x) = x4 - 4x2
g(x) = -x3 + 3x - 2
h(x) = x3 + 6x - 15x - 3
f(x) = -x3 + 3x2
     - 4

 Пятый стол
Наибольшее и наименьшее значения функции
Алгоритм нахождения наибольшего и
наименьшего значения функции

Находим критические точки, т.е. f'(x)
     = 0
Вычислим значения функции во всех
     критических точках принадлежащих отрезку и на концах отрезка.
Из полученных чисел выбираем
     наибольшее и наименьшее.

Карточки-задания:
Найти наибольшее и наименьшее значение
функции на отрезке:

f(x) = -3x2 + 6x - 10 [-2;
     9]
g(x) = x3 + 3x2
     - 45x - 2 [-6; 0]
h(x) = 2x2 - 8x + 6 [-1;
     4]
y(x) = x3 - 3x2
     - 9x - 4 [-4; 4]
u(x) = x3 -9x2
     + 15x - 3 [3; 6]
g(x) = x4 - 8x3
     + 10x2 + 1 [-1; 2]

Шестой стол
Производная на ЕГЭ

IV. Заключительная часть.
Подведение итогов. Выставление
оценок.

file_name: урок-зачет по производной.docx

alt: МБОУ Лесногородская СОШ

alt: Карточки-задания: 6 шт. Решить неравенства методом интервалов: 2х 3 -х 2 -3х < 0 0 (х-2)(х+1) < 0 0 0 (х-2) 3 · х 2…


file_name: 37 ЕГЭ. Упражнения. Science.docx

title: 37 ЕГЭ. Упражнения. Science


file_name: задание по Excel 157.docx

title: материал по информатике по  Excel


extracted_text:
Муниципальное бюджетное
общеобразовательное учреждение
Ташкирменская основная общеобразовательная
школа
Лаишевского муниципального района
Республики Татарстан
Корчагина Евгения Руслановна
учитель начальных классов

Урок по окружающему миру.

 Тема:
Все
профессии важны.
Основное
содержание: план урока «Все профессии важны», плакаты
и картинки с изображением людей разной профессии,  выставка книг  по
теме урока, плакат с названием урока и плакат с пословицей:»Тяжело тому жить,
кто от работы бежит», толковый словарь русского языка.
Применяемые
методы и технологии: использование игровых технологий,
применение продуктивного(частично-поискового) метода, применение
репродуктивного (объяснительно-иллюстративного) метода.
Ожидаемые
результаты: у учеников появится представление о
востребованных в обществе профессиях, дети будут мотивированы на
самостоятельное знакомство с рядом профессий, повышение  потребности  у
учащихся быть активными участниками общественных отношений на основе полученных
знаний.
Дидактическая
часть:
Место
занятия в учебном процессе: урок составлен на основе
программы «Школа России» под редакцией А. А  Плешакова, УМК »Школа России»,
учебник Окружающий мир 2 класс 1 часть раздел «Жизнь города и села».
Задачи: Обучающая
– обогатить знания детей различных профессиях учить уважать труд людей.

Развивающая – Развитие
познавательного интереса, умения выделять существенные и не существенные
признаки объекта, умений сравнивать обобщать, развитие речи, умения делать
выводы на основе полученной информации.

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

План:
1.     Организационный
момент  (общий настрой)
2.     Сообщение
темы и задач урока (проблемная ситуация)
3.     Новая
тема:

                    - Изучение нового материала (мозговой штурм)

- Игра «Продолжи словосочетания»

- Работа по учебнику (определение названия профессии, беседа по  рисункам: «Что
знаете об этих профессиях»

                   - Разбор стихотворения Джанни Радари «Чем пахнут ремесла»

4.
Итог урока: (рефлексия)

                 - О чем говорили на уроке?

                - О каких профессиях узнали?

               - Какая профессия самая важная?
Вывод:
Все профессии важны, все профессии нужны
 5. Домашнее задание:
Нарисовать  рисунок,  на котором изобразите, кем бы вы хотели стать, прочитать
статью в учебнике.
Ход урока:
1.     Организационный
момент  (общий настрой)
Цель:
-обеспечить нормальную внешнюю обстановку для работы на уроке,

Психологически
подготовить учащихся к общению и предстоящему занятию
Задачи:-
доброжелательный
настрой  учителя  и  ученика

Готовность
класса и оборудования к уроку

                 Быстрое включение класса в деловой ритм

Кратковременность орг. Момента
Учитель:

-
Все в порядке?
-
Все на месте?
-
Ну, тогда начнем урок – все вместе!
Здравствуйте,
 врачи,
учителя, токари, поэты, космонавты, артисты, мореплаватели, строители,
защитники Отечества.
 Не
удивляйтесь, что я вас так называю, пройдут
 школьные
годы и именно вы станете за штурвал корабля, построите новые уютные дома,
сошьете новую красивую удобную одежду, и спечете самый вкусный торт в мире. Но
чтобы кем то стать в жизни вам нужно  прежде всего вырасти и выучиться.
2. Сообщение  темы и
задач урока (проблемная ситуация)
Учитель:
     Как
вы  думаете, о чем пойдет речь на нашем уроке? Догадались?
     Предлагаю вам я
тему.
     Хоть немного знаем
все мы:
     Книги, чашки, стол и
дом
    Создал человек
трудом.
    Вот о тех,  кто
создает,
    Строит,  учит ,иль
поет
    Мы сейчас поговорим
     Им урок свой
посвятим .
- Итак, наша тема: Все
профессии важны. (Плакат на доске)
3.
Изучение нового материала (мозговой штурм)
Цель:  -
организация внимания, обеспечение  восприятия, осознания, систематизации  и
обобщения  этого              материала учащимися, сообщение учителем нового
материала
Задачи: -
дать учащимся конкретное представление об изучаемых фактах, основной идеи
изучаемого вопроса, добиться от учащихся восприятия, осознания первичного
обобщения  и систематизации новых знаний.
Учитель:
- Что такое профессия?
Что означает это слово? (Ответы детей)
-
Посмотрим толковый словарь: «Профессия – то основное занятие человека, его
трудовая деятельность» (Вывешивается плакат на доске)
-
Какие профессии вы знаете? (ответы детей)
-А
как вы считаете, сколько существует на Земле профессий? ( ответы детей)
-
Перечислит все профессии и специальности человека не возможно. А вот продолжить
словосочетание, я думаю, вы сможете.
Итак,
игра: «Продолжи словосочетание»
1.
В поле пашет (тракторист)
2.
Поезд водит (машинист)
3.
В школе учит нас (Учитель)
4.
Строит здания (строитель)
5.
Красит стены нам (маляр)
6.
В шахте  трудится (шахтер)
7.
Нарисует нам (художник)
8.
Рыбу ловит (рыбак)
9.
Служит на море (моряк)
10.
В машине возит груз (Шофер)
11.
Хлеб убирает (Комбайнер)
12.
Песни нам поет (Певец)
13.
Кто все знает (молодец)
(По
ходу игры на доске вывешиваются картины с изображением людей названных профессий)
4.     Работа
по учебнику (стр 128 – 129) (первичное закрепление)
Цель:-
закрепить в памяти учащихся те знания и умения, которые необходимы для
самостоятельной работы по данному материалу, добиться в ходе закрепления
повышения  уровня  осмысления  изученного материала, глубины его понимания.
Выработать соответствующие навыки и умения.
Задачи:-
обеспечение
восприятия и осмысления, запоминания знаний и способов действий, связей и
отношений в объекте изучения. Установление правильности и осознанности усвоения
учебного материала, выявление пробелов и неверных представлений и их коррекция.
Учитель:
а)
Рассмотрите рисунки и расскажите, что вы знаете об этих профессиях. (Ответы
детей)
б)
Жизнь не стоит на месте и меняется, некоторые профессии исчезают, а новые
появляются. Вот некоторые из них: Менеджер, стилист, банкир, программист ( на
доске на плакатах). (Разбор и объяснение новых слов, профессий)
 в)
Определите название профессии и найдите их представителей на картинках (ответы
детей)
5.
Физминутка

Цель:- создание  условий  для  психоэмоциональной
разгрузки учащихся и развития речи на уроке

Задачи:  способствовать созданию комфортных условий на уроке,
развивать коммуникативные навыки учащихся.
Учитель:
Пролетает
самолет
С
ним собрался я в полет
Левое
крыло  отвел-поглядел,
Правое
крыло отвел- посмотрел
Я
мотор завожу и внимательно гляжу,
Поднимаюсь
ввысь –лечу
Приземляться
не хочу!
6.
Разбор стихотворения Джанни Радари «Чем пахнут ремесла»(вторичное закрепление)
Цель:--
использование различных способов( в том числе стихотворения)закрепления знания
вопросов требующих мыслительной активности, творческого осмысления материала
Задачи:-
активные  действия учащихся с объектом изучения, максимальное использование
самостоятельности в добывании знаний и овладение способами  действий в
применении этих знаний. Ликвидация типичных речевых ошибок и неверных представлений
у учащихся, самостоятельное выполнение заданий требующих применения знаний в
знакомой и измененной ситуации.
Учитель:
У каждого дела запах
особый
В булочной пахнет тестом
и сдобой
Мимо столярной идешь
мастерской
Стружкою пахнет и свежей
доской.
Пахнет маляр скипидаром и
краской,
Пахнет стекольщик оконной
замазкой.
Куртка шофера пахнет
бензином,
Блуза рабочего – маслом
машинным.
Пахнет кондитер орехом
мускатным
Доктор в халате  -
лекарством приятным,
Рыхло землею, полем и
лугом
Пахнет крестьянин идущий
за плугом.
Рыбой и морем пахнет
рыбак
Только бездельник не
пахнет никак!
- Кто такой бездельник? И
Почему он никак не пахнет? (ответы детей)
Правильно, молодцы, а еще
в народе говорят: «Тяжело тому жить, кто от работы бежит» (Плакат на доске).
7. Итог урока
(рефлексия)
Цель: проанализировать,
дать оценку успешности достижения цели и наметить перспективу на будущее.
Задачи: -четкость
и лаконичность, максимум  участия школьников в оценке своей работы.
Учитель:
    -О чем говорили на
уроке? О каких профессиях узнали? (ответы детей)
   -Да, на свете много
профессий, и каждая необходима и важна, в будущем я вам желаю выбрать профессию
по душе. А теперь проанализируем,  что каждый из вас узнал и что приобрел:
(учащиеся по
очереди высказываются одним предложением, выбирая начало фразы с плаката на
доске)
1. сегодня я узнал…
2. было интересно…
3. было трудно…
4. я выполнил задание….
5. я понял, что….
6 . теперь я могу….
7.я почувствовал, что…
8. я приобрел…
9. я научился…
10.у меня получилось…
11. я смог…
12. я попробую…
13.меня удивило…
14.урок дал мне для
жизни…
15.мне захотелось….
8. Д/З
Цель:
-сообщить
учащимся о домашнем задании, разъяснить методику его выполнения, мотивировать
необходимость и обязательность акта.
Задачи:
-обеспечение
понимания цели ,содержания и способов выполнения домашнего задания, проверка
соответствующих записей, реализация необходимых и достаточных условий для
успешного  выполнения домашнего задания всеми учащимися.
Учитель:
Дома
вы нарисуете рисунок, на котором изобразите, кем бы вы хотели  стать, а может
вы уже в течение нашего урока выбрали себе профессию?
-
И я надеюсь, что вы будете настоящими мастерами своего дела и настоящими
людьми, в этом вам помогут наши книги, которые выставлены у нас на выставке,
можете с ними ознакомиться.

Дополнительный игровой материал к уроку.
1.     Дайте
этому продукты:

Мясо птицы, сухофрукты,

Рис, картофель…

И тогда, ждет вас вкусная еда (повар)
2.     Дайте
ножницы, расческу,
Он
вам сделает прическу.
И,
конечно, непременно.
Подстрижет
вас современно (парикмахер)
3.     Охранять границу –
важно,
         И его туда зовут
, с верным псом
        Они отважно
службу родине несут (пограничник)
4.     Если
вдруг беда случится,
Где
– то, что -  то загорится
Он
туда поедет срочно
Он
погасит это точно (пожарник)

-
О каких профессиях экстренной службы говорится в следующих отрывках?
5. Корову мурку подоил
    Матроскин вечерком
    Чтоб молоко
прокипятить
     Пошел он быстро в
дом
     И вдруг на кухне
сразу
     Почуял запах газа
(газовая служба)
6. Ой, кричит под кустом
лиса
    Меня за  нос укусила
оса (скорая помощь )
7. Дон – дон – дон
   Загорелся кошкин дом
   Бежит курица с ведром
   Заливает кошкин дом
(пожарная служба)
8. Коза пришла домой и
крикнула:
    Ой – ой, такого еще
не бывало
    Семь козлят моих
пропало (полиция)
9. В белоснежном колпаке
     Перепачканный в
муке,
     Булки сдобные печет
     И ребятам раздает
    Продавец или
аптекарь?
   Нет, конечно –
это…(пекарь)
Литература:
1.Плешаков А. А.,
Окружающий мир: учебник для 2 класса: в 2 ч. – М.: Просвещение,   2009.
2.Контрольно-измерительные
материалы. Окружающий мир, 2 класс. И.Ф. Яценко, М.:ВАКО, 2013.
3.Дмитриева О.И. Поурочные
разработки по курсу «Окружающий мир. 2   класс». – М.:      «ВАКО», 2007.
4. Ильина  «Игры. Конкурсы.
Развлечения»  Волгоград.2001

file_name: урок окружающий мир.doc

alt: Сообщение темы и задач урока (проблемная ситуация) 2

alt: Строит здания (строитель) 5.

alt: Только бездельник не пахнет никак! -

alt: Он погасит это точно (пожарник) -

alt: Контрольно-измерительные материалы

intro: Конспект урока составлен на основе программы «Школа России» под редакцией А. А  Плешакова, УМК »Школа России», учебник Окружающий мир 2 класс 1 часть раздел «Жизнь города и села».   В конспекте есть:план урока «Все профессии важны», плакаты и картинки с изображением людей разной профессии,  выставка книг  по  теме урока, плакат с названием урока и плакат с пословицей:»Тяжело тому жить, кто от работы бежит», толковый словарь русского языкараскрытый конпсект урока по Окружающему миру для 2 класса УМК Школа России

title: конспект урока по Окружающему миру


extracted_text:
Основные технологии программирования
При разработке
компьютерных моделей для задач, решаемых по сложным
и громоздким алгоритмам,
получаются длинные про- граммы,
которые очень сложно отлаживать и тестировать. Для облег- чения этих работ были разработаны разные
технологии программи- рования,
которые упрощают структуру программы и ее отладку. Ос- новные из них:
–   модульное программирование;
–
программирование «снизу вверх»
(восходящее программи- рование);
– программирование
«сверху вниз» (нисходящее программи- рование).
Согласно этим
технологиям в алгоритме задачи выделяются модули.
Модуль – это либо логически законченный фрагмент общей задачи, либо часто повторяющийся блок расчѐтов.
Каждый модуль оформляется по определѐнным правилам
в виде подпрограммы, и в текст основного
алгоритма вместо него вставляется
короткая инструкция вызова подпрограммы. Когда вы- полнение программы доходит
до этой инструкции, выполняется фрагмент, заложенный в тело подпрограммы,
после чего управление передаѐтся
на команду, следующую за инструкцией вызова подпро- граммы.
Различают подпрограммы функции (используются как опе- ранды в выражениях) и процедуры (используются
как операторы). Общую структуру подпрограмм можно представить следующим об-

разом:
Тело подпрограммы
– это операторы, которые
программируют
ту часть алгоритма, которая выделена в
данный модуль. Формальные параметры
– это те переменные в теле подпрограммы, значения ко- торых надо будет перед началом работы
этого модуля получить из основной программы.

В инструкции по вызову указывается имя подпрограммы и фактические
параметры, то есть значения формальных параметров, с которыми следует
выполнить тело подпрограммы в данном месте.
Пример. Дан массив целых чисел {ai},i=1,
2, ..., 15. Программа должна вычислять
произведение двух сумм некоторых элементов
массива {ai}. Так как операции, которые следует
выполнить для сум- мирования, не
зависят от конкретных значений используемых чисел, алгоритм суммирования, чтобы не повторять
его дважды, можно оформить
в виде подпрограммы. Поскольку по условию задачи ко- нечным результатом должно быть произведение сумм, а не каждая из них по отдельности, подпрограмму можно
оформить по типу подпро- граммы-функции. Алгоритм,
по которому будет составляться про- грамма, представляем в псевдокоде:
Функция СУММА(i1,i2) начало:
s = 0
начало
цикла
для
i = i1 до i2 s = s + a(i)
конец цикла СУММА = s
Конец
функции
Начало
программы
вывести на экран("введите значения массива
А") начало цикла для j = 1 до 15
ввести с клавиатуры а(j) конец
цикла
вывести
на экран ("введите границы индексов первой

суммы") суммы")

ввести с клавиатуры g, w
вывести на экран ("введите границы
индексов второй

ввести с
клавиатуры t, l
р:= СУММА(g,w) * СУММА(t,l)
вывести
на экран ("произведение равно", р)
Конец программы

В программу введены константы: g = 1; w = 12; t = 8; l = 15. Это – фактические параметры, которые надо использовать вместо
формальных параметров i1 и i2 при вычислении значения p.
В ре- зультате переменная p примет
значение произведения сумм элемен- тов с 1
по 12 и с 8 по 15 из массива {ai}.
При использовании
технологии «сверху вниз» разработка про- граммы начинается с последовательной детализации алгоритма на

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

alt: Основные технологии программирования

alt: В инструкции по вызову указывается имя подпрограммы и фактические параметры , то есть значения формальных параметров, с которыми следует выполнить тело подпрограммы в данном месте

alt: Затем составляется текст основной программы, в которой вместо фрагментов, выделен- ных в подпрограммы, ставят « заглушки »

title: Основные технологии программирования