Создание образовательного сайта в рамках проектной деятельности учащихся ОП ОО ЧГК на уроках истории

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Введение

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

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

1. Использование образовательных ресурсов, созданных на базе университетов, научных лабораторий, компьютерных фирм и т.п. с целью изучения определенных тем, курсов.

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

3. Обращение к ресурсам, созданным по результатам проведенных телекоммуникационных проектов.

Трудно переоценить педагогическую значимость такой работы, когда ученики видят результаты своих исследований, поисков, творческих работ на сайте в Интернете, обращаются к ним во время уроков, внеклассных занятий и мероприятий. Безусловно, учащиеся ощущают себя не только пользователями, но и создателями, соавторами образовательных сайтов, что способствует их самореализации, самоутверждению, становлению личности, участвующей в развитии информационно-образовательного пространства, «инфоноосферы». Все перечисленное позволяет с полным правом считать тему дипломного проекта актуальной.

Цель дипломного проекта: создание образовательного сайта в рамках проектной деятельности учащихся ОП ОО ЧГК на уроках истории.

Задачи дипломного проекта:

- Подобрать и проанализировать специальную литературу и Интернет-ресурсы по обозначенной теме.

- Дать теоретическое обоснование технологии создания Web - сайта.

- Создать Web - сайт средствами html - кода и JavaScript.

- Проанализировать результаты функционирования созданного Web - сайта.

Методы исследования:

- изучение и анализ научной литературы;

- моделирование,

- сравнение,

- анализ, синтез

- группировки, прогнозирования.

1. Теоретические аспекты создания Web-сайта средствами языка разметки гипертекста HTML и JavaScript

1.1 Основные понятия Web - технологий

Для эффективного применения современных коммуникационных технологий в практических целях необходимо знание теоретических вопросов и основных понятий Web - технологии.

Технология World Wide Web, или Web - технология была изобретена в начале 90-х годов и нашла широкое применение для информационного обмена. Основой Web - технологии является гипертекстовая информационная система «клиент - сервер».

Web - технология - это технология навигации по гиперссылкам.

Гиперссылка - это помеченная позиция в документе, указывающая на другие объекты в виде текста, картинки, а также Web - страницы. При активизации гиперссылки совершается переход на указанный объект.

Гипертекстом называется документ, содержащий гиперссылки.

Web-сайт - это упорядоченный набор текстовой и графической информации в виде Web - страниц, связанных между собой гипертекстовыми ссылками, который располагается на Web-сервере и имеет своё имя (адрес) [6].

Основные «инструменты» Web-технологии:

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

2. Браузеры (прямое озвучивание английского названия программы Web - browser, браузеры, обозреватели). Клиентские программы, генерирующие запросы к ресурсам и направляющие их Web-серверам. К таким программам относятся: Internet Explorer, Netscape Navigator, Opera и др.

3. Протокол передачи гипертекстовых файлов (HTTP, Hypertext Transfer Protocol). Это протокол прикладного уровня из набора TCP/IP, используемый серверами и браузерами для взаимодействия друг с другом. Протокол - это набор правил, по которым составляется программный код приложения.

4. Язык разметки гипертекста (HTML, Hypertext Markup Language). Это язык программирования, применяемый для создания Web-страниц.

Система адресации в Internet

К адресам всех хост-машин, подключённых к Internet, предъявляются следующие требования:

- все адреса должны допускать автоматическую обработку;

- адреса должны содержать хотя бы минимальную информацию об их владельце.

По приведённым причинам в Internet у каждой хост-машины имеется два адреса: это дружественный (удобный) для ЭВМ цифровой IP-адрес и дружественный пользователю доменный адрес. Обе системы адресов применяются равноценно.

Система IP-адресов (цифровые адреса)

IP-адрес является некоторым числом, выраженным в двоичной системе. Этот адрес содержит 4 байта или 32 двоичных разряда. Принято каждый байт адресной последовательности записывать в виде десятичного числа, например, IP-адрес одной из хост-машин Российского научного центра - «Курчатовский институт», выглядит следующим образом: 144.206.160.32.

Каждое из этих чисел содержит определённую адресную информацию: адрес сети и номер хост-ЭВМ. Существует 5 классов IP-адресов, которые описываются количеством разрядов в сетевом номере и номере хост-ЭВМ. Класс адреса определяется значением его первого байта.

Рассмотрим некоторые особенности адресации в Internet.

