ЛАБОРАТОРНАЯ РАБОТА № 4

Задание 1. Создание прозрачного осколка

1.Создайте новый документ в программе CorelDraw.

2.Переименуйте страницу в Осколок.

3. Выберите на панели инструментов Кривые Безье.

4.Создайте продолговатый треугольник. Для этого вам понадобится всего четыре кли-

ка.

5.Выполните команду

Эффекты – Выдавливание.

6. Применив инструмент, добейтесь желаемого эффекта

(рис. 19).

Рис 19.

7. Выделите исходный треугольник и выполните команду Упорядочить - Разъединить. После этого исходный треугольник отделится от выдавленного.

8.Выделите выдавленную часть осколка.

9.Выполните команду Отменить группировку полностью, и вы получите выдавленную форму, разбитую на три части.

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

11.Удалите контур всех трех

частей (рис. 20).

12. Выполните команду

Эффекты – Линза.

Рис 20.

60

Практикум по информационным технологиям

13. Выделяя по очереди части выделенного треугольника (клавиша Tab), на панели свойств Линза установите значения по образцу (рис. 21).

Рис 21.

14. Сгруппируйте части осколка.

15.Поместите под изображением осколка фотографию (рис. 22).

16.Создайте дубликат осколка (Ctrl+D), установите к нему значение Точка зрения.

Рис 22.

17.Сохраните файл под названием Oskolok. cdr.

18.Покажите работу учителю.

8.На панели свойств выберите количество шагов сопряжения, например 9.

9.Используя панель Интерактивность, создайте фигуры с различным эффектом (рис. 25 и рис. 26).

10.Сохраните файл под названием Uzor. cdr.

11.Покажите работу учителю.

Рис 24.

Рис 25.

ЖЕЛАЮ УСПЕХА

Практикум по информационным технологиям

Создание презентаций в среде PowerPoint

Компьютерная презентация – система взаимосвязанных сложных объектов – слайдов. Каждый слайд может состоять из текста, рисунка, клипа и звука.

ЛАБОРАТОРНАЯ РАБОТА № 1

Знакомство с программой Microsoft PowerPoint. Первая презентация.

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

1.Создайте в своей папке новую папку M_PP.

2.Запустите программу PowerPoint.

3.Сохраните файл под именем Present1.ppt.

4.Выполните команду Макет – Титульный слайд.

5.Из вкладки Дизайн выберите оформление слайда по образцу (рис.1).

Рис.1

6. Оформите первый слайд по образцу (рис.2):

заголовок – шрифт Georgia,

размер 60 пт, выравнивание по левому краю,

текст – шрифт Arial,

размер 24 пт, курсив,

маркированный список.

Рис 2.

Рис 3.

10.Создайте второй слайд. Макет – Пустой слайд.

11.Выполните команду Дизайн – Фон – Сплошная заливка. Залейте слайд светлым коричневым цветом и установите галочку Скрыть фоновые рисунки – Закрыть.

12.Оформите слайд

по образцу (рис.4). 13. Создайте анимацию для каждой ли-

нии Появление,

Запускать после предыдущего, Быстро.

Рис 4.

14. Сохраните презентацию.

15. Просмотрите свою презентацию в режиме Показ слайдов (F5). 16. Покажите работу учителю.

64

Практикум по информационным технологиям

ЛАБОРАТОРНЫЕ РАБОТЫ № 2 - 3 Эффекты анимации в программе PowerPoint

Цель работы: научиться применять эффекты анимации, работать с панелью инструментов Автофигуры.

1.Создайте документ Теорема_Пифагора. ppt в своей папке M_PP.

2.Слайд № 1 (рис.5)

•выберите макет Титульный слайд;

•правой мышкой задайте фон слайда;

3.Слайд № 2 (рис.6)

•макет Пустой слайд;

•вставьте в нижнюю левую часть слайда автофигуру

Прямоугольный треугольник;

•удалите заливку;

•вставьте Выноску;

