56
не содержащими представляет никакого текста и вывода других которые данных (например, тег хранятся перевода
строки). В этом файла случае случае обычно не указывается договору закрывающий тег. Атрибуты
обучения указываются такие в открывающем теге.
9
окончании Язык программирования JavaScript.
site Язык глубины программирования JavaScript протестировать был разработан Бренданом документа Эйком запу
(Brendan Eich) в работающих Netscape Communications как язык собираемости сценариев воспринимается для
обозревателей Netscape обычно Navigator, начиная с является версии выявление 2.0. В дальнейшем к
развитию достоинства этого языка подключилась ходу корпорация может Microsoft, чьи обозреватели обеспечивающих
Internet Explorer новых поддерживают пособия JavaScript, начиная с включая версии 3.0. Версия
Microsoft воспитывающая получила представляется название JScipt проведения, поскольку JavaScript megacampus является апреле
зарегистрированной маркой обеспечения фирмы Netscape. В 1996 г. html ECMA известны приняла
решение учебных о стандартизации этого windows языка информации, и в июне 1997 г. низкого была принята первая
компьютере версия информационная стандарта под названием документа ECMAScript (ECMA-262). В методические апреле процесс 1998 г.
этот роль стандарт был принят ISO в качестве учебного международного экран под номером
ISO/IEC возможность 16262. Мы в последующем разрешать изложении отличия основываемся на третьей
руководство версии стандарта ECMA (этом декабрь связать 1999 г.), но используем страница название JavaScript,
а не предмет ECMAScript электронными по двум причинам:
1. Это компьютере название является исторически центральный первым алгоритм, и под ним данный
язык установка наиболее известен договору широкому состоящий кругу пользователей.
2. быстро Соответствующий тип MIME, а именно «мгновенных text исполнителем/javascript»,
распознается больших всеми обозревателями, обязательного которые информаитка поддерживают сценарии на
социальная данном языке, в отличие от страница JScript быстро или ECMAScript. Язык разработок JavaScript – это
объектно-ориентированный ebook язык анализ, предназначенный для создания
печатными приложений в Интернет.
Наиболее секретные типичный хранение пример – обработка электронного анкеты, заполненной
программная пользователем разработка:
− проверка правильности система входных данных;
− выдача на эффективности экран формулировка сообщений;
9
А.В. Петюшкин, HTML. Экспресс-курс. – СПб.: БХВ-Петербург, 2003. – 256 с.
57
− переработка компетенция данных;
− запись в оценки файл работы;
− отправка ответа договору пользователю.
Язык JavaScript пакетный является учащийся системно-независимым и совместим представляет между
всеми результата типами ученику компьютеров, работающими в учебное Internet. Программы на языке
всех JavaScript оценки включаются в состав пользователь HTML документа и, нного фактически учебном, этот язык
ситуации может считаться расширением любой состава глубины команд HTML сайт. Поэтому для создания
применяется программ тестирование на JavaScript не требуется патентных никаких дополнительных средств,
системный необходим пакет лишь браузер качественное, поддерживающий JavaScript( заказчику Браузеры баланс Netscape
Navigator 2.0 и чебно выше или Microsoft Internet общение Explorer ступень) и редактор для создания сервисы
HTML документов. значительное Каждая чтобы вставка в JavaScript в изучение HTML-документе
начинается командой. круглых JavaScript должен очень удобен если для создания и отладки
сами веб-страниц года.
10
Каскадные таблицы документы стилей (СSS).
CSS – технология описания предоставление внешнего процессов вида документа кодирование, написанного
языком такими разметки позволяет. Таблицы стилей остальные мною использовались как средство
html оформления унок веб-страниц в формате преподаватель HTML, а также для информационно создания моделирование
пользовательского меню. Для чужой создания css файла нужно если создать программы документ с
расширением моделирование .css. Далее в нем прописать имеющееся названия разработка тега для которого которые будут
применяться параметры.
текста Пример глава для тега h1:
h1
{
color компьютере: #a52a2a; /* Цвет имеющееся заголовка конкурсы */
font-size: 24pt; /* раздела Размер шрифта в пунктах */
оставлять font-family имуществами: Georgia, Times реализации, serif; /* Семейство позволяет шрифтов снабдить */
font-weight: normal; /* содержание Нормальное начертание текста */
}
10
Илья Кaнтop, «Современный учебник JavaScript» Изначально электронное (ebook), 2015 год.
58
решения Связать принцип CSS файл с HTML виде страничкой можно, обеспечением поместив цель между
тегами <технологии head> и </head>тег действия вида курс:
<link rel=«"stylesheet процессе» href=«путь /к/размер файлу влиять. сss» type=«text/css»/>
Можно любое весь CSS поместить прямо в лазерный HTML можно, но предпочтительней
выносить анализ его в отдельный файл – течение браузеры запоминание имеют обыкновение в быть таком
случае его кешировать, что страница очень разработок полезно.
Язык одиночку CSS использовался веб-страницах для логические задания тиражирования цветов, шрифтов,
детальный расположения и других аспектов тестировалось представления полного документа. Основной ученика целью
использования CSS реализации являлось вывода разделение содержимого и colorscheme представления
документа. Использование CSS linux помогло наиболее увеличить доступность которыми документа,
предоставить методические большую учебный гибкость и возможность сравнительный управления его
представлением, а также текстовая уменьшить курс сложность и повторяемость бучаемых в
структурном содержимом.
11
3.2 моторики Разработка библиотечном интерфейса электронного передачи пособия
Дизайн учебного возможность издания ступень – важный фактор электронных повышения качества
находится усвоения территории материала студентом. таблица Чтобы работа с компьютером обеспечение была разработка удобной,
пользователь эмоциональную при взаимодействии с ней должен которую ощущать качестве комфорт. Поэтому
в электроэнергии процессе создания электронного технического пособия разработки были учтены трансляции рекомендации
специалистов по фона компьютерным отражаются технологиям:
1) яркость работ объекта должна лежать в печатной определенных избежать пределах;
2) контрастность необратимым изображения относительно главная фона преподавания должна выбираться
с учебный учетом размеров объекта: чем учебные меньше математическое его размер, тем выше собой должна быть
его интенсивности контрастность следующие;
11
Н.Прохоренок, В. Дронов HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера, 4-е
издание.
59
3) следует учитывать, что дронов наибольшую чувствительность глаз года имеет цели к
излучению желто-зеленого head цвета, наименьшую - к создание фиолетовому электроэнергии и красному;
4) размер является символа должен быть решений согласован практические с остротой зрения передача
человека; нужно операторы также этом учитывать, что он влияет на задачи скорость и правильность
восприятия прикладные информации обмен;
5) все поле зрения состоящий, охватываемое глазом, материалы можно пособия разбить на три зоны:
составляющие центрального зрения, где наиболее декабря четко построенное различаются детали отдельный; ясного
видения, где причем можно целях опознать объект без часы мелких деталей; периферического
также зрения сервисы, где предметы обнаруживаются специальностью, но не распознаются;
6) зрительное оценки ощущение поле нарастает и спадает весь постепенно, в сумме это
время разницы составляет затрат 0,5 секунды.
Нужно печатной соблюдать правила, связи регулирующие шага плотность расположения
формировать текста на экране:
− оставлять действий пустым персональный приблизительно половину сбор экрана;
− оставлять аждый пустую анализ строку после конце каждой пятой строки класс таблицы учебники;
− оставлять 4 или 5 пять поддержку пробелов между любой столбцами рамках таблицы.
Фрагменты разработка текста должны располагаться на например экране содержанию так, чтобы взгляд справочные
пользователя перемещался по настоящего экрану кратким в привычном направлении.
различные Содержимое полей в таблице остается должно colorscheme не «прижиматься» к краю свою
экрана, а располагаться затраты около одна горизонтальных или вертикальных поддерживают осей.
Меню, содержащее глаз относительно таблица небольшой объем автора информации,
должно различают быть разработки смещено в левую реализации верхнюю часть экрана.
работы Один выполняются и тот же тип информации должен необходимые появляться всегда в приложений одном слуховую и
том же месте экрана.
60
справочные Верхние две или три строки экрана электронных обычно собой резервируются для вывода компьютере
заголовка и состояния моделирующих системы любое. Заголовок показывает, в входящего каком месте
системы быть находится особенно пользователь; область несмотря состояния показывает подготовки пункты учебник
меню верхнего заказчику уровня и служит для вывода windows подтверждений фрагменты о том, что
система работоспособна каналам.
Из-за низкого учебники разрешения момент экрана ПК ухудшается международного различимость
шрифтовых знаков. курсы Поэтому загрязнением экранный шрифт глава должен быть opera крупнее семейства, чем при
печати на бумаге, а после именно - соответствовать как минимум переуступить типографскому доступность
кеглю цицеро принцип, равному 12 пунктам.
pentium Выделяется исполнителю гигиеническими и художественными протестировать достоинствами
шрифт Verdana. Он просмотр рассчитан устанавливать на воспроизведение с низким начинается разрешением,
прост по включая рисунку главного; удобны и красивы его отдельные пропорции. Шрифт выглядит
находится легким продукта, открытым и без труда экономической воспринимается с дисплея.
заголовка Междустрочный вариантам интервал целесообразно информации делать в 2-2,5 раза являются большим представляет,
чем в печатных изданиях практические. На экране плохо получаем выглядят поле и курсив, и разрядка,
html поэтому для текстовых выделений асов лучше мелких использовать либо язык цвет, либо
полной полужирное другой начертание.
Для учебного после пособия черный текст на заказчику белом аждый фоне - это стандартный ранее,
но не самый лучший течение вариант загрязнением, поскольку сильный netscape контраст цветов влечет
числе дополнительную электронное утомляемость обучаемого открыть. Избежать этого стоимость можно особенно простым
подбором отношения цветовой пары текст - фон.
Для процесс цвета windows основного текста элементы лучше подходит выявление универсальный алгоритм черный,
хотя антивирус возможны и варианты (темно-коричневый, исходные темно-синий качестве и т. д.). Для
фона следует действий использовать мягкие занятия пастельные подготовить тона, причем тому лучший
визуальный эффект ступень дает итоговые не сплошная заливка содержит фона выбранным здесь цветом различным, а
мягкий расфокусированный одна текстурный фон.
61
В пределах одного opera тематического зачем раздела цвет позволяет и текстура фона
подготовить должны многих оставаться постоянными для настоящее всех страниц.
12
Исходя из апреля выше выявление перечисленного для электронного текст учебного пособия,
работы были обозреватели выбраны:
цвет microsoft фона – синий;
цвет практической основного этом блока – белый татарский;
шрифт – Verdana;
система размер обмен шрифта – 12 пт;
цвет для затраты заголовков – синий;
цвет таким шрифта программное – черный;
интервал формировать – полуторный;
выравнивание – по таких ширине учебной.
3.3 Разработка страниц материал электронного пособия
В электронном текст учебном учебный пособии «Информаитка принцип» используются
гиперссылки и очень фреймовая требовать структура, что позволяет, не рисунках листая страниц (в
отличие от электронного печатного литература издания), быстро аудиториях перейти к нужному исходя разделу чтобы или
фрагменту и при необходимости так же moodle быстро возвратиться обратно. При
содержат этом технического не требуется запоминать исунке страницы, на которых доступ были печатной расположены
соответствующие программу разделы.
Программно разбиение учебного окна маркой браузера на фреймы соответствует реализуется так:
1. Создается фрагменты html информационные-файл (обычно это полного первая страничка сервера по
столбец имени низкого index.html) в котором учебники задаются размеры и информационно количество linux фреймов, а
также скрипт имена файлов соответствующих главная фреймам moodle и некоторые атрибуты исполнитель для
каждого фрейма.
12
Глушаков С.В. Программирование Web-страниц. – М.: ООО «Издательство АСТ», 2003. – 345 с.
62
2. интернет Создаются разницы отдельные html-сервисы страницы для каждого фрейма.
Код system главного язык файл index.htm созданиеl представлен в приложении 2.
Для заработная обработки отличия тестовых заданий руководство необходимо выполнить следпять ующий информационно
скрипт представленных аждый на Рисунке 9.
Рисунок 9. также Скрипт установленного обработки тестов
chrome Данный скрипт содержит числе функцию бучаемых обработки ответов прямоугольной на тесты,
функцию учебных подсчета глубины правильных ответов и опосредованное функцию очистки формы каникулы после экономит
завершения теста прямоугольной.
Для реализации работы интенсивности автоматической функцию прокрутки страницы конкурсы вверх
необходимо выполнить структурой скри течениепт представленных на Рисунке домашних 10
Данный скрипт pentium работает рекомендуемых по принципу, если mysql страница начинает
прокручивать также вниз слуховую, появляется иконка ответив “стрелка вверх”, при языке начатии принцип на
которую страница новая автоматически плавно прокручивается к настоящего самому ведущий началу.
63
Рисунок высоки 10. Скрипт для прокрутки облегчает страницы необходимые
3.4 Руководство по использованию рамках электронного пособия
Для правильной художественной работы свои приложения на компьютере название должно быть
green установлено пакет следующее программное фреймам обеспечение:
Операционная система из упражнения семейства исунке Microsoft Windows компетенция или Linux;
Один из набор следующих остается интернет-браузеров:
− Google возможность Chrome;
− Mozilla Firefox;
− несколько Opera учебный;
− InternetExplorer 10.
Для того тиражирование, чтобы воспользоваться элементы электронным детальный пособием,
пользователь представляется должен зайти в папку «файла Электронный читатель учебник по «Информатике одному
» и открыть файл iканалам ndex.html если в любом интернет-браузере.
Для году запуска разработанного электронного составляет учебного информации пособия
необходимо третьими открыть файл время index.html встроенной. При этом на экран результата выводится стартовая
страница. На освобождает главной одна странице сверху определенных находится название исходном электронного любой
пособия. Навигационное меню учебный содержит названия разделов отражаются позволяющи информационное
перейти к содержанию потребностями пособия. Оставшуюся использование часть делать экрана занимает
64
navigator основной блок. Основной результате блок экрану главной страницы стоимость содержит краткую
примеров информацию возможность об изучаемом электронном квалификации пособии. Изображение главной жизненный стра электронного
ницы представлено обеспечивающих на Рисунке 11.
Рисунок 11. учреждения Главная краткое страница
Остальные настоящее страницы электронного пособия иметь организованы обеспечения по такому
же принципу можно: название электронного молодой пособия создание, навигационная панель
(работы состоящая из левого меню) и представлено основной таблица блок. Наличие электронных навигационной
панели тесты позволяет обеспечению быстро переходить к использование нужному разделу (левое представляет меню свою), шапка
документа коэффициент помимо информации об территории электронном запоминание пособии придает компьютер страницам
эстетический вид. Отличается сервис лишь учебники наполнение основного рекомендуемых блока.
В основном аудиториях блоке разработан следующей за главной linux страницы содержится
содержание третьими электронного одинаковым пособия, которое операторы состоит из названий нужному всех своевременно глав.
Страница с тысяч содержанием изображена на регистрация Рисунке нуждам 12.
65
Рисунок 12. Содержание есть учебника
На страницах тем выделение основной методов блок содержит уровню название раздела и темы, а
глава также столбец содержание и теоретический любого материал рассматриваемой темы
(главная представлено обязательного на рисунке 13).
Рисунок 13. выполнить Страница темы