Проектирование обучающего комплекса по теме "Язык гипертекстовой разметки " для учащихся 9 классов

Курсовая работа для студентов педагогических учебных заведений.Написана мной , защищена на 5 . ...

СОДЕРЖАНИЕ

Введение………………………………….…………………………….... 3
Проектирование обучающего комплекса по теме «Язык гипертекстовой разметки» в девятом классе……………………………………………… 5
1. Обучающие комплексы и их виды………………………....... 5
2. Средства разработки обучающего комплекса.………….. …. 7
3. Язык гипертекстовой разметки документов HTML……. …. 11
4. Особенности изучения языка HTML в девятом классе…... .. 14
Заключение……………………………………………..………………... 17
Список используемых источников…………………………………….. 19

ВВЕДЕНИЕ

Бурное развитие сети Интернет предъявляет все большие требования к знанию учащихся в области Интернет-технологий. Одной из составляющих данной области являются Web-дизайн и технологии создания сайтов. Сегодня любой желающий может создать свой собственный Web-сайт и разместить его, абсолютно бесплатно, в сети Интернет. К сожалению, эта возможность не всегда способствует появлению в сети качественно разработанных и информационно насыщенных web-ресурсов.
Часто сайты, построенные по шаблонам, имеют запутанную навигацию и режущую глаза расцветку. Это результат низкая подготовка
В процессе обучения учащимся потребуется не только умение создать свой Web-сайт, но и сделать его визуально и информационно привлекательным, что невозможно без мобилизации творческих возможностей и необходим ости самостоятельного поиска нестандартных решений.
Этим обосновывается выбор темы «Проектирование обучающего комплекса по теме «Язык гипертекстовой разметки» в 9 классе» курсовой работы. По этой тем книг брошюр и учебников слишком мало, что отрицательно сказывается на качестве подготовки учащихся. Данная тема повышает интеллектуальную активность, формирует общие интеллектуальных способности, особенно понятийного теоретического мышления, совершенствует умения пользоваться ими, рассуждать логически и абстрактно, развивает практические умения и навыки, которые в будущем могут понадобиться для совершенствования профессиональных способностей.
Проблема: каковы педагогические условия проектирования обучающего комплекса по теме «Язык гипертекстовой разметки» для учащихся девятых классов.
Цель: выявить педагогические условия проектирования обучающего комплекса по теме «Язык гипертекстовой разметки» для учащихся девятых классов.
Объект: процесс проектирования обучающего комплекса по теме «Язык гипертекстовой разметки» для учащихся девятых классов.
Предмет: Педагогические условия проектирования обучающего комплекса по теме «Язык гипертекстовой разметки» для учащихся девятых
Задачи:
1) проанализировать учебную и методическую литературу по теме исследования;
2) раскрыть понятие «обучающие комплексы» и рассмотреть их виды;
3) выявить средства разработки обучающего комплекса;
4) изучить язык разметки страниц HTML;
5) выявить особенности изучения языка HTML в девятом классе.
Для решения поставленных задач использовался метод теоретического анализа учебной и технической литературы; метод изучения передового педагогического опыта. Авторов учебников Макарова Н.В. , Сухина Н.А. , Босовой Л.Л.