•щелчком правой мыши вставьте текст;

• создайте анимацию: Рис 6.

выноска – Вылет сверху, очень быстро, после предыдущего, задержка времени 0,5с, текст (весь) – Выцветание, очень быстро, задержка времени 0,5 с, после предыдущего.

•щелчком правой мыши наберите текст катет;

•зажмите клавишу Ctrl и скопируйте фигуру два раза;

•на одной из них исправьте текст на гипотенуза;

•фигуру с надписью «гипотенуза» выделите и выполните команду

Упорядочить – Повернуть – Отразить слева направо;

•создайте анимацию:

выделите клавишей Shift обозначения a b c – Круговой симметричный, с предыдущим, очень быстро; задержка времени 0,5 с.

выделите стрелки: первая Вылет слева, вторая – Вылет снизу,

третья – Вылет сверху справа;

после предыдущего, очень быстро, задержка времени 0,5 с.

5.Слайд № 4 (рис.8)

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

•вставьте автофигуру;

•наберите текст;

•создайте анимацию:

Вертикальные жалюзи, после предыдущего, задержка времени 0,5 с.

Рис 8.

66

Практикум по информационным технологиям

6.Слайд № 5 (рис.9)

•вставьте треугольник в пустой слайд;

•вставьте его ещё три раза по образцу;

•вставьте обозначения у первого треугольника;

•при помощи клавиши Ctrl вставьте обозначения у оставшихся треугольников;

•выделите один из треугольников вместе с обозначениями его вершин при помощи

•выполните команду Формат – Группировать;

•таким же образом сгруппируйте и оставшиеся треугольники;

•покажите учителю;

•создайте анимацию:

кимеющемуся треугольнику летят с разных сторон достроенные треугольники; быстро, после предыдущего, задержка времени 0,5 с.

7.Слайды № 6 и № 7 (рис.10)

•вставьте предыдущий рисунок;

•удалите анимацию;

•«накройте» поверхность чертежа квадратом;

•добавьте надписи;

•создайте свою анимацию для надписей.

Рис 10.

8. Слайд № 8 (рис.11)

• закрасьте исходный треугольник;

• добавьте выноску с надписью;

• создайте анимацию.

9. Слайд № 9 (рис.12)

Рис 12.

13.Настройте презентацию Показ слайдов – Настройка времени.

14.Просмотрите свою презентацию.

15.Сохраните файл.

16.Покажите работу учителю.

68

Практикум по информационным технологиям

ЛАБОРАТОРНАЯ РАБОТА № 4 Работа с гиперссылками и управляющими кнопками.

Цель работы: создание гиперссылок как внутри документа, так и на другие файлы, применение управляющих кнопок.

1.Откройте!!! в Моих документах файл Алгоритм.ppt.

2.Скопируйте его в свою папку M_PP под именем Algoritm.ppt.

3.Закройте файл Алгоритм.ppt.

4.Покажите учителю.

5.Просмотрите файл Algoritm.ppt.

6.На втором слайде создайте надпись

Словарь (рис.13).

9.Откройте последний слайд и выполните команду Вставка – Фигуры.

10.Выберите Управляющие кнопки и вставьте кнопку по образцу (рис.13).

11.Выполните действие Перейти по гиперссылке – Последний указанный слайд.

12.Скопируйте надпись Словарь с готовой

гиперссылкой и вставьте её на 3–6 слайдах.

13.Запустите показ презентации и проверьте работу гиперссылки.

14.Покажите учителю.

и выполните команду Перейти по гиперссылке – Следующий слайд.

17.Скопируйте кнопку и вставьте на каждый слайд, кроме последнего.

18.На последнем слайде вставьте Домик и перейдите на Первый слайд.

19. На втором слайде в левом нижнем углу вставьте Управляющую кнопку

ивыполните команду Перейти по гиперссылке – Предыдущий слайд.

20.Скопируйте кнопку и вставьте на каждый слайд, кроме первого.

