ПОСТРОЕНИЕ САЙТА С ПРИМЕНЕНИЕМ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ

Цель статьи является организация работ со студентами при проектировании веб-страниц и веб-сайта в Ереванском филиале Российского Государственного университета туризма и сервиса (РГУТиС). При создании веб-страниц и веб-сайта студентам приходится изучать несколько предметов: например, информатика, интернет-технологии, проектиро­вание сайта, дизайн и др.

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

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

Анализ опыта и внедрения Интернет-технологии в образовательный процесс показывает, что обучение осуществляется в особой среде, где электронные учебные издания и Интернет-ресурсы не только дополняют, но и позволяют преподавателям методы и организационные формы работы на уроках [1]. Чтобы построить сайт, студентам необходимо изучить назначение сайта. Сайт (от анг. Site, синонимы – веб узел, веб сайт, ресурс) – это место в Интернете, имеющее свой адрес (URL), своего владельца и состоящее из веб-страниц, которые воспринимаются как единое целое. Веб-страница (от анг. web-page) – это логическая единица Интернета, однозначно определяемая адресом (URL). Кстати, секрет хорошего сайта - контент и расширения. На самый красивый, но бесполезный сайт, пользователи вряд ли зайдут больше одного раза. Поэтому информация должна быть качественной [2]. Она может включать картинки, скрипты, форматированный текст, звук, видео, ссылки на другие веб-страницы или ресурсы Интернета. Таким образом, веб-сайт – это группа веб-страниц, которые должны иметь общий стиль оформления и быть связаны между собой единой темой. Чёткого разграничения между различными сайтами нет, т.к. слишком велико их разнообразие по структуре и способу представления информации. В настоящее время существует несколько популярных технологий создания образовательных Интернет-ресурсов. Большинство сайтов были созданы с использованием готовых html шаблонов – эта технология позволяет легко создавать простые сайты, однако такие сайты являются статичными и могут предоставлять только определенную информацию. Здесь необходимо отметить, что большинство студентов с быстро освоили код html и создали веб-страницы. Кроме того, для создания сайтов и страниц студентам были предложены  программы. Ниже приводятся некоторые из них.

Способ создания сайтов это использование шаблонов т.е. сайты, созданные на технологии PHP. Создание и поддержка таких сайтов требует более глубоких знаний и навыков. Однако, это оправдывается тем, что сайт, созданный на основе CMS (Content Management System), может предоставлять больше интерактивных возможностей, таких, как публикация статей и документов, добавление фотографии, аудио- и видеозаписей, комментирование, формирование дизайна страниц, ведение блогов, форумы, публикация учебных материалов, тестирование школьников и др.

Большую популярность обретают сайты, созданные с использованием современных технологий, они предоставляют больше интерактивных возможностей для взаимодействия субъектов образовательного процесса. К этой технологии можно отнести такие популярные CMS, как Moodle, Atutor, Dokeos, OpenUSS, Sakai, ILIAS и др. Практически все тексты для веб создаются с помощью языка html. Moodle имеет собственный встроенный Richtext html-редактор WYSIWYG, который дает достаточно широкие возможности по форматированию текста, вставке рисунков, ссылок, работе с таблицами.   Прикладная программа FrontPage 2003 – это визуальный html-редактор для быстрого создания сайта.  Язык html является основным языком программирования веб-среды. С помощью FrontPage можно создавать структуру сайта, формировать страницы, добавлять интерактивные средства и загружать файлы на  сервер в сети Интернет.  Веб–страницы основаны на языке описания гипертекстовых документов html (Hyper text Markup Language). Для определения содержания и формата гипертекстовых документов используются команды, которые называются  тегами (tags), html–страницы представляет собой документы в обычном текстовом формате.

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

На каждом сайте существует одна веб-страница, которая называется главной или домашней. Домашняя страница – первая веб-страница, на которую попадает посетитель сайта. Используя навигацию или гиперссылки, пользователи смогут попасть и на другие страницы сайта. Обычно сайт размещается на веб-сервере – компьютере, который предоставляет доступ к веб-страницам посетителям сайта. FrontPage позволяет создавать сайт непосредственно в файловой системе компьютера пользователя, а затем, когда он будет готов, опубликовать его на веб-сервере.

Гибкие функциональные возможности FrontPage 2003 позволяют создавать   более совершенные веб-узлы. FrontPage 2003 включает средства для профессионального проектирования, разработки, работы с данными и публикации, необходимые для создания
динамических и более сложных веб-узлов. FrontPage 2003 позволяет усовершенствовать процесс веб-разработки в следующих трех ключевых областях.[3]

Студентам были представлены также программы для создания и редактирования флеш анимации. С их помощью можно реализовать собственные идеи в анимированные ролики для своего сайта. Флеш редактор – это программа для создания flash анимации и редактирования уже готовых флеш роликов.

