Главная Коллекция "Revolution" Программирование, компьютеры и кибернетика Создание цифрового образовательного ресурса

Создание цифрового образовательного ресурса

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

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 23.06.2017
Размер файла 1,3 M
рефераты на заказ со скидкой

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Страница:

<body bgcolor=blue text=yellow link=white, vlink=lime, alink=red>

Вставить переход в документе можно не только с текстовой ссылки, но также и с рисунка. Посмотрим, как вставить переход с рисунка на вторую страницу.

Для создания такой ссылки достаточно в файле tptk.html вставить открывающий тэг <а href="spisok.html"> перед тэгом <img src=МИР.JPG border=1> и закрывающий тэг </а> после него.

Отредактируйте файл tptk.html так, чтобы окончательный HTML-код документа имел следующий вид:

<html>

<head>

<title> Талдыкорганский политехнический колледж </title>

</head>

<body bgcolor=blue text=yellow link=white vlink=lime, alink=red>

<body bgcolor=blue text=yellow>

<h1 align=center>Добро пожаловать на страничку Талдыкорганского политехнического колледжа!</h1>

<center><img src=МИР.JPG border=1><a></center>

<p style="font-weight: bold; font-style: italic; font-size: 150%; text-align: сеnter">Здесь Вы узнаете <а href="spisok.html">о нашей деятельности</a>, о наших интересах и увлечениях, о наших успехах и достижениях</р>

</body>

</html>

Создавая ссылки на страницы нашего сайта, мы использовали в качестве адреса имя файла. При таком указании адреса браузер всегда ищет файл в текущем каталоге. Если бы нужный файл - spisok.html - находился, предположим, в подкаталоге Doc текущего каталога, то в адресе необходимо было бы указать путь к нему от текущего каталога: <а href="Doc\spisok.html">. Такая ссылка, в которой адрес указывается относительно текущего каталога на том же компьютере, называется относительной.

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

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

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

Создайте новый текстовый файл, выбрав в меню Файл программы Блокнот команду Создать.

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

<html>

<head>

<title>Meню</title>

</head>

<body bgcolor=silver>

</body>

</html>

Каждая таблица начинается тэгом <table> и заканчивается тэгом </table>. Строки таблицы образуются парой тэгов <tr></tr>, между которыми располагаются пары тэгов <td></td>. Каждая пара этих тэгов образует один столбец. Между открывающим <td> и закрывающим </td> тэгами помещается текст или любое другое содержимое ячейки.

Учитывая сказанное, код HTML, описывающий нашу таблицу, состоящую из одного столбца и содержащую пункты меню с названиями страниц сайта, должен иметь следующий вид:

<table>

<tr><td>Главная страница</td></tr>

<tr><td>Чем мы занимаемся?</td></tr>

<tr><td>О нашем колледже</td></tr>

<tr><td>Новости</td></tr>

<tr><td>Учебный процесс</td></tr>

<tr><td>Связь с колледжем</td></tr>

</table>

Вставьте пустую строку между открывающим <body> и закрывающим </body> тэгами и, начиная с нее, введите указанный код.

Созданная нами таблица располагается у левого края экрана. Это положение можно изменить, использовав в открывающем тэге <table> атрибут align=center для выравнивания таблицы по центру или атрибут align=right - для выравнивания по правому краю окна браузера. Пункты меню расположены один под другим, а края таблицы и ячеек не видны. Это связано с тем, что по умолчанию рамка и ячейки таблицы не показываются. Чтобы включить их отображение, следует использовать в тэге <table> атрибут border, указав в качестве его значения толщину рамки в пикселах.

Добавьте в тэг <table> атрибут border=1, чтобы показать рамку и ячейки таблицы толщиной 1 пиксел:

<table border=1>

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

Установите для таблицы ширину 140 пикселов, добавив атрибут width=140 в открывающий тэг <table> так, чтобы он принял вид:

<table border=1 width=140>

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

При использовании для формирования столбцов таблицы тэгов <td></td> данные в ячейках представляются шрифтом нормального текста и по умолчанию выравниваются по левому краю ячеек. Если же требуется выделить данные в ячейках, например, заголовки столбцов или строк таблицы, то вместо тэгов <td></td> удобно использовать тэги <th></th>. Текст в элементах <th></th> обычно выделяется полужирным начертанием и выравнивается по центру ячеек.

Наше меню будет выглядеть лучше, если его пункты будут центрированы в ячейках и выделены полужирным шрифтом. Поэтому заменим в HTML-коде элементы <td></td> элементами <th></th>.