21.Проверьте работу ссылок.

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

23.Откройте третий слайд, выделите заголовок Язык блок-схем (рис.21) и свяжите его с любым текстовым документом.

Рис 21.

24.На слайдах 4 – 6 создайте анимацию Появление сверху, после предыдущего.

25.Сохраните файл.

26.Покажите работу учителю.

70

Практикум по информационным технологиям

ЛАБОРАТОРНАЯ РАБОТА № 5 Использование средства анимации - триггера.

Цель работы: научиться использовать средство анимации – триггер.

Триггер в PowerPoint — интерактивное средство анимации, позволяющее задать действие выделенному элементу.

Задание 1.

1.Создайте файл trigger.ppt в своей папке M_PP.

2.На первом слайде вставьте два изображения.

I способ создания триггера

3.Выделите изображение Рисунок 1.

4.Выполните команду Добавить анимацию – Вход – Выцветание.

5.Не убирая выделения изображения, добавьте триггер Рисунок 2 (рис.22).

6.Запустите презентацию и проверьте работу триггера.

Рис 22.

IIспособ создания триггера

7.Выделите изображение Рисунок 1.

8.Выполните команду Добавить анимацию – Выход

–Выцветание.

9.На панели Область анимации откройте

контекстное меню и выберите кнопку Время (Рис.23). 10.Выполните команду

Переключатели – Начало выполнения эффекта при щелчке – Рисунок 2 – ОК.

11.Запустите презентацию и проверьте работу триггера.

12.Сохраните файл.

13.Покажите работу учителю.

Рис 23.

Задание 2.

1.Создайте слайд по образцу

(рис.24).

2.Создайте анимацию триггера, при которой фигуры с углами пульсируют, а овал исчезает и на его месте появляется надпись, что ответ верный.

3.Сохраните файл.

Рис 24.

72

Практикум по информационным технологиям

Задание 3.

1.Создайте слайд по образцу (рис. 25).

2.Создайте анимацию триггера, при которой

при правильном ответе изображение увеличивается и появляется название птицы, а неправильном – изображение птицы исчезает (рис.26).

При желании можно добавить звук.

Рис. 25

Рис. 26

3. Сохраните файл.

Задание 4.

1. Создайте слайд по образцу (рис. 27).

Рис. 27

2. Создайте анимацию триггера, при которой при правильном ответе изображение перемещается в прямоугольник слева, а неправильном – создать гиперссылку на другой слайд с надписью об ошибке, а при возврате - изображение меняется на надпись о устройстве ввода (рис.28).При желании можно добавить звук.

Рис. 28

3. Сохраните файл.

ЖЕЛАЮ УСПЕХА

74

Практикум по информационным технологиям

Разработка web – страниц при помощи программы Adobe D reamweaver

С точки зрения программы Adobe Dreamweaver, сайт - это папка па диске вашего компьютера или на удаленном сервере, в которой хранятся все НТМLстраницы, рисунки, анимация, звуковые, видео и другие файлы вашего проекта.

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

ЛАБОРАТОРНАЯ РАБОТА № 1 Создание первой web - страницы

Цель работы: познакомиться с программой Dreamweaver, научиться создавать папку для web – сайта, страницы для web – сайта, просматривать web – страницу в обозревателе Интернета.

Задание 1. Создаём web-сайт

1.Создайте в своей папке новую папку под названием Сайт.

2.Запустите программу Dreamweaver.

3.Выберите команду меню

Web-сайт – Создать web-сайт.

4. В первом диалоговом окне введите название сайта Семья + свой класс (рис.1).

Рис.1

5. В следующих окнах выберите

•Нет, не использовать…

•Редактировать локальные копии, выбрать свою папку!!!

•Подключение…выбрать НЕТ!

•Готово.

Сайт будет создан.

6. На панели Файлы в правой части главного окна программы Dreamweaver появится значок папки с названием созданного вами сайта Сайт– Семья (рис.2).

