48708 (588603), страница 6
Текст из файла (страница 6)
font-weight: bold;
text-decoration: underline;
}
Теперь при каждом присвоении отрезку текста, таблице или любому элементу класса «.text» он будет иметь аналогичные визуальные свойства. CLASS – атрибут элемента в HTML, определяющий его класс, то есть задающий различные свойства элементу. В CSS можно описать собственные стили для различных классов одних и тех же элементов. Благодаря CSS для того, чтобы на всем Web-документе изменить цвет текста достаточно будет поменять в строчке «color: #000000;» кодировку цвета на необходимую.
Псевдоклассы и псевдоэлементы – это особые классы и элементы, присущие CSS и автоматически определяемые поддерживающими CSS браузерами. Псевдоклассы различают разные типы одного элемента, создавая при определении собственные стили для каждого из них. Псевдоэлементы являются частями других элементов, задавая этим частям отличный от элемента в целом стиль. [9]
Anchor Pseudo Classes – эти псевдоклассы элемента , обозначающего ссылку. Псевдоклассы этого элемента: active (активная ссылка), visited (посещенная ранее ссылка), hover (псевдокласс, возникающий при поднесении курсора к ссылке).
Рассмотрим пример:
a:link{
text-decoration: none;
color: #005FA9;
}
a:visited{
text-decoration: underline;
color: #21536a;
}
a:active{
text-decoration: underline;
color: #21536a;
}
a:hover{
text-decoration: underline;
color: #21536a; }
Теперь можно менять стилистику всего электронного пособия, редактируя один текстовый файл. Кроме того, мы автоматически применяем один и тот же стиль оформления по всему документу, пользуясь при этом привычными тегами. А это одно из основных требований к электронному пособию, обозначенных выше в дипломной работе.
2.4.3 HTML-редакторы
Существует два основных варианта создания HTML-страниц.
Первый вариант – это работа с техническими редакторами, такими как Home Site, Ultra Pad и другие. При необходимости можно использовать любой текстовый редактор, даже примитивный Notepad (Блокнот). Текстовый редактор – это программа для ввода и изменения текстовых данных: документов, книг, программ и т.д. Редактор обеспечивает модификацию строк текста, контекстный поиск и замену частей текста, автоматическую нумерацию страниц, обработку и нумерацию сносок, выравнивание абзаца, проверку правописания слов, построение оглавлений, распечатку текста на принтере и др. В таких редакторах разработчик самостоятельно пишет код, видя перед собой именно текстовую страничку с тегами. Редактор помогает в написании тегов, проверяет строгость кода, дает возможность просмотреть созданный документ в окне браузера, однако основная работа будет состоять именно из скрупулезного написания, проверки и подгонки тегов. Данные редакторы актуально использовать в тех случаях, когда необходимо исправить код, но для создания сложных электронных документов они не пригодны.
Второй вариант – это WYSIWYG (What You See Is What You Get – Что ты видишь, есть то, что ты получаешь) редакторы, с помощью которых разработчик создает визуальную картинку страницы, то есть, имеет дело непосредственно с блоками информации, которые произвольно располагает на странице. Наиболее известными в этой области редакторами являются Front Page производства Microsoft и Macromedia Dreamweaver. [11]
Для создания электронного учебного пособия мной был выбран Macromedia Dreamweaver МХ версии 7.0, который кроме наиболее адекватного из всех WYSIWYG-интерфейсов имеет еще и профессиональный редактор кода с подсветкой синтаксиса наиболее известных web-ориентированных языков программирования.
Система Dreamweaver — это визуальный редактор гипертекстовых документов. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования (WYSIWYG), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов.
В программе последовательно поддерживается визуальное проектирование. Визуальным принято называть такой стиль или способ создания гипертекстовых документов, в котором работа с текстом и образами объектов преобладает над непосредственным кодированием. В идеале, пользователь должен быть полностью свободен от необходимости обращения к кодам HTML, а проектирование обязано вытеснить программирование.
Также прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы как специализированные браузеры: Microsoft Internet Explorer или Opera. [12]
В состав инструментов гипертекстового редактора включены команды вставки анимированного текста и анимированных кнопок.
Известно, что многие визуальные редакторы HTML весьма нерационально обращаются с кодами гипертекстовой разметки. Это значит, что часто они порождают избыточный, громоздкий исходный текст, перегруженный сложными языковыми конструкциями. Среди прочих программ данного класса система Dreamweaver выделяется своим корректным обращением с кодами HTML. Она создает чистый исходный текст, в котором почти нет вспомогательных дескрипторов и громоздких служебных комментариев. Встроенный в программу механизм препроцессорной обработки (он называется Roundtrip HTML Technology) позволяет импортировать файлы HTML без изменений, потерь и искажений, созданные сторонними приложениями — гипертекстовыми и текстовыми редакторами.
Таким образом, Dreamweaver обеспечивает:
Подсветку HTML синтаксиса.
Вставку стандартных HTML фрагментов (таблицы, списки).
Имеет внутренний браузер.
Пример использования Dreamweaver для создания электронного учебного пособия приведен на рисунке 5 и на рисунке 6.
2.4.4 Использование технологии JavaScript
Сегодня World Wide Web – это среда информационного обмена для миллионов людей. Они размещают текст, видео, звук, и информацию, и все более усложняют свои страницы, делая их интерактивными.
JavaScript – это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java. С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web-документов, включающих программы на JavaScript, требует наличия текстового редактора и подходящего браузера.
Код скрипта JavaScript размещается непосредственно на HTML-странице. Все, что стоит между тегами и , интерпретируется как код на языке JavaScript. Чтобы видеть, как работает скрипт необходимо загрузить файл HTML, содержащий код на языке JavaScript, в браузер, имеющий поддержку языка JavaScript. Браузеры, не имеющие поддержки JavaScript, «не понимают» тега . Они игнорируют его и печатают все стоящие вслед за ним коды как обычный текст. Таким образом, пользователь увидит, как код JavaScript окажется вписан открытым текстом в HTML-документ. [10]
События и обработчики событий являются очень важной частью для программирования на языке JavaScript. События, главным образом, инициируются теми или иными действиями пользователя. Если он щелкает по кнопке, происходит событие «Click» . Если указатель мыши пересекает какую-либо ссылку гипертекста, происходит событие «MouseOver» . Существует несколько различных типов событий. программа, написанная на языке JavaScript, реагирует на некоторые из них. это может быть выполнено с помощью специальных программ обработки событий, которые сообщают компьютеру, что нужно делать, если произойдет, то или иное событие.
Язык LavaScript был использован для создания пункта навигационного меню электронного пособия «Содержание» , который представляет собой раскрывающийся список: в собранном виде он отражает название лекционных тем, в раскрывшемся виде – название лекционных тем и подтем.
3. АНАЛИЗ ИМЕЮЩИХСЯ АНАЛОГОВ ШКОЛЬНЫХ ИНФОРМАЦИОННЫХ СИСТЕМ
Школьная информационная система — это комплекс средств интерактивного взаимодействия администрации школы и учителей, с одной стороны, и родителей и учеников, с другой стороны.
3.1 Школьная информационно-аналитическая система «Соната»
Муниципальное общеобразовательное учреждение средняя общеобразовательная школа № 22 г. Волгодонска Ростовской области (МОУ СОШ № 22)
Школьная информационно-аналитическая система «СОНАТА» предназначена для автоматизации деятельности административных работников школ, а так же кардинального сокращения времени, необходимого на прохождение информации, требующейся для принятия управленческих решений.
Школьная информационно-аналитическая система «СОНАТА» предназначена для автоматизации деятельности административных работников образовательных учреждений и решения задач повышения эффективности работы администрации и сотрудников школ, а так же кардинального сокращения времени, необходимого на прохождение информации, требующейся для принятия управленческих решений. За счет упорядочения и систематизации большого объема информации, необходимого для своевременного принятия управленческих решений, в образовательном учреждении создается школьная среда общего доступа.
Традиционно информационные системы для школ включают в себя два модуля: КАДРЫ и УЧЕНИКИ. ШИАС использует общие данные в третьем модуле — АТТЕСТАЦИЯ.
Модуль КАДРЫ включает в себя анкетные данные сотрудников образовательного учреждения, от даты рождения и домашнего адреса до сведений об аттестации, курсовой переподготовки, номера страхового полиса и индивидуального номера налогоплательщика (ИНН), в соответствии с параметрами новой версии формы Т-2. Гибкость программы заключается в том, что помимо стандартных анкетных сведений каждое образовательное учреждение может отслеживать дополнительные сведения в соответствии со своей спецификой, переопределив специально зарезервированные свободные поля.
Характерной особенностью системы является автоматический расчет продолжительности общего трудового и педагогического стажа, а также его перерасчет в течение всего времени работы системы. Система формирует различные формы статистической отчетности. Периоды для статистических сведений о стаже и возрасте работников не закреплены жестко, а задаются произвольно. Модуль КАДРЫ позволяет формировать списки сотрудников с вариативным подбором анкетных данных, необходимых в каждом конкретном случае.
Наряду со статистической информацией и формированием списков, информационно-аналитическая система осуществляет систему поиска по любому из заданных параметров, по адресу, стажу, полу, образования, дате рождения и т.д.
При работе со списками или поисковыми результатами система предоставляет возможность накладывать ограничения в различных комбинациях: только совместители или только предметники и т.д., что обеспечивает хорошее быстродействие и гибкость системы и избавляет от ненужных данных в сформированных отчетах.
Модуль УЧЕНИКИ работает на основании анкетных данных учеников. Этот модуль позволяет осуществить социальный мониторинг контингента учащихся образовательного учреждения. Аналогично модулю КАДРЫ, этот блок имеет функции поиска, формирования списков по классам, а также функцию формирования статистической информации по учащимся. Кроме этого, модуль УЧЕНИКИ имеет блок «Движение», который позволяет регулярно отслеживать движение учащихся и составлять статистические и списочные отчеты по уровням: класс, параллель, школа.
Модуль АТТЕСТАЦИЯ состоит из двух блоков: промежуточная аттестация и итоговая аттестация.
Блок «Промежуточная аттестация» позволяет отслеживать , результативность деятельности учащихся по трем направлениям: во-первых — это контроль знаний, умений и навыков, во-вторых — это периодическая аттестация (четверть, полугодие, год) и в-третьих — это годовая аттестация (переводные экзамены, годовые контрольные работы).
Статистический анализ осуществляется по категориям: УЧЕНИКИ (класс, параллель, школа), УЧИТЕЛЯ (персонально и по подразделениям) и ПРЕДМЕТЫ.
Блок «Итоговая аттестация» позволяет отслеживать результаты обязательных экзаменов, экзаменов по выбору, сравнивать выборность экзаменов выпускниками и их дальнейшее трудоустройство.
Вся статистическая, поисковая и списочная информация, получаемая в системе в виде отчетов, выдается не только на экран и печать, но и в приложения Microsoft Office в виде таблиц списков и диаграмм с возможностью дальнейшей обработки.
Вся статистическая информация отражается системой в табличном и графическом видах — диаграммах, параметры которых (цвет, размеры, тип) можно изменять в процессе работы по желанию пользователя.
Кроме этого, программный комплекс предусматривает создание архива данных за год, перевод учеников на следующий год и, как следствие, позволяет формировать отчеты не только за текущий год, но и в сравнении с предыдущими годами, используя информацию архивов.
Архитектура программы позволяет развивать информационно-аналитическую систему в нескольких направлениях.
Включение новых самостоятельных модулей «Здоровье», «Социально-педагогический мониторинг», «Библиотека».
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