Согласно принятому в Internet правилу, хост-ЭВМ нельзя присваивать номер 0 (он описывает всю сеть в целом) и 255 - адрес широковещательной передачи. Кроме того, IP-адрес, первый байт которого равен 127, используется для тестирования программ и взаимодействия процессов в рамках одной хост-ЭВМ, поэтому запрещается присваивать хостам номера, начинающиеся со 127.

Помимо этого, существует ряд адресов, которые используются для организации частных сетей, то есть локальных сетей, осуществляющих обмен данными по протоколам TCP/IP. Применение таких адресов также позволяет легко интегрировать подобную локальную сеть в Internet при помощи только одного «реального» IP-адреса, выделенного маршрутизатору сети. Все пакеты, проходящие через этот маршрутизатор, автоматически получают в качестве адреса отправителя адрес маршрутизатора и, таким образом, могут быть корректно обработаны другими маршрутизаторами сети.

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

Важным элементом разбиения адресного пространства Internet являются подсети. Подсеть - это некоторое подмножество сети, не пересекающееся с другими подсетями. Это означает, например, что сеть некоторой организации с адресом класса C может быть разбита на фрагменты, которые в свою очередь будут образовывать подсети. Реально каждая подсеть соответствует некоторой физической сети, как правило, локальной, например, типа Token Ring [5].

1.2 Инструментальные средства разработки элементов Web - дизайна (Adobe Photoshop CS3 Professional)

Adobe Photoshop - основной инструмент работы профессиональных дизайнеров и художников. Эта компьютерная программа также пользуется огромной популярностью и у обычных пользователей ПК.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady, Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т.д. для телевидения, кинематографа и всемирной паутины.

Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

В Photoshop CS3 в иконке приложения и экране-заставке используются буквы из названия продукта «Ps» на синем градиентном фоне. Список нововведений включает в себя новый интерфейс, увеличенную скорость работы, новый Adobe Bridge, новые фильтры и инструменты, а также приложение Device Central, позволяющее осуществлять предварительный просмотр работы в шаблонах популярных устройств, например мобильных телефонов.

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

Для завоевания этой части рынка и для противостояния необычайно высоким показателям нелегального использования своих профессиональных продуктов, Adobe представил программы среднего и низшего класса Photoshop Elements и Photoshop Album, первая из которых является платной урезанной версией Photoshop, а вторая распространяется бесплатно и служит для организации и элементарной обработки фотографий.

Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т.д. для телевидения, кинематографа и всемирной паутины [21].

1.3 Инструментальные средства создания Web - сайта

сайт гипертекст дизайн технология

В качестве инструментального средства создания Web - сайта автором дипломного проекта выбран язык разметки гипертекста HTML. Это объясняется следующими причинами.

HTML-программирование очень простое. В нем нет традиционных алгоритмических структур, таких, как развилка, цикл, процедура. Оно линейно в своей основе.

Многие авторы учебников даже стесняются называть HTML-тексты программами. Работу HTML-проектировщика они называют разметкой текста. На самом деле, в этом названии заключена методическая ошибка. Ведь оно (название) предполагает такой порядок работы:

- берется обычный текст;

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

Однако, хорошие гипертекстовые документы при таком подходе получить гораздо сложнее, чем в случае когда, структура HTML-документа планируется еще до написания текстов. Ведь гипертекст устроен принципиально иначе (см. третью причину).

1. Переносимость.

Если, работая в Word'e, вы создаете документ для собственного потребления, у вас нет проблем. Нет проблем и тогда, когда вы посылаете свою работу в мир как печатную копию. Если же ваш партнер, издатель или коллега просит прислать электронную версию, начинаются проблемы.

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

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

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

Но даже, если все эти условия выполнены, все равно мало шансов на то, что ваш товарищ увидит текст неискаженным (картинки вылезают из рамок, границы страниц плывут по тексту,…). Это происходит потому, что ваш Word и Word вашего партнера настроены по-разному.

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

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

HTML-документ является переносимым продуктом. Это означает, что авторский труд будет легко доступен огромному числу пользователей, независимо от марки компьютера и типа операционной системы. Именно это свойство HTML-документов, а также их относительно малый размер, позволили с успехом использовать HTML-технологию для подготовки WWW-страниц в Интернете.

Переносимость HTML-документа достигается за счет того, что пересылается не экранное изображение, а программа. А изображение строит браузер, выполняя команды этой программы. Правда, и здесь не все гладко. Разные браузеры могут работать немного по-разному.

