Разработка модульной программы Пояснительная записка 30 1 Модульная программа по теме «Язык разметки гипертекста html» 31

Вид материала

Пояснительная записка

Содержание Компьютерная зависимость Организация рабочего места Выводы по главе 3 Тема: Web-сайты и Web-страницы. Структура Web-сайта и Web-страницы Пояснительная записка Цели урока Учебно-методическое обеспечение урока Технологическая карта урока (М4) Методы обучения Инструкционная карта учителя (М4) Деятельность ученика Тема урока Проверка выполнения домашнего задания Изучение нового материала Назад (Back). Если ссылки образуют длинную цепочку, то кнопки Назад Общий вид программы Выбрать имя для метки Общий вид программы Общий вид программы Второй HTML-файл ... Полное содержание

Подобный материал:

• Реферат создание сайта на основе html, 60.66kb.
• Содержание программы: Web -дизайн Основы Web -дизайна. Дизайн в Internet: задачи, подходы,, 13.59kb.
• Реферат по информационным технологиям на тему «Интернет, html и html-редакторы», 144.62kb.
• План лабораторных работ Введение в Web-программирование; создание html-страниц, работа, 6.6kb.
• Курс предпрофильной подготовки учащихся с ориентацией на информационно-технологический, 59.17kb.
• Сетевые технологии Web-дизайна, 85.09kb.
• Концепция www 5 Создание Web-страницы с помощью языка html 7 1 Язык html 7 Структура, 217.81kb.
• Пояснительная записка 11 класс Рабочая программа к учебному курсу «Deutsch. Kontakte», 337.57kb.
• Пояснительная записка. Методическая разработка на тему: «Профессиональная направленность, 187.77kb.
• Отчет об исследовательской работе, 781.61kb.

Компьютерная зависимость

Компьютерная зависимость — пристрастие к занятиям, связанным с использованием компьютера, приводящее к резкому сокращению всех остальных видов деятельности, ограничению общения с другими людьми. Признаком её является не само по себе время, проводимое за компьютером, а сосредоточение вокруг компьютера всех интересов школьника, отказ от других видов деятельности.

3. Организация рабочего места

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

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

Сидеть ребёнок должен на расстоянии не менее 50-70 см от монитора, упираясь взором перпендикулярно в центр экрана монитора. Посадка должна быть прямая или слегка наклонённая вперёд, с небольшим наклоном головы. Ребёнок должен сидеть на стуле, опираясь на 2/3 - 3/4 длины бедра, чтобы обеспечить устойчивость посадки. Между корпусом тела и краем стола сохраняется свободное пространство не менее 5 см. Руки должны свободно лежать на столе. Ноги согнуты в тазобедренном и коленном суставах под прямым углом и располагаются под столом на специальной подставке.

Стол, на котором стоит компьютер, следует поставить в хорошо освещённое место, но так, чтобы на экране не было бликов.

Зрительная гимнастика поможет восстановить функциональное состояние аккомодационного аппарата глаза и предупредить его переутомление. Упражнения для глаз представлены в Приложении И.

Выводы по главе 3

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

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

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

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


Заключение

Разработана модульная программа по теме «Язык разметки гипертекста HTML», рассчитанная на десять уроков. Полностью описаны пять модульных уроков по данной теме, которые в дальнейшем послужат опорным материалом для написания всего курса информатики в гимназии, базирующегося на МТО.

На сегодня с полной уверенностью можно сказать, что МТО с последними достижениями, приведёнными в этой работе, в курсе информатики использовалась впервые. Разработанные уроки являются первым опытом в этом направлении.

Наиболее важным и сложным при создании уроков, с использованием описанной МТО, является точное теоретическое определение понятий, т.е. тех кирпичиков, которые закладываются в фундамент знаний учащихся. Только на основе правильных теоретических, а не эмпирических понятий у учащихся формируется необходимое абстрактное мышление.

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

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

Для отработки и контроля знаний в учебных пособиях практический материал наработан слабо. Задания по отдельным учебным элементам либо отсутствуют вообще, и их требуется разрабатывать самому, либо носят объём целого проекта, что характерно для ВУЗовских учебников и не применимо для коротких школьных уроков, что опять же, требует самостоятельной разработки контрольно-тестового и опытно-наглядного материала для отработки рефлексии. Для решения этой задачи был придуман «конструктор»: набор текстовых файлов (файлы созданы в текстовом редакторе Блокнот, тематическое содержание файлов соответствует изучаемому предмету) и графических картинок (картинки иллюстрируют теоретический материал файлов конструктора). Пример файлов конструктора приведён в Приложении 2. Применение такого конструктора резко сократило время некоторых учебных элементов уроков, давая возможность учащимся отрабатывать только требуемые навыки (не надо набирать текст для Web-страницы или рисовать (искать) иллюстрацию самому). Из подобного конструктора также удобно создавать и тестовый материал.