Отредактируйте файл menu.html, заменив тэги <td> и </td> соответственно тэгами <th> и </th>. Код HTML должен принять следующий вид:

<html>

<head>

<title>Меню</title>

</head>

<body bgcolor=silver>

<table border=1 width=140>

<table>

<tr><th>Главная страница</th></tr>

<tr><th>Чем мы занимаемся?</th></tr>

<tr><th>О нашем колледже</th></tr>

<tr><th>Новости</th></tr>

<tr><th>Учебный процесс</th></tr>

<tr><th>Связь с колледжем</th></tr>

</table>

</body>

</html>

В тэгах <td> и <th> вы можете использовать следующие атрибуты:

align - для горизонтального выравнивания содержимого ячеек по центру (center), левому (left) и правому (right) краям ячейки;

width - для указания ширины ячейки в пикселах;

height - для определения высоты ячейки;

valign - для вертикального выравнивания данных в ячейке по верхнему (top) и нижнему (bottom) краям и середине (middle) ячейки; по умолчанию valign=middle.

Вы можете также изменить цвет любой ячейки, столбца, строки или всей таблицы, вставив атрибут bgcolor соответственно в тэг <th>, <tr> или <table>.

Нам осталось теперь создать ссылки двух первых пунктов меню на соответствующие страницы нашего сайта. Так как остальные страницы еще не созданы, то ограничимся этими двумя ссылками. Как и прежде, воспользуемся тэгами <а></а> с атрибутом href. В качестве значения этого атрибута для первого пункта меню - Главная страница - следует указать файл tptk.html, т.е. href="tptk.html", а для второго - Чем мы занимаемся? - файл spisok.html т.е. href="spisok.html".

Обычно при переходе по ссылке новый документ отображается в том же окне, что и исходный, в котором была ссылка. Чтобы отобразить его в другом окне, необходимо в открывающем тэге <а> использовать атрибут target, параметром которого должно быть имя того окна, в которое будет загружен документ. Укажем это имя как значение атрибута target в ссылке: target="frame". Web-страница будет загружаться в то же окно браузера, в котором находится ссылка, а атрибут target позволит загружать документ в другое окно.

Отредактируйте в файле menu.html строки кода, содержащие названия пунктов меню Главная страница и Чем мы занимаемся?, вставив вышеуказанные ссылки соответственно на файлы tptk.html и spisok.html так, чтобы эти строки приняли следующий вид:

<tr><th><a href="tptk.html" target="frame">Главная страница</а></th></tr>

<tr><th><a href="spisok.html" target="frame">Чем мы занимаемся?</а></th></tr>

Окончательный вид файла menu.html примет следующий вид:

<html>

<head>

<title>Меню<title>

</head>

<body>

<table border=1 width=140>

<tr><th><a href="tptk.html" target="frame">Главная страница</а></th></tr>

<tr><th><a href="spisok.html" target="frame">Чем мы занимаемся?</а></th></tr>

<tr><th>О нашем колледже</th></tr>

<tr><th>Новости</th></tr>

<tr><th>Учебный процесс</th></tr>

<tr><th>Связь с колледжем</th></tr>

</table>

</body>

</html>

Сохраните документ в папке Web под именем menu.html, выбрав из меню Файл программы Блокнот команду Сохранить. В браузере этот файл будет выглядеть так, как это представлено на рис. 5.

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

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

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

Для описания фреймов используется специальный HTML-файл.

В окне программы Блокнот (Notepad) создайте новый файл.

Введите основные тэги, кроме тэгов <body></body>, которые в файле, описывающем фреймы, не используются. В тэгах <title></title> заголовка укажите - Талдыкорганский политехнический колледж:

<head>

<title>ТПТК</title>

</head>

</html>

Вместо тэгов <body></body> в файле, описывающем фреймы, используется пара тэгов <frameset></frameset> с атрибутами rows или cols, определяющими, как делится экран - по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселах или в процентах от 1% до 100%. Например, если вы хотите разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:

<frameset row="50%,50%">

Обратите внимание: значения атрибутов отделяются один от другого запятой.

Чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселов, следует написать:

<frameset cols="200,600">

Однако фактическая ширина и высота окна фрейма зависит от текущего разрешения монитора. Поэтому, если у пользователя установлено разрешение, например, 1024х768 пикселов, т.е. ширина экрана - 1024 пиксела, то часть экрана может остаться незаполненной. В связи с этим рекомендуется задавать размеры фреймов в процентах так, чтобы их сумма была равна 100%. Если все же необходимо для одного из окон указать фиксированный размер в пикселах, то размер другого окна можно не указывать, заменив его значение символом *. В этом случае браузер сам подберет нужный размер для второго окна.

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