2. HTML-документ - это гипертекст.

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

- Первый этюд к гипертексту

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

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

- Второй этюд к гипертексту

Из массы линейной текстовой продукции выделяются словари, справочники, энциклопедии. Физически текст устроен линейно: за страницей 10 обязательно следует страница 11, а за сотой - сто первая. Однако, предполагается, что читатель обращается к книге для справки, а не читает ее всю подряд от корки до корки.

Для упрощения навигации пользователя в таких книгах предусматриваются подробные оглавления, алфавитные и тематические указатели. Разделы словаря или справочника имеют систему развитых перекрестных ссылок.

- Третий этюд к гипертексту

В век бурных компьютерных технологий как-то не хочется вручную копаться в большом словаре. Почему бы эту рутину не поручить «железному» другу с «мягкой» душой? Вгоним словарь в «железо» и настроим «душу». Щелкнул мышкой по нужному слову - получил результат: нужный раздел книги на экране.

- Последний этюд к гипертексту

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

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

Команды языка (теги) заключаются в угловые скобки. Как правило, теги парные. Первый тег открывает описание команды, определяет ее начало, второй, отличающийся от первого наличием косой черты «/» перед ключевым словом (именем тега), закрывает его.

Программируя на HTML, нельзя ориентироваться на определенные размеры окна документа. Браузер, выполняя программу, использует то окно, которое предоставил ему пользователь. Значит, одна и та же HTML-программа может отображаться на экран немного по-разному на разных компьютерах и даже на одном компьютере при разных его настройках.

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

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

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

1. Запишите заголовок для всего документа. Он должен быть самым крупным (тег <H1>) и выровнен по центру в строке.

2. Разделите документ на главные части (главы). Заголовки глав выравниваются по левому краю и делаются немного меньше заголовка документа (тег <H2>).

3. При необходимости главы разделите на параграфы (заголовки <H3>), параграфы на пункты (заголовки <H4>). Все заголовки документа, кроме его названия, выравниваются по левому краю.

4. Текстовый фрагмент, обозначенный заголовком, разбейте на абзацы (тег <P>). Абзацы должны быть небольшими и содержать законченную мысль.

5. В каждом абзаце используйте одни и те же приемы оформления:

- полужирный шрифт для выделений слов или коротких фраз;

- курсив для выделения текстовых (обычных) ссылок или цитирования (название книги, газеты, статьи…)

- смещение большой цитаты вправо от левой границы текста.

6. Решите вопрос о цветовой гамме своего документа. Выберите цвет фона и цвет основного текста. Подберите цвета для некоторых специальных выделений и используйте их одинаково на протяжении всего документа.

<P align=left> - выравнивает абзац по левому краю

<P align=right> - выравнивает абзац по правому краю

<P align=center> - выравнивает абзац по центру

Выровнять по центру можно не только отдельный абзац или заголовок, но и целую группу экранных элементов, если поместить их описание внутри тегов <CENTER>…</CENTER>.

Еще вопрос: можно ли вставить в тексте абзаца принудительную группу пробелов (ведь браузер игнорирует лишние пропуски)?

Для этих символов, а также для некоторых других предусмотрено специальное кодирование. Код строится из символа «&» (амперсанд), фиксированного имени и завершающего символа»;». Все буквы, составляющие имя специального знака, должны быть строчными (то есть, маленькими). Использование, например, таких обозначений, как «&QUOT;» и «&AMP;» не допускается [15].

2. Практическая реализация задачи создания Web - сайта средствами языка разметки гипертекста HTML и JavaScript

2.1 Постановка задачи

Практика проходила на базе БГОУ СПО «Чапаевский губернский колледж». Образовательные программы начального и среднего специального образования поддерживают тесную связь в плане создания студентами-практикантами программных средств учебного назначения. Одной из основных задач в гимназии является внедрение ИКТ в образовательный процесс. Для реализации этой задачи учителя-предметники делают заказ студентам специальности Программное обеспечение вычислительной техники и автоматизированных систем на образовательные электронные программные продукты. Так, от учителя истории было получено задание оказать помощь десятиклассникам в разработке сайта «Германия».

Web-сайт можно создать несколькими способами:

- с помощью языков программирования, языка разметок гипертекста HTML, Dreamweaver и др. Данный способ применяется для создания Web-сайтов;

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