В учебной литературе нет наработки вопросов и тем для проведения такого обязательного элемента модульного урока как мотивация. С учётом внедрения в процесс обучения здоровьесберегающих технологий у меня возникла идея популяризации данной тематики, используя её в мотивационных целях обучения.

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


Список литературы

1. Берсенева Л.А., Два модульных урока по естествознанию (6класс). // «Биология в школе» 1996г., №1.
   
2. Бурцева О.Ю. Модульная технология обучения. // «Биология в школе», 1999г., №5
   
3. Бурцева О.Ю., Либеров А.Ю. Процесс познания в старших классах. // «Открытая школа», 1999г, №3.
   
4. Гончаров А. HTML в примерах. "Питер", С-Пб, 1997.
   
5. Давыдов В.В. Теория развивающего обучения. – М.: Интор,1996.
   
6. Дмитриева Л.М. Уроки географии в 6 классе. – М.: Дрофа, 2007г.
   
7. Дмитриева Л.М., Мерзлякова О.В. Модульные обучающие уроки (по математике и географии). // «Открытая школа», №4, 1997г.
   
8. Коцюбинский А.О., Грошев С.В. Современный самоучитель работы в сети Интернет. М., "Триумф", 1997.
   
9. Львовский М.Б. Создание Web-страниц. Изучение языка HTML.// Электронные лекции, 2006
   
10. Лэмонт Вуд. Web-графика. Справочник. С-Пб, Изд. "Питер", 1998.
    
11. Мерзлякова О.В. Модульная программа по математике. // «Открытая школа», 1996г, №4
    
12. Москаленко М.В., Алямовская Н.А. Современные требования к уроку. Методические рекомендации учителю. – М., 2000г.
    
13. Основы информатики и вычислительной техники. Пособие по подготовке к вступительному экзамену в Московский технический университет связи и информатики. М.: –Министерство связи РФ, МТУ связи и информатики, 1996.
    
14. Третьяков П.И., Сенновский И.Б. Технология модульного обучения в школе: Практико-ориентированная монография / Под ред. П.И.Третьякова.-М.: Новая школа, 1997.
    
15. Третьяков П.И., Сенновский И.Б. Технология модульного обучения в школе: Практико-ориентированная монография / Под ред. П.И.Третьякова.-М.: Новая школа, 1997.
    
16. Угринович Н.Д. Информатика и информационные технологии., Учебное пособие для 10-11 классов., – М.: –Лаборатория Базовых Знаний, АО «Московские учебники», 2001.
    
17. Угринович Н.Д. «Информатика и ИКТ. Базовый курс 9» М. БИНОМ Лаборатория знаний, 2006.
    
18. Усенков Д.Ю. Уроки Web-мастера. / Д. Усенков. 2-е изд., испр. и доп. – М.: БИНОМ. Лаборатория знаний, 2004.
    
19. Шамова Т.И. Модульное обучение: сущность и технология. // «Биология в школе», 1994г., №5.
    
20. Шаламова Т.И., Чекмарева Т.К. Урок в современной школе и его педагогический анализ. Методические рекомендации. - МГПИ имени В.И.Ленина, М., 1987 г.
    
21. Юцявичене П.А. Принципы модульного обучения. // «Педагогика» 1990г., №1.
    

Электронные ресурсы