Adobe Flash Professional CS3 программа является безусловным лидером в среде флеш технологий, этой программой пользуются, не только профессиональные разработчики веб-сайтов и flash дизайнеры, но и непрофессиональные или начинающие пользователи. Возможно, для начинающего веб мастера создание флеш анимации с помощью программы Adobe Flash Professional может показаться сложным, флеш идеи надо попробовать с программой Swishmax- флеш редактор. Это альтернативная программа с дружественным и простым интерфейсом для создания flash-анимации, которая является менее функциональной, по сравнению с предыдущей, но при этом позволяет получить результат хорошего качества. Главное преимущество данного flash редактора-это простота использования. Даже начинающий пользователь, имея под руками видео уроки, за короткое время сможет создать с ее помощью профессиональные флеш – ролики [4]. 

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

Joomla - это инструмент для создания сайтов. Существуют также другие инструменты, например, DreamWeaver. Joomla это Система Управления Содержимым (CMS). Такая система строит каждую страницу из базы данных когда посетитель запрашивает ее. Можно изменять содержимое из удобной панели управления, прямо в браузере пользователя. Обычный html-сайт по сути не изменяем, фиксирован. Для изменения сайта необходимо изменять файлы и загружать их на хостинг, что не совсем удобно и главное не быстро. У Joomla есть  множество пользователей и ресурсов, которые также свободны. Joomla идеально подходит для сайтов, где: часто изменяется содержимое и сайтом занимаются не программисты. Пользователю не нужны специальные технические знания или навыки для управления сайтом. Попробовав раз, пользователь сможет делать это еще множество таких же вещей, без необходимости переучиваться. Надо помнить, что Joomla это всего лишь инструмент. Эффективность сайта и его полезность для аудитории определяется контентом, информационной архитектурой и дизайном.

Joomla - самая популярная CMS с открытым кодом, в настоящее время свидетельствующая ярким и растущим сообществом дружелюбных пользователей и  разработчиков. Она используется по всему миру от простых сайтов до комплексных корпоративных приложений. Joomla! легко устанавливается, проста в управлении, надёжна. Joomla! является бесплатным программным обеспечением. Cистема управления контентом (CMS) это программное обеспечение, которое отслеживает каждую часть содержимого (контента) на сайте. Сожержимым может быть текст, фотографии, музыка, видео, документы и т.п. Главное преимущество использования CMS состоит в том, что она практически не требует каких-либо специальных навыков, чтобы управлять содержимым сайта [5]. Joomla основана на PHP и MySQL, на Joomla можно делать сайты любой сложности и для разных целей. Вот некоторые примеры использования CMS Joomla: корпоративные сайты или информационные порталы, электронная коммерция, сайты для малого бизнеса, некоммерческие и организационные сайты, персональные или домашние страницы и др.

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

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

В Интернете есть различные программы для создания сайтов. Например, Macromedia Dreamweaver MX обеспечивает мощную комбинацию инструментов визуального макетирования, программной разработки и редактирования кода, позволяя разработчикам и дизайнерам на квалифицированном уровне быстро создавать визуально привлекательные и соответствующие стандартам и спецификациям сайты и приложения.
Macromedia Dreamweaver MX это версия популярного Web-редактора компании Macromedia. Это исключительно мощная программа, поддерживающая все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе [6]. По мнению многих разработчиков Macromedia Dreamweaver MX лучшая на сегодняшний день программа, позволяющая создавать Web-страницы. Очень мощный, удобный и, пожалуй, один из самых лучших пакетов для создания web-страниц и сайтов.

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

Использования различных программ для создания сайтов привлекает студентов новизна проведения таких самостоятельных уроков. Во время таких занятий создаётся обстановка реального общения, при которой студенты стремятся выразить мысли свободно, они проявляют интерес к изучаемому материалу. У студентов появляется заинтересо­ван­ность в получении более высокого результата, готовность построить сайты с применением других программ при минимальной теоретической и практической подготовке. Некоторые студенты предпочитают создать свой сайт с помощью готовых шаблонов. Для этого им было предложено изучить имеющиеся шаблоны. Шаблон - это своеобразный образец, "скелет" Web-страницы, содержащий общие для всех страниц элементы. Когда  создается новую страницу на основе шаблона, остается только вписать в нужные места уникальное содержимое этой самой страницы и сохранить ее. Впоследствии можно изменить шаблон  и Dreamweaver сам обновит все созданные на его основе страницы.

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

Использованные эл. ресурсы

1. http://rudocs.exdat.com/docs/index-77430.html
2. http://ru.wikipedia.org/wiki/%D1%E0%E9%F2
3. http://siteprogs.ru/135
4. http://www.wellsait.ru/flash_programs.html
5. http://www.joomla-code.ru/about-joomla
6. http://www.cap-design.ru/dreamweaver/Glava9/Index19.php

Материалы Международной научно-практической конференции.  Информационные и телекоммуникационные технологии: образование, наука, практика, посвященной 50-летию Института информационных и телекоммуникационных технологий КазНТУ имени К.И. Сатпаева в г.Алматы, Казахстан, 5-6 декабря 2012 года, том 2, стр. 360..

(соавтор Зурабян  А.)