В окне программы Блокнот (Notepad) вставьте пустую строку после закрывающего тэга </head> и введите следующий код:

<frameset cols="160,*">

</frameset>

Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги <frame>, которые должны находиться внутри элемента <frameset>...</frameset>. Обязательным атрибутом тэга <frame> является src, значение его - адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:

<frame src="menu.html">

Вставьте в окне программы Блокнот (Notepad) пустую строку после открывающего тэга <frameset> и введите указанный тэг.

Во второй фрейм должен загружаться файл tptk.html, поэтому второй тэг <frame> будет таким:

<frame src="tptk.html">

Чтобы во второй фрейм могли загружаться также и все остальные страницы сайта - spisok.html и другие, которые, возможно, будут созданы, - необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ. Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением "frame": target="frame", где "frame" -это имя второго фрейма. И теперь имя "frame" следует присвоить второму фрейму, в котором должен открываться файл tptk.html. Поэтому второй тэг <frame> в окончательном виде должен быть записан так:

<frame src="tptk.html" name="frame">

Введите этот код, вставив пустую строку перед закрывающим тэгом </frameset>.

Сохраните файл в папке Web под именем index.html.

Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.

Окончательный код файла index.html в окне программы Блокнот должен быть следующим:

<head>

<title> Талдыкорганский политехнический колледж </title>

</head>

<frameset cols="160,*">

<frame src="menu.html">

<frame src="tptk.html" name="frame">

</frameset>

</html>

Вид файла index.html в браузере показан на рис. 6.

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

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

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

В настоящее время существует несколько технологий создания анимации для WWW: анимационный (animated) GIF, Flash, Java и JavaScript.

Из этих технологий анимационный GIF является, пожалуй, самым простым в создании, и практически любой современный браузер может его показать. Формат GIF позволяет размещать в одном файле несколько кадров или фреймов (frames) с изображениями для их последовательного вывода на экран. В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-анимации может быть задана длительность его показа на экране, а для всей анимации может быть указано количество повторений. Кроме того, в отличие от обычного фильма, изображения, содержащиеся в кадрах GIF-анимации, не обязательно должны быть одного размера. Для изображения каждого кадра или слоя анимации вы можете установить индивидуальный размер и расположить его по своему усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть легко подготовлены в программе Adobe ImageReady. Увидеть анимацию такого типа можно, например, на сайте по адресу.

Готовые бесплатные анимационные картинки для использования на своих Web-страницах вы можете найти, например, по адресам:

В отличие от GIF-анимации, которая позволяет размещать в файле только изображения, Flash-технология предоставляет возможность объединить в одном формате анимацию, звук, текст, графику и, кроме того, элементы интерактивности, которые дают возможность пользователю или посетителю сайта определенным образом изменять данные на Web-странице, превращая его из наблюдателя в активного участника. Интерактивными элементами сайта могут быть игры, например, карточные, рулетка, тир, крестики-нолики, «морской бой»; онлайновые обучающие программы, викторины, тесты, калькуляторы и т.п. Создается подобная анимация с помощью программы Macromedia Flash. К сожалению, для просмотра Flash-анимации вам, скорее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Именно по этой причине не имеет смысла создавать сайты, которые предназначены для широкого круга лиц. Так как многие люди просто не смогут увидеть Flash-анимацию, а установить дополнительный подключаемый модуль не захотят или просто не смогут.

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

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

Технология JAVA

Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно.

Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.

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

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

Рисунок 3. Скриншот из видеопризентации.

Рисунок 4. Скриншот из видеопризентации.

Технология CGI

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

Технология CGI не привязана к какому-то языку программирования. Это делает её весьма универсальной. Взаимодействовать с web-сервером через CGI может и программа на языке Perl, и программа на языке С, и, даже, на языке Pascal.

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

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

Технология SSI

Server Side Include в переводе означает "включаемый на стороне сервера". Эта технология позволяет Web-серверу включать в текст HTML-страниц любой другой текст: содержимое текстовых файлов или, например, результат работы программ на сервере. Происходит это "включение" непосредственно перед передачей текста HTML-страницы браузеру пользователя. Чтобы ясно понимать действие и назначение этого механизма, нужно помнить, что HTML-страницы размещаются в файловой системе серверного компьютера.