В качестве инструментального средства разработки Web-сайта выбрана язык разметок гипертекста HTML.

2.2 Описание основных элементов интерфейся Web - сайта

При запуске файла «Сайт Германия.html» вы попадаете на главную страницу сайта, для наиболее удобной навигации по Web - сайту предусмотрено сразу несколько типов меню:

1. Вертикальное меню (Рисунок 1)

Рисунок 1 Вертикальное меню

В этом меню расположены вкладки и переходы на все темы и подтемы данного сайта.

На вкладке География Германии можно узнать местоположение, площадь, границы, побережье, соседние с ней государства (Рисунок 2).



Рисунок 2. География Германии

Вкладка Население Германии содержит всю информацию о населении, численность, рождаемость, плотность и т.д. (Рисунок 3).

Рисунок 3 Население Германии

Вкладка Экономика Германии включает в себя четыре подпункта: «Макроэкономическая модель развития Германии», «Промышленность», «Сельское хозяйство» и «Инфраструктурные отрасли» (Рисунок 4).

Рисунок 4. Экономика Географии

Для быстроты и удобства навигации по сайту предназначены кнопки «Назад», «На главную» (Рисунок 5).

Рисунок 5. Кнопки перехода

Кроме того, на главной странице в горизонтальном меню размещены государственные символы страны - Флаг, Герб и Гимн (Рисунок 6).



Рисунок 6. Горизонтальное меню

3. Расчет экономической эффективности проекта

3.1 Расчет затрат на осуществление проекта

Затраты, образующие себестоимость продукции (работ, услуг), группируются в соответствии с их экономическим содержанием по следующим элементам:

- нематериальные активы и затраты на оборудование (за вычетом стоимости возвратных отходов);

- затраты на оплату труда;

- амортизация основных фондов;

- прочие затраты.

Расчет нематериальных активов и затрат на оборудование

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

где - балансовая цена i-ого вида оборудования;

б_i норма годовых амортизационных отчислений для оборудования i-го вида;

Fд - действительный годовой фонд времени;

t_i - время использования i-ого вида оборудования при выполнении данной разработки.

Результаты расчетов приведены в таблице 1.

Таблица 1 Затраты на оборудование

Наименование	Единица измерения	Количество	Цена за единицу (январь 2012), руб.	Сумма, руб.
ПЭВМ	шт.	1	18000	18000
Windows XP SP 3	шт.	1	4.500	4.500
Adobe Photoshop CS 3	шт.	1	7000	7000

Годовой фонд рабочего времени на ПЭВМ (5-ти дневная неделя, 8-и часовой рабочий день) - 2085 ч.

Время использования оборудования - 150 ч. (разработка дипломного проекта - 30.03.12 -3.05.12 - 5 недель, по 5 рабочих 6-часовых дней). Затраты на оборудование (ПЭВМ) Соо₁ = 281 руб. Затраты на ПО Соо₂ = 209 руб. Тогда суммарные затраты на оборудование и нематериальные активы составят

Соо = 490 руб.

Расчет основной заработной платы

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

С_зо = ?З_i• ф_i/d,

где З_i - месячный оклад i-го исполнителя,

ф_i - трудоемкость работ, выполняемых i-м исполнителем - определяются из календарного плана-графика;

d - среднее количество рабочих дней в месяце.

Принимаем d = 21 день

Суммарная заработная плата равна С_зо = 8219 руб.

Расчет дополнительной заработной платы

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

Сзд = Сзо • Ад,

где Ад - коэффициент отчислений на дополнительную заработную плату.

Принимаем А_д = 0.1

С_зд = 615 руб.

Расчет амортизационных отчислений

В элементе «Амортизация основных фондов» отражается сумма амортизационных отчислений на полное восстановление основных производственных фондов, исчисленная из балансовой стоимости и утвержденных в установленном порядке норм, включая и ускоренную амортизацию их активной части, производимую в соответствии с законодательством.

Расчет ведется по формуле

С_а = А/F_д • Т,

где А - годовые амортизационные отчисления;

Т - время работы оборудования;

F_д - действительный годовой фонд рабочего времени на ПЭВМ.

Т - время работы оборудования.

Принимаем А = 2400 руб., T = 240 час. (из расчета 8-ичасового рабочего дня)

Всего амортизационные отчисления при разработке программного продукта составят С_а = 276,3 руб.