1. ссылка скрыта
   
   Задание перехода по метке
   
   …
   
   На экран выводится ссылка: текст
   
   …
   
   
   
   
   …
   
   
   
   
   =#метка>
   
   Метка. Сюда браузер приходит по ссылке
   
   …
   
   На экране ничего не отображается
   
   
   Для организации перехода внутри документа или для перехода к метке в другом документе нужно:
   
   1. 
      Выбрать имя для метки:
      
      • имя должно быть уникальным в HTML-программе. Это означает, что других меток с таким именем в файле быть не должно (когда одинаковых меток несколько, браузер выполняет переход на самую первую метку);
        
      • имя может заключаться в кавычки;
        
      • имя может состоять из любых символов. В том случае, когда имя содержит пробелы или ключевые символы HTML, кавычки обязательны.
        
   2. Запрограммировать переход по метке.
      
   
   В месте перехода нужно написать команду ссылка скрыта.
   
   Здесь:
   
   • # - ключевой символ;
     
   • метка – выбранное имя для метки;
     
   • текст – запись, которая будет выглядеть на экране браузера как ссылка.
     
   
   3. Установить тег с меткой в нужном месте HTML-программы.
   
   Перед фрагментом HTML-программы, на которой должен выполниться переход, записать команду-метку =#метка>.
   
   При этом:
   
   • имя метки должно быть то же самое, что и в команде, задающей переход;
     
   • парный тег может быть опущен;
     
   • на экране тег-метка =#метка> никаких изображений не строит.
     
   
   В результате, при щелчке мыши по тексту, расположенному внутри контейнера , браузер ищет в программе метку, имя которой указанно в атрибуте href, и показывает на экране то место документа, в котором эта метка расположена.
   
   Смотри приложение 1
   
   Переход к другому документу (файлу)
   
   Для того чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды с атрибутом href=имя_файла.
   
   

   Общий вид программы	Комментарий
   …	Выполнить файл имя_файла. На экран выводится ссылка: текст. При щелчке мыши на ссылке браузер строит на экране документ по программе заданной в файле имя_файла.
   ссылка скрыта
   …

   
   
   
   Переход к метке другого документа
   
   Можно объединить эти методы и передать управление из одного документа к метке внутри другого.
   
   
   

   Общий вид программы	Комментарий
   Первый HTML-файл … ссылка скрыта …	Приступить к показу фрагмента с меткой метка в файле имя_файла. На экран выводится ссылка: текст.
   Второй HTML-файл … …	При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле имя_файла, начиная с фрагмента с меткой метка.

   
   
   
   Имена файлов и ссылки на них
   
   Имена файлов с HTML-программами имеют расширение html или. Без необходимости обозначение html лучше не использовать, так как не все операционные системы понимают 4 символа в расширении имени файла.
   
   Имена для файлов всегда стараются придумывать осмысленные. Когда файлов много, порядок в именах имеет особое значение.
   
   Если, например, ваш много файловый гипертекст имеет иерархическую структуру, старайтесь в обозначениях использовать иерархию. Так, основной файл с оглавлением можно назвать 00.php (или index.php). Файл с первой главой – 01.php. Когда главы имеют файлы-параграфы их имена получаются из имени главы добавлением двухзначного номера параграфа (пример: файл 0205.php описывает построение пятого параграфа второй главы).
   
   Браузер ищет файл в том же каталоге, что и файл, содержащий ссылку. Когда необходимо сослаться на файл из другого каталога, можно:
   
   • указать в ссылке полный путь к файлу, начиная с имени дисковода;
     
   • указать в ссылке путь по отношению к файлу со ссылкой.
     
   
   Второй способ гораздо лучше, так как позволяет переносить ваш гипертекст в другие каталоги и на другие компьютеры без дополнительных настроек.
   
   Пример:
   
   С
   
   BOOK
   
   00.php
   
   01
   
   02
   
   02.php
   
   0201.php
   
   0202.php
   
   03
   
   04
   
   Сослаться из файла 00.php на файл 02.php:
   
   1. 
      C:/BOOK/02/02.php (абсолютная адресация).
      
   2. ./02/02.php (относительная адресация).
      
   
   Первый способ приводит к непереносимости вашего продукта. Стоит перенести каталог, и ссылка перестает работать.
   
   Вторая запись предлагает браузеру ориентироваться на текущий каталог – об этом говорит указание «./». Когда же указание имеет вид «../», то это означает перейти в выше стоящий каталог
   
   
   Переход на другие ресурсы
   
   При помощи команды можно программировать переходы на любые ресурсы, доступные в сети.
   
   Гиперсвязь в HTML-документе представляет собой URL-адрес: сначала записывают условное обозначение протокола, по которому доступен файл в Интернете, потом, через символы «://» - адрес сервера, на котором расположен файл, затем через символ «/» - место расположения файла на сервере:
   
   
   название протокола://адрес сервера/расположение файла
   
   
   Слушают учителя, записывают определения, примеры и новые слова (термины) в тетрадь, (ведут конспект) задают вопросы, когда что-нибудь не понятно.
   
   
   
   IV
   
   Самостоятельное выполнение задания и его контроль
   
   Задание 1
   
   1. Создать Веб-страницу логика.phpl, содержащую текст файлов конъюнкция.txt, дизъюнкция.txt и инверсия.txt.
      
   2. Вставить в начале этой страницы вставьте три гиперссылки переходящие на метки внутри документа (Веб-страницы), т.е. отдельно на текст из файла конъюнкция, отдельно на текст из файла дизъюнкция и отдельно на текст из файла инверсия.
      
   
   Задание 2
   
   1. Создать три Веб-страницы: Веб-страницу конъюнкция.phpl, Веб-страницу дизъюнкция.phpl и Веб-страницу инверсия.phpl.
      
   2. Взять из файлов с соответствующими именами текст к данным страницам.
      
   3. Соединить все три страницы гиперссылками, осуществляющими переход к другому документу (получится в каждом документе по две гиперссылки).
      
   
   Задание 3
   
   1. Создать Веб-страницу логика2.phpl с тремя гиперссылками на метки в Веб-странице, созданной в пункте 1 (логика.phpl).
      
   
   Задание 4
   
   1. Создать папку с именем 1 в папке, где вы выполняете свои задания.
      
   2. Создать в папке 1 Веб-страницу с именем инверсия.phpl. Взять текст для этой страницы из файла инверсия.txt.
      
   3. Добавить в Веб-страницу логика2.phpl 2 гиперссылки, переходящие на Веб-страницу инверсия.phpl. Одна из этих гиперссылок должна быть абсолютной, а вторая относительной.
      
   
   Задание 5
   
   1. Создать в Веб-странице логика2.phpl гиперссылки на электронные ресурсы со следующими электронными адресами:
      
   
   ссылка скрыта
   
   ссылка скрыта
   
   
   
   Учащиеся последовательно выполняют задания. После выполнения каждого задания они сверяют результат с образцом на ПК учителя, внося необходимые исправления.
   
   
   V
   
   Самооценка деятельности на уроке и запись домашнего задания
   
   
   1. «ОТЛИЧНО»: выполнил все задания.
      
   2. «ХОРОШО»: выполнил больше половины заданий.
      
   3. «УДОВЛЕТВОРИТЕЛЬНО»: выполнил меньше половины заданий.
      
   
   
   Домашнее задание:
   
   
   Для всех: повторить понятия по теме
   
   1. «ОТЛИЧНО»: заменить в выполненных заданиях гиперссылки на графические «кнопки».
      
   2. «ХОРОШО» и «УДОВЛЕТВОРИТЕЛЬНО»: доделать все задания из этапа урока IV.
      
   
   
   
   Оценку записать в тетрадь.
   
   
   Ученики записывают задание в дневник (в тетрадь)
   
   VI
   
   Подведение итогов занятия
   
   На этом уроке мы с вами продолжили изучать язык HTML. Мы рассмотрели тэг позволяющий вставлять гиперссылки в Веб-страницу и создали учебные Веб-страницы, соединённые между собой гиперссылками, изученными на этом уроке. Результаты своих достижений вы видели на экранах дисплеев при просмотре созданных страниц с помощью браузера.
   
   Поясняю, какие ошибки делались во время выполнения практической работы.
   
   Отмечаю наиболее активных учеников, правильно отвечавших на вопросы и справившихся с практическим заданием, выставляю оценки отличившимся ученикам в журнал и в дневник.
   
   
   Ученики дают свои дневники для проставления оценок.
   
   
   
   
   
   Внешний вид папки Материалы к уроку. «Конструктор»
   
   
   Приложение 3
   
   М5: Обобщение и закрепление по теме «Язык разметки гипертекста HTML (часть I)»
   
   Пояснительная записка
   
   Данное учебное занятие по типу является уроком проверки, оценки и коррекции знаний и способов деятельности.
   
   Данный урок является продолжением изучения темы «Основы языка разметки гипертекста» курса «Информатика и ИКТ»(часть I).
   
   На этом уроке учащиеся должны показать знания основных понятий темы, умения и навыки в создании простейших Веб-страниц, управлении текстом Веб-страницы, вставкой графики и гиперссылок в неё.
   
   Урок построен в форме самостоятельной работы, имеющей четыре варианта заданий. Каждый вариант состоит из четырёх типов заданий (два задания письменных и два задания выполняются на компьютере). Последнее задание повышенной сложности.
   
   Цели урока: определить уровень ЗУН по теме «Основы языка разметки гипертекста» курса «Информатика и ИКТ»(часть I).
   
   
   Триединая дидактическая задача урока:
   
   1. Образовательная:
   
   • Актуализация имеющихся знаний по оформлению Web-сайта;
     
   • Дальнейшее формирование специальных умений и навыков работы с компьютером;
     
   • Продолжить формирование навыков по созданию и отладке Web-страницы с использованием HTML;
     
   • Формирование общеучебных умений: умение работать во времени, умение контролировать деятельность по конечному результату.
     
   2. Развивающая:
      
      1. Развитие речи, мышления учащихся;
         
      2. Развитие навыков концентрации внимания на восприятии нового материала;
         
      3. Совершенствовать навыки работы с компьютером;
         
      4. Развитие познавательной активности учащихся;
         
      5. Учить анализировать и сравнивать результаты;
         
   3. Воспитательная:
      
      1. Развивать навыки организации рабочего места;
         
      2. Воспитывать аккуратность, внимательность, вежливость, дисциплинированность;
         
      3. Формирование основ научной организации труда школьника;
         
      4. Взаимоконтроль, самоконтроль.
         
   
   
   
   Материально-техническое обеспечение учебного процесса:
   

   Наименование	Характеристики	Кол-во
   1.Учительский ПК	P4,3.0 ГГц, 1024 Мб ОЗУ, HDD 120 Гб, FDD, монитор ЖК 15”, mouse, Keyb.	1 шт.
   2.Ученический ПК	P-III, 256 Mb ОЗУ, HDD 10 Gb, FDD, мониторы: ЭЛТ- 15”-17”, mouse, Keyb	15 шт.
   3. Программное обеспечение ПК	WINDOWS-XP, редактор Блокнот, Microsoft Office 2003, Internet Explorer 6-7, прикладные программы, папка с файлами заданий для контрольной работы.
   4. Проектор	Hitachi	1 шт.

   
   
   Учебно-методическое обеспечение урока
   
   Литература
   
   7. Т.И.Шаламова, Т.К.Чекмарева. Урок в современной школе и его педагогический анализ. Методические рекомендации. - МГПИ имени В.И.Ленина, М., 1987 г.
      
   8. М.В.Москаленко, Н.А.Алямовская. Современные требования к уроку. Методические рекомендации учителю. – М., 2000г.
      
   9. Основы информатики и вычислительной техники. Пособие по подготовке к вступительному экзамену в Московский технический университет связи и информатики. М.: –Министерство связи РФ, МТУ связи и информатики, 1996.
      
   10. Н.Д. Угринович Информатика и информационные технологии., Учебное пособие для 10-11 классов., – М.: –Лаборатория Базовых Знаний, АО «Московские учебники», 2001.
       
   11. Д.Ю. Усенков Уроки Web-мастера. / Д. Усенков. 2-е изд., испр. и доп. – М.: БИНОМ. Лаборатория знаний, 2004.
       
   
   
   
   Электронные ресурсы
   
   9. ссылка скрыта
      
   10. ссылка скрыта
       
   11. ссылка скрыта
       
   12. ссылка скрыта
       
   
   
   
   Структура учебного занятия
   
   

   Этап	Название этапа	Время
   I	Организационный момент	2
   II	Актуализация знаний	8
   III	Выполнение контрольного задания	31
   IV	Информация о домашнем задании	2
   V	Подведение итогов занятия	2

   
   
   
   Технологическая карта урока
   

   Этап урока	ТДЗ	Методы обучения	Формы обучения	Содержание учебного материала	ТСО	Реальный результат
   Организационный момент	Подготовка учащихся к работе на уроке. Включение в деловой ритм работы. Формирование основ научной организации труда.	Устное сообщение учителя.	Общеклассная.	Сообщение целей и задач урока.	Компьютер, проектор.	Полная готовность учащихся, их рабочих мест и оборудования.
   Актуализация знаний	Актуализация знаний для выполнения контрольного задания	Словесный.	Общеклассная.	Разъяснение актуальности данной темы	Компьютер, проектор.	Умение быстро настраиваться на рабочий лад и ориентироваться в условии поставленной задачи.
   Выполнение контрольного задания	Сформировать умения и навыки работы по теме в режиме реального времени; Формирование основ научной организации труда школьника при программировании в HTML	Практическое выполнение работы с использованием логических и гностических методов	Общеклассная.	Запись учащимися ответов на бумажный носитель и работа на компьютере	Компьютер Проектор.	Умение учащихся выполнять практические задания в режиме реального времени и приобретение навыков эргономичной работы.
   Информация о домашнем задании	Выбор домашнего задания	Словесное сообщение	Общеклассная.	Запись в дневник домашнего задания.	Компьютер, проектор	Индивидуальное домашнее задание.
   Подведение итогов занятия	Дать анализ и оценку успешности достижения цели.	Устное сообщение учителя.	Общеклассная.	Дать оценку выполненной работы.		Получение учащимися частичной информации о реальных результатах обучения.