Доступ к HTML-страницам на серверной стороне Web-браузер имеет только опосредованный. Запрос Web-браузера отсылается Web-серверу, а Web-сервер по указанному адресу (URL) "выбирает" нужную страницу и отсылает ее Web-браузеру для отображения.

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

При включении указанной настройки на исполнение SSI-директив сервер просматривает все страницы, разыскивая в них SSI-директивы, что увеличивает нагрузку на сервер. Чтобы не выполнять эту работу для обычных HTML-страниц, для страниц имен файлов с использованием SSI дается специальное расширение - обычно .shtml, при наличии которого Web-сервер автоматически выполняет обработку SSI-директив в тексте из этого файла.

Рисунок 7. Скриншот из видеопризентации.

Рисунок 8. Скриншот из видеопризентации.

Технология РНР

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

Огромные функциональные возможности скриптового PHP-языка, удобство и простота его синтаксиса, довольно быстро выполнение необходимых процедур и свободное распространение данного интерпретатора - обеспечили PHP такой успех в мире хостинга. Кстати, с помощью языка программирования PHP можно создавать и всевозможные средства, могущие помочь в администрировании операционных систем UNIX, Linux, Windows и др., хотя стоит заметить, что в данной области PHP еще не столь применяем.

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

Рисунок 9. Скриншот из видеопризентации.

Рисунок 10. Скриншот из видеопризентации.

Технология ASP

Active Server Pages это среда программирования, которая обеспечивает возможность комбинирования HTML, скриптов и компонент для создания динамических Web-приложений. Возможность встраивания в Web-страницы скриптов (кода, написанного на языке программирования, например, VBScript или JScript) позволяет логичным образом объединить оформление с данными, полученными из различных источников, например, из БД.

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

Принципы функционирования Использование Active Server Pages не требует специфичных браузеров. Все ASP-скрипты запускаются и выполняются на Web-сервере, причем брaузер получает только результирующие HTML-файлы.

Внешне ASP функционирует также, как CGI. Аналогичным образом передаются параметры (формат-строки запроса) и осуществляется вывод результатов. Однако производительность ASP оказывается гораздо выше, т. к. при каждом запросе не происходит отдельной загрузки ASP-интерпретатора. Использование компонент ActiveX также значительно повышает производительность Web-сервера.

Технология Macromedia Flash

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

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

Внутренний язык программирования Action Script позволяет сопровождать какие-либо действия или события, какими-либо звуковыми или видео эффектами, проводить сложные математические расчеты. Возможности Action Script сравнимы с возможностями JavaScript и VBScript. Подобно многим другим языкам программирования, термины Action Script определяют смысловую нагрузку, порядок их следования - логическую структуру, а знаки препинания - контекст. AS также позволяет передавать какие-либо параметры при выполнении CGI. Также CGI может быть вызванным из Flash, выполнить какие-либо действия и выдать ответ в виде заранее подготовленного Flash-клипа.

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

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

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

Рисунок 13. Скриншот из видеопризентации.

Рисунок 14. Скриншот из видеопризентации.

Технология DHTML

Dynamic HTML, Dynamic Hyper Text Markup Language (динамический язык гипертекстовой разметки) - расширение языка HTML, для создания интерактивного веб-сайта. Используюет сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM(объектной модели документа).Это Internet-технология, основанная на спецификации компонентной объектной модели Microsoft и документах, разработ анных консорциумомWord Wide Web.

Технология DHTML включена Microsoft в версии Internet Explorer 4.01 и выше и, соответственно, поддерживается всеми современными браузерами.

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

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

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

В DHTML-приложениях локальный браузер выполняет многие рутинные задачи обработки информации, изменяет разметку страниц и выполняет программы вне DHTML-страниц без обращения к серверу для обновления данных. Это позволяет повысить скорость работы приложения, сократить время загрузки с Web-сервера и дает возможность пользователям

Технология XHTML и XML

XML (Extensible Markup Language, расширяемый язык разметки) является принципиально новым стандартом, предложенным в 2000 году создателем языка HTML -- консорциумом World Wide Web Consortium (W3C).

Это новейшая технология изготовления web-страниц, и ее окончательная спецификация в настоящий момент еще находится в стадии разработки. По структуре XML представляет собой не собственно язык разметки гипертекста, а так называемый метаязык, предназначенный для описания других языков более низкого уровня. В свою очередь XHTML (Extensible Hypertext Markup Language, расширя емый язык разметки гипертекста) представляет собой промежуточный вариант между XML и HTML 4.O. Именно за счет его широкого применения W3C планирует осуществить постепенный переход от одного стандарта к другому. В спецификацию XHTML заложен принцип обратной совместимости.