Они оптимально подходят для создания полноценного обучающего комплекса для формирования базовых знаний по программированию. Комбинированные обучающие комплексы дают возможность привлечь учащихся продуктивно работать с программой, отрабатывать накопленные базовые знания и вести контроль над успеваемостью учащихся [6].Рассмотрев все виды обучающих комплексов, было принято решение использовать комбинированный тип обучающих комплексов, по причине того что данный вид подходит по всем критериям к выбранной теме.Определив наиболее подходящий вид обучающего комплекса и изучив методические требования к его созданию следует выбрать средство разработки и распространенность этих средств.2. Средства разработки обучающего комплексаОпределив наиболее подходящий вид обучающего комплекса и изучив методические требования к его созданию следует выбрать среду разработки. Существует множество сред программирования, но наиболее популярными являются:Си является стандартизированным процедурным языком. Разработали его еще в конце 20-го века. Он создавался для работы в ОС Unix, но позднее был модифицирован и портирован на остальные операционные системы. Ценят Си за его эффективность. Си – самый распространённый язык для создания программного обеспечения, а также прикладных программ [9].С++ является компилируемым, строго типизированным языком общего назначения. Поддерживает процедурный, функциональный, обобщенный и объектно-ориентированный принцип программирования. С++ используют для написания сложных приложений. Для работы с С++ на платформе IBM PC наиболее популярна система Turbo C++ американской фирмы Borland [14].С# является объектно-ориентированный языком высокого уровня. Аналогично с предыдущим, поддерживает контекстно-ориентированную концепцию. Данный язык является своеобразным помощником разработчикам, работающим с языками C и C++. Он даёт возможность более эффективно разрабатывать Интернет-приложения для платформы Microsoft.NET. С# имеет С-подобный синтаксис и по своему характеру напоминает С++ и Java [11].Java является самым простым и понятным языком программирования. Язык является объектно-ориентированным, высокоуровневым. Разрабатывался для бытовой электроники и назывался Oak, а позже был переименован в Java и по сей день используется для создания серверного ПО, апплетов и приложений. Синтаксис Java максимально приближен к синтаксису С++, но принцип работы Java кардинально отличается [10].PHP - рефлексивный язык программирования. Разрабатывался для работы с базами данных и написания динамических веб-страниц. Сейчас PHP в основном используется для верстки сайтов и создания веб-приложений. Из за своей функциональности, простоты и скорости выполнения PHP является популярнейшим скриптовым языком для программирования в области сети Интернет [12].HTML - Язык гипертекстовой разметки. Производит статическое размещение страниц в сети Интернет. Подавляющее количество существующих веб-страниц созданы на языке HTML (или XHTML). Интернет-браузер распознаёт HTML и выводит его программный код в понятном для человека виде (в виде документа) [13].SQL - язык управления реляционными базами данных. SQL и не является полноценным языком программирования, но его стандарт позволяет ему расширить свою функциональность до полноценного языка посредством создания процедурных расширений. В настоящее время SQL позиционируется самым популярных языков управления реляционными базами данных. Популярности этого языка не мешает даже существование ряда альтернатив.Для разработки обучающего комплекса мною выбран такой язык программирования как Delphi.Delphi - язык программирования который использует под своим начинанием язык программирования Object Pascal. При разработке обучающего комплекса отдано предпочтение этой среде программирования в связи с тем, что Delphi- среда программирования, в которой сочетается мощность, надёжность и простота создания программ. Delphi даёт визуальное проектирование пользовательского интерфейса, имеет развитый объектно-ориентированный язык Object Pascal и уникальные по своей простоте и мощи средства доступа к базам данных. Язык Delphi по своим возможностям превзошел язык такой язык программирования как Basic и даже в чем-то язык C++, но при этом он остаётся весьма надежным и легким в освоении. Среда Delphi даёт возможность довольно легко создавать собственные компоненты и структурировать из них полноценные программы. Delphi в настоящее время остаётся одним из лучших средств программирования для ОС Windows. Разработчик получает возможность — использовать один и тот же язык программирования при создании профессиональных программ для всех операционных систем и платформ: Windows, Linux, .NET, Mono. Именно этим среда Delphi отличается от модного ныне языка C#, который применяется лишь для программирования на платформах .NET и Mono.У среды программирования Delphi существует еще одно важное преимущество перед другими успешными языками — он идеально подходит для изучения программирования. Именно поэтому авторы всевозможных учебников рекомендуют Delphi как первый язык для учеников и студентов, собирающихся обучаться программированию. Delphi выбран средой программирования для создания обучающего комплекса, так как в нём собраны все необходимые для разработки программы компоненты и функции.Интерфейс - совокупность технических, программных и методических (протоколов, правил, соглашений) средств сопряжения в вычислительной системе пользователей с устройствами и программами, а также устройств с другими устройствами и программами.Интерфейс - это стандарт взаимодействия между несколькими объектами. Интерфейс в техническом смысле задаёт параметры, процедуры и характеристики взаимодействия объектов. Различают: Интерфейс пользователя - набор взаимодействий программы и пользователя этой программы. Программный интерфейс - набор взаимодействий между программами. Физический интерфейс - взаимодействия физических устройств. Чаще всего речь идёт о компьютерных портах [3].Пользовательский интерфейс - это совокупность программных и аппаратных средств, дающих возможность взаимодействия пользователя с компьютером. В основу такого взаимодействия входят диалоги. Диалог в данном случае понимается как регламентированный обмен информацией между человеком и компьютером, происходящий в реальном времени и направленный на совместное решение задачи. Диалог состоит из отдельных процессов ввода / вывода, которые физически обеспечивают связь пользователя и компьютера. Обмен информацией осуществляется передачей сообщений [15]. Для разработки обучающего комплекса Delphi, выбран средой программирования, так как в нём собраны все необходимые для разработки программы компоненты и функции.После обзора средств разработки обучающего комплекса следует выбрать теоретическую часть которая в дальнейшем будет выходить в обучающий комплекс3. Язык гипертекстовой разметки документов HTMLЯзык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже [2].Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформ независимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении [7].HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы и списки и т.д.), поместить на Web - страницу отдельно подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами. Кроме того, могут присутствовать ссылки на файлы с графическими изображениями, которые просмотре будут отображены вместе с текстом. Для форматирования файла HTML не требуется мощного текстового процессора – вполне возможно (а в большинстве случаев и более удобно) использование, например, текстовый редактор Notepad (Блокнот). Не допустимо применение элементов оформления текста специальными средствами программы-редактора (например, Word) [8].С точки зрения пользователя Windows, Web- страница - это просто файл типа *.htm или *.html, находящийся на сервере Интернет, в локальной сети или на жестком диске компьютера .Документ Интернет представляет собой текстовый файл, размеченный средствами формата HTML. Управляющие конструкции языка HTML, называются тегами и вставляются непосредственно в текст документа. Теги HTML бывают парные и непарные. Парные теги должны закрываться: <ТЕГ>…</ТЕГ>. Они воздействуют на часть документа находящуюся между ними. Непарные теги оказывают воздействие на весь документ или определяют эффект в месте своего появления. Их не нужно закрывать. Теги могут вкладываться друг в друга, но без пересечений, то есть допустимо вложение типа <ТЕГ1><ТЕГ2></ТЕГ2></ТЕГ1>, но не <ТЕГ1><ТЕГ2></ТЕГ1></ТЕГ2>.Независимо от того, как будет выглядеть Web- страница, и какую информацию вы отображаете, существует три тега, которые в соответствии со стандартом HTML должны присутствовать на каждой Web- странице .Обязательным является только открывающий тег <HTML>.Следует оговорить, что эффект применения тега может видоизмениться добавлением параметров. В парных тегах параметры добавляются только к открывающему тегу. Параметры представляют собой дополнительные ключевые слова и размещаются после тега через пробел до закрывающегося элемента «>». Способ применения некоторых параметров требует указания значения параметра [9].Раздел документа HEAD.В теге <HEAD> находиться заголовочная информация.- HREF= ˝адрес˝ - указывает на URL- адрес другого документа.- REL – определяет отношение между текущим и другим документом.