Разработка методики изучения Web-конструирования на факультативах по информатики
Дипломная работа - Педагогика
Другие дипломы по предмету Педагогика
остоятельность, законченность;
в) уровень творчества, оригинальность раскрытия темы;
г) дизайн, стиль, соответствие стандартным требованиям к учебным программам;
д) качество доклада;
ж) проявление глубины и широты знаний по излагаемой теме.
. Учебный материал носит общетеоретический характер.
Примерные планы-конспекты занятий
Данные планы уроков были разработаны для проведения занятий и изучения темы web- конструирование. Курс предлагается в количестве 8 часов учебного времени. В течение курса учащиеся, используя получаемые знания, проектируют и создают свои сайты. В конце курса они демонстрируют свои программы и отвечают на вопросы учителя.
Урок №1
тема: Создание простейшей HTML-страницы.
Цели: 1).Образовательная - ввести классификацию структур процедур и функций; сформировать понятия процедур и функций; научить учащихся различать процедуры и функции.
2).Развивающая - Развитие логики, мышления, памяти, построения различных типов процедур и функций.
).Воспитательная - воспитать стремление к получению новых знаний; формирование культуры умственного труда; планирование своей работы; бережное отношение к техническим средствам, уважение к одноклассникам, учителю и предмету.
Тип урока: урок- изучение нового материала
Оборудование: доска, компьютер, проектор.
План урока.
1).организационный момент - 2мин.
).проверка домашнего задания - 5мин
).изложение нового материала - 18 мин.
).первичное закрепление новых знаний - 10мин.
).домашнее задание - 3 мин.
).подведение итогов - 2 мин.
Ход урока.
1).Организационный момент. Приветствие. Проверка присутствующих постановка цели и темы урока Процедуры и функции.
).Изложение нового материала.
Язык HTML- набор команд (тегов), вставляемых в текс web- страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web- страницы или части той же web- страницы.
Web-страница- обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML, дополнительный хранящимися в отдельных файлах и погружаемыми дополнительно по размещенным в тексте страницы ссылкам мультимедиа- иллюстрациями (рисунками, видео, аудио пр.)
Сайт, web-сайт - это набор web-страниц, составляющих единую подборку и связанных между собой перекрестными ссылками. Одна из этих страниц является основной (головной, индексной, стартовой) и автоматически выдается на просмотр пользователю, указавшему в браузере только адрес сайта, тогда как все остальные страницы, как правило, вызываются на основной с помощью гиперссылок.
Сервер - это обособленный компьютер, подключенный к сети интернет (чаще всего круглосуточно) и имеющий собственный адрес (URL), на диске которого расположены один или несколько сайтов.
Инструменты и команды:
(программа Internet Explorer: Пуск Программы Internet Explorer )
Панель инструментов
ОстановитьПрерывает процесс загрузки страницыОбновитьПовторно загружает текущую открытую страницу для отображения изменений, возможно, произошедших в ее HTML- коде либо иллюстрациях за время ее предыдущего просмотраДомойПереход на заранее заданную домашнюю web-страницуНазадВозврат на предыдущую просмотренную страницВпередВозврат снова на страницу, с которой ранее ушли с помощью кнопки Назад
Как правило, HTML- теги бывают парными. Первый тег указывает начало форматируемого фрагмента текста и параметры форматирования, а второй, отличающийся от первого косой чертой / перед ключевым словом, указывает конец фрагмента текста- области влияния открывающегося тега. Такая пара тегов называется контейнером. Например, тег - заканчивает его. Между этими двумя основными тегами располагается головная (титульная) часть кода web- страницы и ее тело.
1. Создайте папку Урок 1.
. Откройте текстовый редактор Блокнот и наберите текст HTML- кода (без комментария справа), который соответствует пустой странице:
начало HTML- документа
начало головной части
название документа
конец головной части
начало тела документа
конец тела документа
конец HTML- документа
3.Сохраните полученный документ в папке Урок 1, присвоив файлу имя lesson1.php. Здесь . html (либо .htm )- типовое расширение имени файла с HTML- кодом web- страницы.
Рисунок 1
4. Запустите браузер Internet Explorer. Просмотрите в нем полученную пустую страницу. Для этого выполните двойной щелчок мышью на иконке файла
5).Домашнее задание.
. Что такое язык HTML? Для чего он нужен?
.Что означает косая черта (/) перед именем тега?
.Из чего состоит панель инструментов программы Internet Explorer?
).Подведение итогов. Сегодня мы познакомились c языком HTML, научились создавать простейшую HTML- страницу.
Выставление отметок.
Урок №2
Тема: Оформление текста. Выравнивание абзацев. Управление начертанием текста.
Цели: 1).Образовательная - раскрыть понятия парные теги, абзац, выравнивание, изучить теги для оформления текста.
2).Развивающая - Развитие логики, мышления, памяти, построение различных видов оформления текс