- •Введение
- •1 Общий раздел
- •1.1 Сайт как информационная система
- •1.2 Классификация веб сайтов
- •1.3 Обзор программ для создания Web-сайтов
- •2 Специальный раздел
- •2.1 Планирование этапов разработки системы управления сайтом
- •2.2 Описание структуры сайта и его страниц
- •2.3 Средства создания системы управления сайтом
- •2.4 Разработка системы управления сайтом
- •3 Эксплуатационный раздел
- •3.1 Размещения сайта в интернете
- •3.2 Процесс популяризации и поддержки сайта
- •4 Экономический раздел
- •4.1 Расчет трудоемкости и заработной платы разработчика программного продукта
- •4.2 Стоимость хостинг услуг
- •5 Охорона труда и техника безопасности
- •5.1 Общие требования охраны труда
- •5.2. Требования охраны труда перед началом работы
- •5.3. Требования охраны труда во время работы
- •5.4. Требования охраны труда в аварийных ситуациях
- •5.5. Требования охраны труда по окончанию работы
- •Литература
2.2 Описание структуры сайта и его страниц
Создание динамического Web-сайта начинается с создания информационной модели сайта, поэтому в техническом задании на создание официального Web-сайта необходимо сформулировать требования к информационному наполнению, задачи, которые должны быть решены путем создания официального сайта.
Любую официальную Web-страницу можно оценить по двум параметрам: содержание и внешний вид. Однако сначала надо решить, какую информацию нужно на ней разместить. Необходимо детально проанализировать, сколько и какой информации необходимо подать на официальной Web-странице.
Web-страница должна стать одним из удобных механизмов взаимодействия с пользователем. Поэтому на Web-странице должны быть ссылки на большое количество разнородных файлов и документов. Все эти файлы и связи между ними в совокупности называются Web-сайтом. Развертывание Web-страницы в Web-сайт - это обычная практика решения проблемы "информационной перегрузки" страницы.
Существуют две важные причины для развертывания Web-страницы в Web-сайт. Во-первых, так посетителям легче найти ту информацию, которая им нужна. Например, если Web-страницу посещает студент или абитуриент, он вряд ли захочет ждать, пока загрузится вся ваша фотогалерея, ему необходимые документы, связанные с обучением (электронные учебники, задание к контрольной работе, методические указания к практическим работам или информация для поступления). Если сайт разбит на несколько страниц, посетитель сможет выбрать только ту информацию, которую он искал. Поэтому развертывание Web-страницы в Web-сайт сэкономит его время и свидетельствовать об уважении к него, о профессиональном уровне.
Вторая причина носит технический характер. При наличии нескольких документов появляется возможность вводить более интересной графики и детальной информации. Если в Web-страницы, которая перегружена графи кой и мультимедийными файлами, еще что-нибудь добавить, ее будет трудно читать. Когда разделяют официальную страницу на отдельные Web-страницы, можно увеличить в несколько раз количество графики и различного рода мультимедиа. Наконец, основная причина разделения - сайт легче поддерживать и обновлять. В хорошо организованном Web-сайте легче обновлять любую информацию. Необходимо правильно проектировать официальный Web-сайт.
Как организовать Web-сайт. Перед тем, как разделять сайт на отдельные страницы, необходимо определить статические части макета, которые будут сохраняться для всех страниц, и динамические, которые будут изменяться в зависимости от содержания и назначения страницы. Сайт проектируется таким образом, что нужно хорошо продумать его общую структуру, содержание информации и ссылки. Каждая из этих структур имеет свои преимущества и недостатки. Выбор конкретной структуры определяется особенностями решаемых задач.
Основная Web-страница содержит ссылки на другие страницы сайта, а документы содержат ссылки, соответственно, на основную Web-страницу. Это самый простой и наиболее частотных способ организации Web-сайта. На Рисунке 1 показана схема стандартного способа разделения Web-страницы.
Рисунок 1 Схема стандартного способа разделения Web-страницы
Новые методы разметки страниц основываются на дизайне Windows 8, что на данный момент набирает обороты. Поэтому макет проектируемого сайта будет отличаться от стандартной разметки, и будет содержать больше динамических элементов.
. В этом случае все страницы Web-сайта содержат ссылки на другие страницы, и пользователь может легко перейти с любой страницы практически на любую другую. Эта схема может превратиться в лабиринт, если выйдет из-под контроля, но она популярна в тех случаях, когда ссылками на документы пользуются не слишком часто. На Рисунке 2, ниже, представлен довольно простой пример такой организации.
Рисунок 2 Схема связи страниц между собой
При организации официального Web-сайта рекомендуется пользоваться гибридным методом, который представляет смесь стандартного метода и метода паутины. Вы можете оказаться в любом документе непосредственно с основной официальной страницы, при этом и сами документы также ссылаются друг на друга.
Информационные разделы.
При создании Web-сайта необходимо обосновать названия информационных разделов, их количество и четкую структурированность страниц сайта, исходя из задач информационной и коммуникационной деятельности налоговой службы. Структура и содержание сайта должны входить с техническим заданием на разработку Web-сайта, которое утверждается руководителем.
Ниже приведены примеры типичных разделов, которые можно разместить на официальных страницах Web-сайта колледжа:
Информация о колледже:
- история и интересные факты из колледжа;
- контактные данные.
Новости колледжа:
- новости из жизни колледжа;
- фотогалерея;
- объявления.
Информация об отделениях:
- виды отделений;
- необходимая база для обучения;
- сроки обучения.
Специальности:
- информация о специальностях;
- сроки обучения.
Абитуриенту:
- документы, контрольные работы, методические указания.
Этот список не является исчерпывающим, налоговый орган обосновать целесообразность включения тех или иных разделов в техническом задании на разработку Web-сайта.
Принцип работы web-сайта
Часто на различных сайтах вам приходится заполнять формы с контактной информацией (форма обратной связи, форма регистрации на сайте и т.д.), которые требуют выполнения каких-либо действий(заполнить определенные поля, нажать на кнопку), после выполнения указанных операций данные отсылаются на сервер, и в зависимости от ваших действий, при помощи PHP генерируется html страница с информацией о том, что все операции успешно выполнены.
Кроме того, если сайт работает на CMS(системе управления сайтом), то все страницы с информацией, не существуют непосредственно на жестком диске в виде Web-страниц, а хранятся в базе данных и при необходимости, создаются в виде html структуры и выводятся пользователю.
Для того, чтобы понять принцип взаимодействия описанных Web-технологий, достаточно взглянуть на схему их работы:
Рисунок 3 Принцип работы современного Web-сайта
Язык программирования PHP, является серверным языком, т.е. все скрипты выполняются на сервере. При помощи PHP выполняется основные операции, которые необходимы для функционирования сайта: обработка данных, поиск информации, работа с БД, обработка Web-форм, обработка действий пользователя.
После создания пятой версии PHP он стал объективно нормальным, там содержится много различных привилегий, наследований и так далее. При помощи PHP можно с легкостью создать интернет-магазин, потому что все страницы сайта генерируются на подобии друг друга, и благодаря этому, практически ничего не весят. Малый вес страниц очень хорошо отображается на сайтах в виде быстрой загрузки, что непременно порадует его пользователей. Это все плюсы PHP. Работает система написанная на PHP, на основе шаблонизатора который генерирует html-страницы и выводит на экран. Он принимает данные и вставляет их в нужное место шаблона сайта.
Минус PHP очень большой и заключается в том, что для написания страницы в PHP нужно быть как минимум программистом, а на изучение PHP пойдет примерно полгода, но все же PHP открывает новый мир возможностей, благодаря малому весу страниц. Для изучения PHP вам придется также изучать JavaScript законы работы виртуального сервера Apache.
