Основы разработки образовательного сайта

Основы разработки сайтов

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

Процесс создания и разработки сайтов включает в себя:

• 1. Утверждение первичного технического задания на разработку сайта;
• 2. Определение структурной схемы сайта — расположение разделов, контента и навигации;
• 3. Веб-дизайн — создание графических элементов макета сайта, стилей и элементов навигации;
• 4. Разработку программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;
• 5. Тестирование и размещение сайта в сети Интернет.

Интернет — глобальная информационная сеть, части которой логически взаимосвязаны друг с другом посредством единого адресного пространства, основанного на протоколе TCP/IP. Интернет состоит из множества взаимосвязанных компьютерных сетей и обеспечивает удаленный доступ к компьютерам, электронной почте, доскам объявлений, базам данных и дискуссионным группам[1].

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

Веб-дизайн — дизайн сайтов и их отдельных элементов, создание графических рекламных материалов в Internet. Обычно услуги веб-дизайна предоставляют студии веб-дизайна.

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

Веб-страница — самостоятельная часть веб-сайта; документ, снабженный уникальным адресом (URL). Веб-страница может иметь статическое или динамическое построение. Обычно веб-страницы организуется в виде гипертекста с включениями текста, графики, звука, видео или анимацию. В сети Интернет просмотр веб-страниц осуществляется посредством браузера.

Главная страница — начальная страница веб-сайта. Обычно главная станица несет основную презентативную и навигационную нагрузку.

Личные страницы — веб-страницы, которые принадлежат физическим лицам. Содержание и оформление личной страницы зависит только от ее автора.

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

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

На каждом Web — сайте существует одна особенная Web — страница, называемая домашней или главной страницей (homepage). Все посетители сайта сначала попадают на эту страницу. Щелкнув на той или иной гиперссылке, пользователи смогут попасть и на другие страницы сайта. Web — страницы, на которые указывают гиперссылки, могут быть расположены и на том же самом компьютере, где размещена домашняя страница, и на любом другом компьютере, подключенном к Internet.

Гиперссылка — это текст или изображение на Web — странице, при щелчке на котором происходит переход к другой Web — странице или сайту.

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

Гиперссылка состоит из двух частей: самой гиперссылки и адреса назначения (target), определяющего путь к Web — странице, которая загрузится после щелчка на гиперссылке. Когда пользователь помещает указатель мыши на гиперссылку, он принимает форму указывающей руки. Такая форма указателя сообщает пользователю, что объект (графическое изображение или текст), расположенный под ним, представляет собой гиперссылку.

Браузер — от английского слова Browser (окно просмотра или обозреватель), т. е. программа-обозреватель Internet — InternetExplorer, Opera, GoogleChrome или любая другая.

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

Web — сайт размещается на Web — сервере (Web — server) — компьютере, предоставляющем доступ к Web — страницам посетителям сайта. Однако можно создать Web — сайт непосредственно в файловой системе компьютера, а затем, когда он будет готов, опубликовать его на Web — сервере. Обычно Web — сервер подключен к Internet, что позволяет просматривать Web — страницы, размещенные на нем, в WorldWideWeb. Многие компании и организации устанавливают Web — серверы и в интранет — сетях. На таких серверах лучше всего размещать Web — сайты, содержащие внутри корпоративную информацию, предназначенную только для сотрудников компании. К некоторым страницам интернет — сайта может быть открыт доступ и из WorldWideWeb, в то время как остальные страницы будут доступны только из локальной сети компании[2].

Большинство Internet — провайдеров (Internetserviceprovider — ISP) предоставляют услугу по размещению Web — сайта (эта услуга называется Web — хостингом — Webhosting) как часть набора услуг при получении доступа к Internet. При этом провайдер выделяет часть дискового пространства на Web — сервере для хранения Web — файлов. Для простейших Web — сайтов набор услуг по их размещению и поддержке, оказываемый Internet — провайдерами, бывает вполне достаточен. Большие и сложные Web — сайты стоит размещать на выделенном (dedicated) сервере (иначе называемом выделенным Web — хостом), где можно получить больший объем дискового пространства. На выделенном сервере также может быть установлено и более быстрое оборудование.

Теперь необходимо решить, какой материал будет содержать Web — сайт, представляющий клиента WorldWideWeb. Для начала стоит определить, каким будет назначение создаваемого Web — сайта.

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

Затем необходимо определить, как Web — страницы сайта будут связаны друг с другом. Очевидно при помощи гиперссылок.

Фрейм (frame) представляет собой отдельную область, содержимое которой отображается независимо от домашней страницы. Можно переходить от одной страницы к другой, при этом они будут отображаться в правом фрейме, а содержимое левого фрейма (например, меню с гиперссылками) будет оставаться неизменным.

