Эл. курсы / Технология создания интерактивных приложений в среде V.BASIC cт.Самарцева,Котиева гр.50 / курс по выбору
.docКрасноярский Государственный Педагогический Университет им. Астафьева В.П.
Предпрофильный курс.
Тема: «Технология создания Web-страниц в Microsoft Front Page».
Выполнили: Самарцева М.А.
Котиева О.М.
Проверил: Бойко Т.Н.
г. Красноярск
2004г.
Курс предназначен для учащихся средней школы и является предпрофильным в изучении образовательной области «Информатика». Данный курс предназначен для знакомства учащихся с правилами создания web-сайтов в Microsoft Front Page.
Предпрофильный курс рассчитан на 12 учебных часов, 2 из них – резервные. Предполагает проведение демонстраций (использование проектора), практических занятий в компьютерном классе на основе учебных элементов. По окончанию курса учащиеся представляют индивидуально разработанный Web-сайт.
Цели:
-
Образовательная: дать представление учащимся о технологии создания Web- сайтов в Microsoft Front Page.
-
Развивающая: подготовить учащихся к осознанному выбору профиля.
-
Воспитательные: воспитать чувство ответственности за свою
деятельность, помочь спланировать шаги деятельности.
Задачи курса:
-
Ознакомить с существующими программами создания Web-сайтов,
программами браузерами.
-
Ознакомить со структурой Web-сайта.
-
научить учащихся основам создания Web-сайтов в Microsoft Front
Page.
-
Учащиеся должны овладеть основами создания Web-сайтов в программе Microsoft Front Page.
Знать:
-
Существующие программы для создания сайтов, преимущества
Microsoft Front Page.
-
Существующие программы - браузеры, их назначение.
-
Структуру сайта.
Уметь:
-
Оформлять странички web-сайта.
-
Создавать гиперссылки и осуществлять переход между страницами с их помощью.
-
Создавать управляющие кнопки. Уметь применять их при создании сайта.
-
Уметь вставлять картинки и анимацию.
Методы преподавания:
-
Беседа
-
Демонстрации
-
Практические занятия
-
Практические занятия с использованием уч. элемента.
|
№ урока. |
Тема урока. |
Цели и задачи урока. |
Тип урока. |
Новые понятия и определения. |
|
1. |
Обзоры существующих оболочек для создания и отображения Web-сайтов. |
Дать первоначальное представление о различных программах создания Web-сайтов. Ознакомить с программами-браузерами. Дать возможность поработать с разными Web-сайтами.
|
Беседа с элементами демонстрации, репродуктивный. |
Web-сайт, проект, программа- браузер, страница, элементы управления. |
|
2. |
Достоинство программы Microsoft Front Page. |
Познакомить с основными свойствами программы Microsoft Front Page. Познакомить с основными достоинствами Microsoft Front Page. Познакомить с окном конструктор, код, с разделением и просмотр. Рассказать о их функциях. Возможность попробовать самостоятельно создать простую Web-страничку. |
Беседа с элементами демонстрации с элементами практического занятия. |
Объект, свойства объекта, атрибуты объекта, окно, конструктор, код, окно кода, тэг, команды html. |
|
3 |
Создание связанных страниц. |
Дать первоначальное представление о структуре Web-сайтов. Дать возможность самостоятельно создать странички и попытаться их связать. создания самостоятельного проекта.
|
Вводная беседа, практическое занятие, частично -поисковый. |
Гиперссылка, управляющие кнопки, путь, адрес. |
|
|
|
Осознание необходимости дополнительных знаний для улучшения процесса создания и связи страниц. Выбор темы для самостоятельных проектов. -Виды магнитных накопителей. - Периферийные устройства. - Архитектура компьютера. - Манипуляторы. - Назначение и виды сетей. - и др. Начать формирование умения планировать собственную деятельность. |
|
|
|
4 |
Шаблоны и их использование. |
Дать представление о назначении шаблонов. Научить применять шаблоны при создании собственных страничек. Привить первоначальные навыки практического использования различных шаблонов. Помочь в выборе шаблона для собственного проекта.
|
Беседа, демонстрация, практическое занятие, индивидуальная консультация по проектам. |
Шаблоны, общие шаблоны, страницы рамок, таблицы стилей. |
|
5 |
Создание и организация гиперссылок. |
Дать понятие гиперссылок. Помочь осознать значение и функции гиперссылок. Научить создавать гиперссылки и осуществлять связь между страницами индивидуального проекта. |
Беседа с использованием демонстрации, практическое занятие. |
|
|
6 |
Вставка видео- и аудио объектов, картинок. |
Научить вставлять анимационные объекты в Web-сайт. |
Вводная беседа, практическое занятие с использованием уч. элемента. (Вставить файл с:\picture\col.bmp на главную страничку , вставить файл c:\video\1.avi на третью страницу) Индивидуальная консультация по индивидуальному проекту. |
Анимация. |
|
7 |
Организация управления работы при помощи управляющих кнопок. |
Показать возможности использования уп. кнопок при работе с Web-сайтом. Научить создавать и организовывать работу используя уп. кнопки. |
Вводная беседа, практическое занятие с использованием уч.элемента.(Организовать запуск видеоролика c:\video\2.avi по нажатию кнопки Смотри!!!)
|
Меняющаяся кнопка. |
|
8 |
Знакомство с окном кода. |
Показать возможности создания Web-сайтов при помощи html команд. Обсудить достоинства и недостатки создания Web-сайтов при помощи html команд. Дать первоначальное представление о работе программистов, работающих над созданием сайтов.
|
Беседа с демонстрацией, практическое занятие с использованием уч.элементов.( После тэга <body> написать данные команды <body <bgcolor="#005588" text="#FFFFFF" link=#66eeff vlink=#66eeff alink=#ffffcc> <table border=1 cellspacing=8 cellpadding=0 align="center" bordercolor=#002266 bordercolorlight="#3377aa" bordercolordark="#003366"> <tr> <td width="190" align=center valign=top ><br> <a href="index.html"> <IMG src=\эуч\IMAGES\book.gif height=68 width=75> </a> |
Body,bgcolor, text, alink, table border, bordercolor, cellpadding, td width, a href, src |
|
9 |
Доработка индивидуальных проектов.
|
Помочь закончить сайты по выбранным темам. |
Индивидуальная консультация. |
|
|
10 |
|
Оценить работу учащихся по их конечному продукту. Критерии оценивания: -Наличие работающих гиперссылок -функционирующие кнопки -наличие анимации -не менее 4 страниц -единый стиль сайта.
|
Презентация Web-сайтов учащихся.
|
|
Примерная программа курса.
- Этапы создания персонального компьютера.
-
Цели и задачи: научить применять шаблоны в создании Web-сайтов. Ознакомить с организацией работы в данной программе.
Форма проведения: компьютерный практикум.
-
Урок №4:
Тема: Создание страничек и организация гиперссылок.
Цели и задачи: дать представление о назначении гиперссылок.
Форма проведения: компьютерный практикум.
-
Урок №5:
Тема: Вставка объектов.
Цели и задачи: научить учащихся вставлять рисунки, картинки.
Форма проведения: компьютерный практикум.
-
Урок №6:
Тема: Организация управления объектами при помощи кнопок.
Цели и задачи: дать представление о работе с кнопками.
Форма проведения: компьютерный практикум.
-
Урок №7:
Тема: Знакомство с формой и ее свойствами.
Цели и задачи: научить работать с формой.
Форма проведения: демонстрация с элементами практики.
-
Урок №8:
Тема: Работа с файлами.
Цели и задачи: научить работать с разными типами файлов.
Форма проведения: компьютерный практикум.
-
Урок №9:
Тема: Работа с таблицами.
Цели и задачи: научить учащихся создавать и вставлять
таблицы.
Форма проведения: компьютерный практикум.
-
Урок №10:
Презентация Web-сайтов.