По мере работы над проектом каждая созданная web-страница будет отображена на этой панели в папке сайта.

7. Показать учителю.

Рис 2.

Задание 2. Создаем web-страницу

1.Выполните команду Создать – HTML или Файл – Создать. Перед вами откроется пустая страница Документ без названия.

2.На панели инструментов документа введитеназвание Семья Смирновых.

3.На рабочем поле введите с клавиатуры следующий текст:

ГЛАВНАЯ СТРАНИЦА СЕМЕЙНОГО САЙТА

Семья Смирновых

Это наша дружная семья: мой папа, моя мама и я- Светлана.

Аэто наша собака - лабрадор по кличке Бим.

4.Выполните команду Файл – Сохранить как. Сохраните файл в своей папке Семья под названием main (Главная).

5.Обратите внимание: на панели Файлы, в папке Семья также

появился значок файла main. html (рис. 3).

76

Рис 3.

Практикум по информационным технологиям

Рекомендуется в дальнейшем сохранять документ как можно чаще. 6Част. ое сохранение документов - надёжная гарантия от потери данных.

При помощи панели Свойства отформатируйте текст:

выделите первую строчку текста – выберите Заголовок 1,

выравнивание по центру, шрифт Times New Roman, цвет – тёмно-зелёный.

выделите вторую строчку - выберите размер 36, шрифт Times New Roman, выравнивание по центру, полужирный, курсив, цвет – тёмно-зелёный.

выделите третью и четвёртые строки - выберите размер 32,

шрифт Times New Roman, выравнивание по ширине, цвет – тёмно-зелёный.

7.Нажмите кнопку Свойства страницы – Цвет фона и выберите цвет FFFF99

8.Сохраните файл.

9.На панели инструментов Документ нажмите кнопку Просмотр/Отладка в браузере – Просмотр вInternet Explorer.

Можно также выбрать команду меню Файл– Просмотр в браузере– Internet Explorer или нажать клавишу F12.

10. Если документ не был сохранен, откроется диалог с предложением сохранить файл. С таким предложением следует согласиться.

11. На экране появится окно обозревателя Explorer, в котором отобразится созданная Web-страница.

12.Полюбуйтесь на свою первую страницу в Интернете и закройте обозреватель.

13.Сохраните файл.

14.Покажите учителю.

ЛАБОРАТОРНАЯ РАБОТА № 2

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

Задание 1. Вставляем изображение

1.Запустите программу Dreamweaver .

2.Откройте web – страницу main своего сайта Семья. Убедитесь, что вы откры-

ли именно свой сайт.

3.Установите курсор внизу текста по центру.

4.Выполните команду Вставить – Изображение. В папке Файлы для сайто-

строениянайдите графический файл Наша семья_фото.

5.Вставьте его.

Откроется диалог с предложением сохранить файлв вашей папке. С таким предложением следует согласиться.

6.Выделите фотографию. В свойствах установите в поле Border (толщина рамки) значение 2.

7.Сохраните файл.

8.Закройте программу и вновь запустите. Убеди

тесь, что на панели Файлы, в папке Семья появился значок вставленной фотографии (рис.8).

9.Покажите учителю.

10.Выполните просмотр в обозревателе Explorer.

Рис.8

Задание 2. Создаём активное изображение

Cделаем так, чтобы изображение менялось при наведении указателя мыши. Такие изображения, реагирующие на действия пользователя, называются активными (rollover).

78

Практикум по информационным технологиям

1.Щёлкните правой мышкой на панели Файлы графический файл наша се-

мья_фото.

2.В появившемся контекстном меню выберите командуРедактировать - Дублировать. Будет создана копия указанного файла. Дубликату по умолчанию будет присвоено имя Сору of наша семья_фото. jpg. Новый значок файла с таким именем отобразится на панели Файлы.

3.Дважды щелкните мышью на изображении, вставленном на главную страницу main. html. На экране появится диалог Select Image Source (Выбор исходного изображения) с открытой папкой Семья.