Накладные расходы

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

С_п = А_н • С_зо,

где А_н - коэффициент накладных расходов.

Принимаем А_н = 2,1

С_п = 15426 руб.

Результаты расчета затрат

Результаты расчетов затрат на разработку программного продукта приведены в таблице 4.2

Структура себестоимости проекта представлена на таблице 2.

Таблица 2. Затраты на осуществление проекта. Вывод: затраты на разработку программы составляют 25026 рублей

Наименование статьи	Сметная стоимость, руб.
Затраты на нематериальные активы и оборудование	490
Затраты на оплату труда	8219
Дополнительная заработная плата	615
Амортизация оборудования	276
Накладные расходы	15426
Итого	25026

3.2 Расчет цены

Цена создания определяется следующим образом:

Ц=K C +Пр,

где C - затраты на разработку ПП.

K - коэффициент учета затрат на изготовление опытного образца ПП как продукции производственно-технического назначения (K=1,1).

Пр - нормативная прибыль, рассчитываемая по формуле

П_Р = С • _Н / 100,

где - норматив рентабельности, 30%;

Пр = 7079,7 руб.

Ц = 26029 руб.

Цена создания разрабатываемой программы: 26029 рублей.

Заключение

сайт гипертекст дизайн технология

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

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

1. Использование образовательных ресурсов, созданных на базе университетов, научных лабораторий, компьютерных фирм и т.п. с целью изучения определенных тем, курсов.

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

3. Обращение к ресурсам, созданным по результатам проведенных телекоммуникационных проектов.

В процессе создание сайта «Германия» средствами HTML - кода и языка программирования JavaScript были решены следующие задачи:

- Подобрать и проанализировать специальную литературу и Интернет-ресурсы по обозначенной теме.

- Дать теоретическое обоснование технологии создания Web - сайта.

- Создать Web - сайт средствами html кода и JavaScript.

- Проанализировать результаты функционирования созданного Web - сайта.

Библиография

1. Гришин П.В., «Методические рекомендации и технология создания», Москва, 2009 г.

2. Кирсанов Д.М., «Web-дизайн», Москва, 2008 г.

3. Круг С.К., «Web-дизайн», Москва, 2008 г.

4. Лопак Л.В., «Web-дизайн для чайников», Киев, 2009 г.

5. Перри Р.А., «Секреты World Wide Web», Москва, 2008 г.

6. Рассохин П.К. и Лебедев Н.А. «World Wide Web - глобальная информационная паутина в сети Internet», Москва, 2009 г.

7. Ратшиллер Т.Ф., Геркен Т.К., «PHP4: разработка Web-приложений» СПб: Санкт-Петербург, 2008 г.

8. Спейнауэр С.О., Куэрсиа В.Л., «Справочник Web-мастера». - К: «BHV», 2009 г.

9. Томсон Л.У., Веллинг Л.Г., «Разработка Web-приложений на PHP и MySQL», - К.: «ДиаСофт», 2010 г.

10. Уолл В.К., «Использование WWW», Москва, 2008 г.

11. Хеслоп К.Е., «HTML с самого начала», СПб: Санкт-Петербург, 2008 г.

12. Хилайер С.И., Мизик Д.Г., «Программирование Active Server Pages», - М: «Русская редакция», 2009 г.

13. Холзнер С.Е., «Perl: специальный справочник», - СПб: «Питер». 2010 г.

14. Шварц Р.Н., Кристиансен Т.А., «Изучаем Perl», - К: «BHV», 2009 г.

15. Шерри В.К. пер. с англ. М.Г. Новикова. - М.:НТ пресс, 2008.-320 с.: ил. - (Наглядное руководство НТМL).

16. Яргер Р.Р., Кинг Т.О. «MySQL и mSQL. Базы данных для небольших предприятий и Интернета», - СПб: Символ-Плюс, 2008 г.

17. «CompuPro - веб дизайн, Ajax, jQuery», URL: http://compupro.ru

18. «Javascript, CSS, HTML - форум, примеры и статьи», URL: http://www.tigir.com

19. «Javascript», URL: http://www.javascript.ru

20. «Photoshop уроки и всё для фотошоп», URL: http://photoshop-master.ru

21. «Web - сайт на компьютерной практике», Санкт-Петербург, 2009 г.

22. «Вопросы по CSS и JavaScript», URL: http://www.codenet.ru

Размещено на Allbest.ru