Выбор инструментальной среды разработки

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

• · Система должна содержатьне только информационную часть, но и программные средства, позволяющие проводить обучение и контроль по сценариям заданным разработчиком;
• · возможность совмещения в приложении текстовой, графической и видеоинформации;
• · наличие интерактивной инструментальной среды.

Технология HTML

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

HTML позволяет формировать на странице сайта текстовые блоки, включать в них изображения, организовывать таблицы, управлять отображением цвета документа и текста, добавлять в дизайн сайта звуковое сопровождение, организовывать гиперссылки с контекстным переходом в другие разделы сервера или обращаться к иным ресурсам Сети и компоновать все эти элементы между собой. Файлы, содержащие гипертекстовый код, имеют расширение .htm или .html. HTML, HyperTextMarkupLanguage (язык разметки гипертекста) — язык, используемый для создания документов в Интернете. HTML-документом называется файл, содержащий код HTML. Такие документы являются основным информационным наполнением web-узлов, они позволяют отображать текст, графику, аудиои видеоинформацию, а также другие компоненты ресурсов Интернета. Одной из основных функциональных особенностей, характерных именно для данного языка программирования, благодаря которой он и получил свое название, является гиперссылка.

Гиперссылка (Hyperlink) — базовый функциональный элемент html-документа, представляющий собой реализацию динамической связи какого-либо объекта данной web-страницы с контекстным содержимым другого документа. Чтобы разъяснить этот термин, приведу простой пример. Предположим, что созданный вами html-документ включает текст, в котором встречается слово «гиперссылка», а подробное раскрытие этого термина приведено в другом документе, размещенном в Интернете не зависимо от первого. Преобразовав данное слово в гиперссылку и связав ее с указанным выше документом, вы организуете тем самым простейшую гиперсвязь: пользователю, желающему ознакомиться со значением термина «гиперссылка», достаточно щелкнуть мышью на этом слове, чтобы перейти к web-странице с соответствующими пояснениями. Следует отметить, что в качестве гиперссылки может использоваться как элемент текста, так и графический объект, а саму гиперсвязь можно устанавливать как между несколькими документами, расположенными на одном физическом сервере, так и с объектами, размещенными на различных узлах Интернета. В отличие от других языков программирования, HTML — язык не транслируемый, но интерпретируемый. Это означает, что для исполнения готового кода его не нужно компилировать, встроенный в специальное программное обеспечение, предназначенное для просмотра web-страниц, интерпретатор «компилирует» код непосредственно в процессе открытия документа. Приэтом, обнаружив в тексте ошибку, такая программа не выдает соответствующего предупреждения (если страница не содержит встроенных скриптов Java), а попросту игнорирует всю «ошибочную» строку. Это следует иметь в виду, составляя HTML-программу, поскольку можно ненароком пропустить «незаметную» ошибку и выявить ее наличие уже тогда, когда страница будет опубликована в Web.

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

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

Для выбора программы были сформулированы три основных, предъявляемые к программам Web-дизайна, требования:

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

Наиболее полно данным требованиям отвечает редактор Dreamweaver. Для прорисовки дизайна электронного учебника будем использовать AdobePhotoshop.

AdobeDreamweaver — программа для разработки и поддержания веб-сайтов.

AdobeDreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам. Данное приложение позволяет не только с легкостью проектировать дизайн сайта, используя визуальные методы, но и предоставляет необходимые средства для продуктивной разработки веб-приложений. Тут присутствует полная поддержка формата CSS, с функцией проверки его совместимости с различными браузерами, функциональный редактор кода веб-страниц и возможность работать с такими технологиями, как: XML, jаvasсrірt, PHP, AdobeColdFusion, ASP и ASP.NET. В AdobeDreamweaver CS5 появилась поддержка новых популярных CMS, функции подсказки по пользовательским классам PHP и по коду для отдельных сайтов и многое другое.

Эта программа дает нам следующие возможности:

• · добавлять на сайт контент (текст, картинки, музыку, видео);
• · работать в 3 режимах (Кодовый режим, полностью проектирование через Dreamweaver, работа сразу в двух режимах: пол окна — код, пол окна — проектирование кода (данный режим — самый удобный);
• · быстро добавлять html теги (например: возможность быстрого добавления гиперссылок (это удобно, когда обмениваешься ссылками с другими сайтами;

Условия применения программного средства

Для надежной и быстрой работы системы необходима конфигурация со следующими характеристиками:

• · PentiumIV 1800MHz;
• · ОЗУ 256Мб;
• · Жестким диском 20Гб;
• · Видео картой SVGA 24 бит;
• · Soundcard.