Помещение графических изображений на Web — страницу. Существуют два основных типа графических изображений: фотографии и рисунки. Файлы, содержащие фотографические изображения, могут быть разных форматов, но для Web — браузеров чаще всего используются либо GIF (GraphicsInterchangeFormat — формат обмена графическими данными), либо JPEG (JointPhotographicGroup — формат объединенной экспертной группы по фотографии). В форматах GIF и JPEG используются алгоритмы сжатия изображений, что дает возможность хранить изображения в файле меньшего размера, чем в случае других форматов. Файлы изображений в этих форматах будут загружаться быстрее.

Большая часть Web — страниц несет в себе какую-либо информацию, однако информация — не единственное, ради чего стоит создавать страницы. Нужно сделать так, чтобы Web — сайт было просто приятно просматривать. Один из способов сделать сайт более привлекательным — добавить на домашнюю страницу фоновое звуковое оформление. Фоновый звук будет воспроизводиться все время, пока страница будет открыта в Web — браузере. Но так же просто можно помещать на страницы и видеоклипы. Когда посетитель Web — сайта загружает страницу с встроенным видеоклипом, будут одновременно воспроизводиться видео и звук. Также можно создавать гиперссылки к файлам, содержащим видеоклипы[3].

Одним из привлекательных, но не очень простых приемов является возможность контролировать внешний вид Web — страниц при помощи таблиц стилей (stylesheets). Таблица стилей Web — страницы представляет собой отдельный текстовый файл, в котором задаются различные элементы страницы.

Таблицы стилей иначе называются «иерархическими таблицами стилей». Название отражает тот факт, что к одной Web — странице может быть одновременно применено несколько стилей разного уровня.

Создание всплывающих кнопок. Видеоклипы не являются единственным типом анимации, которая доступна при работе с FrontPage. Еще один популярный мультимедийный эффект — всплывающая кнопка (hoverbutton), внешний вид которой изменяется, когда посетитель сайта наводит на нее указатель мыши.

Всплывающая кнопка представляет собой Java — апплет (программу), создаваемый FrontPage. Можно использовать всплывающую кнопку для перехода к другой Web — странице. Когда посетитель Web — сайта наводит указатель мыши на всплывающую кнопку, она реагирует на это, например, меняет цвет или принимает вид нажатой кнопки. Когда посетитель щелкнет на такой кнопке, на экране откроется страница, на которую была задана ссылка с данной кнопки.

Проверка орфографии Web — страницы. Прежде, чем опубликовать Web — сайт на сервере, неважно, в Internet или в локальной сети, необходимо сделать его как можно более совершенным. Ошибки, допущенные по невнимательности, могут произвести отрицательное впечатление о сайте.

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

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

Удаление файлов Web — сайта с Web — сервера.

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

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

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

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

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

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

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

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

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

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

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

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

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

Не последнее место занимает информация о организаций, которой принадлежит сайт, где она находится, как можно связаться с компанией помимо Интернета. Представленная информация о организаций создает определенное отношение у пользователя[5].

Другой вариант статического сайта состоит в использовании так называемого Back-Manager'a, обычно реализованного с помощью VBScript или JavaScript.

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

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

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

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

Хищение данных;

Искажение данных;

Удаление или разрушение данных;

Несанкционированный доступ к информации.

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

Искажение так же, как и удаление данных, может происходить как умышленно, так и не умышленно.

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

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

В проблеме защиты информации можно выделить два аспекта: организационный и технический.

Технический аспект проблемы заключается в попытке исключить любую вероятность неправомочного доступа и изменения информации. Для этого применяется ряд мер:

Своевременное обновление и тестирование используемого программного обеспечения;

Отслеживание и анализ всех попыток изменений и взломов системы;

Поддержка системы идентификации и изменения паролей доступа.

Организационный аспект заключается в рациональной и постоянной политике внутренней защиты информации, которая включает:

Разграничение групп доступа различных пользователей систем;

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

Своевременное изменение групп и прав доступа конкретных пользователей системы;

Введение

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

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

• 1. Брандмауэры;
• 2. Системы отслеживания вторжений (IDS, Intrusion Detection System);
• 3. Маршрутизаторы.

К дополнительным мерам безопасности можно отнести системы резервного копирования и средства оценки защищенности, постоянно проверяющие работоспособность и целостность системы.

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

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

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

Порядок проведения испытаний:

Запуск сайта;

Ссылка должны ввести на определенную ей страницу;

Корректное отображение графических элементов;

Корректное отображение сайта в различных пользовательских режимах;

Функциональность и соответствие проекта поставленной задаче.