XML и XHTML значительно расширяют возможности HTML и позволяют web-мастерам использовать практически весь заложенный в современный Интернет потенциал на сто процентов, в первую очередь в сфере электронной коммерции.

Рисунок 17. Скриншот из видеопризентации.

Технология VBScript

VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) - очередная версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов. Честь создания данной технологии принадлежит разработчикам компании Microsoft.

Если сравнить более распространенный стандарт JavaScript с VBScript, обнаружить серьезные различия очень трудно, поскольку мнемоника и синтаксис обоих языков во многом схожи. С помощью VBScript можно реализовать практически весь спектр возможностей, характерных для JavaScript. Обе технологии не зависят от типа сервера, на котором планируется опубликовать включающую их web-страницу. Однако VBScript в настоящее время менее распространен в Интернете, нежели его «конкурент», поскольку он поддерживается только броузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого браузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator.

Рисунок 19. Скриншот из видеопризентации.

ЗАКЛЮЧЕНИЕ

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

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

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

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

1. подобрала и проанализировала необходимую литературу;

2. разработала структуру электронного пособия;

3. разработала дизайн и навигацию пособия, продумала и выбрала щадящую для зрения цветовую гамму веб-страниц;

4. создала электронное пособие.

Материал с помощью ЦОР может быть представлен в виде: презентаций; компьютерных игр; интерактивных программ, тестов; графических демонстрационных материалов; видео или мультипликационных фильмов и др.

Таким образом, задачи дипломной работы решены, а цель достигнута.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Аленичева Е.И., Монастырев Н. Электронный учебник (Проблемы создания и оценки качества) //Высшее образование в России. - 2001. №1.

2. Демушкин А. С., Кириллов А. И. и др. Компьютерные обучающие программы //Информатика и образование.-2005. №3.

3. Деревнина А. Ю., Кошелев М. Б. Принципы создания электронных учебников //Открытое образование. - 2001. №2.

4. Самойлов Д.И. Цифровое образование. -- М.: « Преssoff», 2014.

5. Карпочева В.Е., Фионова Л.Р. К вопросу о методике создания электронных пособий //Педагогическая информатика. - 2003. №4

6. Краснова Г. А., Беляев М. И., Соловов А. В. Технологии создания электронных обучающих средств. М., 2001.

7. Лаврентьев Н.И., Электронный учебник //Информатика и образование. 2011. №9.

8. Монастырев Н.В., Этапы создания электронных учебников //Высшее образование в России - 2001. №5.

9. Тевелева С. В., Электронный учебник как средство дистанционного обучения // Информатика и образование. - 2000. №8.

10. Самойлов Д.И., Практические руководства по созданию ЦОР, 2005, 158 с.

11. Сапрунов С.Ф., Пособие для учителей. М.: Институт новых технологий, 2012, 74 с.

12. Матушанский Г.У., Проектирование педагогических тестов для контроля знаний Информатика и образование. 2000. № 6

13. Педагогический дизайн // Журнал «ALT». Том 1. Выпуск 1. Март-2007.

14. Чанг Т.К., Кларк Ш. и др. «Популярные web-приложения на Flash MX». Пер. с англ. - М.:КУДИЦ-ОБРАЗ, 2003 - 272с.

15. Уотролл Э., Гербер Н. «Эффективная работа во Flash MX , - СПБ.: Питер

16. Агеев В.Н. Электронная книга: Новое средство соц. коммуникации. М.: 2007.

17. Гречихин А.А., Древс Ю.Г. Вузовская учебная книга: Типология, стандартизация, компьютеризация. М.: Логос, 2000.

18. Мильчин А.Э. Издательский словарь-справочник. М.: Юристъ, 2013.

19. Российские электронные издания: Каталог.--Вып. 4: Новые поступления в гос. Депозитарий / Авторы-составители: Вигурский К.В., Глушкова О.Л., Негадова В.И. (под общ. ред. Антопольского А.Б.) -- М.: НТЦ “Информрегистр”, 2010.

20. С.А. Христочевский. Мультимедиа в образовании. Проблемы разработки и использования. Системы и средства информатики. Вып.8. М.: Наука. Физматлит, 2006, стр.166-176.

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

...

Страница:


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.

© 2000 — 2023, ООО «Олбест» Все права защищены