4.Выберите файл Сору of наша семья_фото. jpg и нажмите кнопку ОК. Файл будет заменен. Внешне на странице ничего не изменится.

5.Щелкните мышью на изображении в окне документа. Картинка будет выделена.

6.На панели свойств Properties нажмите кнопкуЯркость и контраст (рис.9).

7.Установите значение Brightness (Яркость) –20 иContrast (Контраст) 20.

8.Убедитесь, что изображение в окне документа выделено. На панели свойств Properties установите Sharpen (Резкость)

5.

9.Сохраните файл.

10.Покажите учителю.

11.Убедитесь, что изображение в окне

документа выделено.

12. Выберите команду меню

Редактировать– Вырезать.Изображениебу-

дет удалено из окна документа и с webстраницы.

13. На вкладке Соmmоn (Общие)

Рис.10

16.Посмотрите, как работает активное изображение в обозревателе Explorer.

17.Покажите работу учителю.

Задание 3. Создаём и форматируем таблицу

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

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

Сегодня таблицы на web – страницах используются не только для компактного и наглядного размещения каких-либо данных, но также и для оформления web – страниц.

Практикум по информационным технологиям

Рис.11

3.Установите размеры таблицы по образцу (рис.12).

4.В свойствах добавьте недостающие размеры (рис.13).

Рис.12

Рис.13

5.Вырежьте нижний текст и вставьте в таблицу.

6.Установите курсор в центре таблицы и правой мышкой вызовите контекстное ме-

ню.

7.Выполните команду Таблица – Вставить столбец (рис.14).

8.Залейте этот столбец тёмно – зелёным цветом (#006633).

Рис.14

9.При необходимости поднимите фотографию вверх.

10.Сохраните файл.

11.Выполните просмотр в обозревателе Explorer.

12.Покажите работу учителю.

ЛАБОРАТОРНАЯ РАБОТА № 3

82

Практикум по информационным технологиям

Цель работы: научиться создавать ссылки и гиперссылки.

Задание 1. Создание гиперссылок.

Каждый Web - сайт представляет собой множество гипертекстовых страниц, связанных друг с другом с помощью ссылок и гиперссылок.

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

1.Запустите программу Dreamweaver.

2.На панели Файлы выберите вашу папку Семья. Убедитесь, что вы открыли именно свой сайт.

3.Создайте новый файл.

4.Сохраните его в вашей папке под названиемo nas_.html.

5.В заголовке впишите название Давайте познакомимся.

6.Залейте страницу тем же цветом, что и предыдущую (#FFFF99).

7.Введите с клавиатуры следующий текст.

ОНАС

1.Папа

2.Мама

3.Светлана

4.Бим

Моего папу зовут Виктор Семенович. Он профессор, доктор физикоматематических наук. Папа преподает в университете высшую математику.

Мою маму зовут Ирина Николаевна. Она музыкант — играет на скрипке в оркестре Большого театра.

Меня зовут Светлана Викторовна. Я учусь в 11-а классе лицея № 115 г. Москвы.

Собака Бим — лабрадор ретривер. Его главное занятие — охота с папой, игры в парке с детьми.

8.Весь текст наберите шрифтом Times New Roman, цвет – тёмно-зелёный (003333)

•верхняя строчка 36 размера, заголовок 1, по центру

•список 32 размера

•остальной текст 28 размера, по ширине.

Создадим ссылку, которая позволит перемещаться к началу страницы.

9.Установите текстовый курсор в начале заголовкаО нас.

10.На вкладке Общие нажмите кнопку Именованный Якорь (рис.15).

Рис.15

11. В поле ввода Имя якорявведите названиеЗаголовок. В позиции текстового курсора появится значок якоря, указы-

вающий место, в которое будет осуществлен переход по ссылке (рис.16). Рис.16

Вобозревателе Интернета этот значок якоря отображаться не будет.

12.Установите текстовый курсор в конце последнего абзаца. Нажмите пять раз клавишу Enter. Установите курсор по центру.

13. На вкладке Общие панели объектов нажмите кнопку Гиперссылка.

14. Задайте параметры ссылки по образцу (рис.16).

15.Нажмите кнопку ОК. Диалог Гиперссылка закроется. В позиции текстового курсора появится ссылка К началу страницы.

16.Сохраните файл.

17.Проверьте, как работает ссылка в обозревателе Explorer.

18.Покажите учителю.

Создадим гиперссылкудляперехода на главную страницу.

Практикум по информационным технологиям

20.Нажмите клавишу Enter. Текстовый курсор переместится в середину следующей

строки.

21.Введите с клавиатуры текст На главную страницу.

22.Выделите текст и ВСТАВЬТЕ ГИПЕРССЫЛКУ ОДНИМ ИЗ ТРЁХ СПОСОБОВ:

•правой кнопкой мыши выберите Создать ссылку.

Воткрывшимся меню выбрать файл main.html

•выберите файл main.html, воспользовавшись кнопкой Browse for File, расположенной справа от поля ввода Link (Ссылка).

•установите указатель мыши на значокPoint to File (Указатель на файл)распложенной справа от поля ввода Link (Ссылка). Нажмите и удерживайте левую кнопку мыши.

Перетащите указатель мыши на значок файлаmain.html находящийся на панели

Файлы.

23.Перейдите на страницу main.html.

24.Выделите заголовок Главная страница семейного сайта.

25.Создайте гиперссылку на страницу o nas.html.

26.Сохраните файл.

27.Проверьте, как гиперссылки работают в обозревателе Интернета.

28.Порадуйтесь своим успехам.

29.Порадуйте своими успехами учителя.

ЛАБОРАТОРНАЯ РАБОТА № 4

Цель работы: научиться создавать баннеры и делать ссылки на соответствующий сайт, вставлять звук, делать предпросмотр изображений в обозревателе Интернета, создавать почтовые ссылки.

Задание 1. Создание баннера

Весьма популярным способом рекламы в Интернете являются баннеры, которые представляют собой привлекающие внимание рисунки, зачастую анимированные. Щелкнув мышью на баннере, вы переходите на другойweb-сайт, который рекламируется этим баннером.

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

1.Запустите программу Dreamweaver.

2.На панели Файлы выберите вашу папку Семья. Убедитесь, что это именно ваш

сайт.

3.На странице o nas.html установите курсор справа от ссылок.

4.На вкладке Общие щелкните мышью на значке кнопки Изображения и в появившемся меню выберите командуПоле для изображения.

5.Задайте параметры изображения по образцу (рис.17).

Здесь может быть Ваша реклама

Рис.17

6.В поле ввода Link (Ссылка) введите адрес web-сайта, на который должен ссылаться баннер http://www.banners.ru.

7.Проверьте, как работают гиперссылки в обозревателе Explorer.

Практикум по информационным технологиям

Задание 2. Вставляем звук

1.На странице main.html выделите графическое изображение.

2.В свойствах добавьте ссылку Link на звуковой файл katya_lel_-_krestiki-_noliki, который находится в папке Файлы для сайтостроения(рис.18).

3.Откроется диалог с предложением сохранить файл в вашей папке. С таким предложением следует согласиться.

ссылки на другие файлы.

Рис.18

6.Прослушайте звуковой файл в обозревателеExplorer.

7.Покажите работу учителю.

Задание 3. Предпросмотр изображения

1.На панели Файлы правой мышкой выделите изображение наша се-

мья_фото.jpg.

2.В контекстном меню выберите Предпросмотр в браузере.

3.Убедитесь, что эта команда работает.

4.Сохраните файл.

5.Покажите учителю.

Задание 4. Создание почтовой ссылки

1.На странице main.html установите курсор ниже фотографии.

2.На вкладке Общиенажмите кнопкуEmail ссылка.

3. Заполните поле своими данными (в данной версии программыDreamweaver почта работает только в системе Yandex) (рис.19).

Рис.19

4.Проверьте, как работает ссылка в обозревателе Explorer.

5.Покажите учителю.

ЛАБОРАТОРНАЯ РАБОТА № 5

88

Практикум по информационным технологиям

Цель работы: создание новых web – страниц, закрепление ранее изученного материала.

Задание 1. Создание новых web – страниц

1.Запустите программу Dreamweaver.

2.На панели Файлы выберите вашу папку Семья. Убедитесь, что вы открыли именно свой сайт.

3.Создайте новые страницы по образцу (рис.20–22).

4.Все фотографии и надписи к ним вставьте в таблицы.

5.Не забудьте установить цвет страниц.

6.Сохраните файлы в своей папке соответственно papa.html, mama.html,

Sveta.html, Bim.html.

ПАПИНА СТРАНИЦА

Виктор Семенович Смирнов родился 12 февраля 1970 года в г. Москве.

В1987 году он закончил школу.

Вэтом же году поступил на механико-математический факультет Московского государственного университета им. М. В. Ломоносова.

После окончания университета Виктор Семенович поступил в аспирантуру МГУ и в 1995 году защитил кандидатскую диссертацию.

Лекция в университете

Рис.20

МАМИНА СТРАНИЦА

Ирина Николаевна Смирнова родилась 25 октября 1973 года в г. Москве.

В этом же году поступила на факультет оркестровых струнных инструментов

Московского государственного института музыки им. А.Г. Шнитке.

СТРАНИЦА СВЕТЛАНЫ Светлана Викторовна Смирнова родилась 3 августа 1994 года в г. Москве. Сейчас она учиться в 11-а классе лицея № 115.

После школы Света хочет поступить в институт права и стать специалистом по налогооблажению.

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

СТРАНИЦА БИМА

Рис.21

90Бим родился 17 января 2007 года.

Наши друзья подарили нам его двухмесячным щенком.

Практикум по информационным технологиям

Рис.22

7.Название заголовков соответствует названию текста.

8.Установите размер границ 4, цвет границ #CCCCCC.

9.Покажите работу учителю.

Задание 2. Создание гиперссылок

1. На каждой из вновь созданных страниц создайте ссылку на страницу o nas.html (рис.23).

2. Проверьте, как работают ссылки в обозревателе Интернета.

3.Покажите учителю.

4.Сохраните файл.

Рис.23

ЛАБОРАТОРНАЯ РАБОТА № 6

Цель работы: научиться создавать на web – страниц области, которые будут обладать свойствами гиперссылок.

Задание 1. Создание графического меню

1.В векторном редакторе WORDсоздайте изображение (рис.24).

2.Скопируйте его и вставьте в растровый редактор Photoshop.

3.Не забудьте залить изображение цветом #FFFF99.

4.Сохраните изображение в своей папке Семья в формате JPEGпод названием

Graphic_menu.

Рис.24

Задание 2. Создание на web – страницах «горячих областей»

92

Практикум по информационным технологиям

1.Запустите программу Dreamweaver.

2.На панели Файлы выберите вашу папку Семья. Убедитесь, что вы открыли именно свой сайт.

3.Создайте новый файл.

4.Сохраните его под названием map.html.

5.В заголовке введите Карта сайта.

6.Вставьте созданное изображение Graphic_menu.

7.Установите его по центру.

8.Щелкните мышью на рисунке с графическим меню. Рисунок будет выделен, а на панели свойств (Properties) отобразятся элементы управления свойствами рисунка.

9.Для создания «горячих» областей предназначены следующие инструменты

(рис.25).

Рис.25

10.Выберите инструмент Rectangular Hotspot Tool (Прямоугольная область) и обведите каждый прямоугольник.

11.Создайте ссылки на соответствующие web – страницы.

12.Проверьте их работу в обозревателе Explorer.

13.Покажите работу учителю.

ЖЕЛАЮ ВСЕМ УСПЕХА!!!

Векторная система Flash