Разработка сайта

Автор работы: Пользователь скрыл имя, 21 Октября 2013 в 14:56, курсовая работа

Краткое описание

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

Содержание

Введение
1. Теоретическая часть
1.1. Обоснование необходимости в веб-сайте
1.2. Понятие сайта
1.2.1. Классификация сайтов
1.3. Проектирование сайта
1.4. Этапы разработки сайта
1.4.1. Постановка задачи при проектирование сайта
1.4.2. Выбор программных средств для разработки веб-сайта
1.4.3. Разработка интерфейса
1.4.4. Разработка базы данных
1.4.5. Разработка административной части сайта
1.5. Обоснование выбора системы управления содержанием
1.6. Средства разработки
1.6.1. Язык разметки гипертекстовых документов HTML
1.6.2. Динамическая язык разметки гипертекстовых документов DHTML
1.6.3. Расширяемый язык разметки XML
1.6.4. Язык программирования PHP
1.6.5. Веб-сервер Apache
1.6.6. CMS Joomla
1.7. Выводы
2. Проектная часть
2.1. Общая структура сайта
2.2. Разработка интерфейса веб-сайта
2.2.1. Дизайн веб-сайта
2.2.2. Описание создания страниц сайта
2.3. Разработка сайта на основе CMS
2.3.1. Описание установки на сервер CMS Joomla
2.3.2. Создание разделов сайта
2.3.3. Создание категорий сайта
2.3.4. Создание объекта содержимого
2.3.5. Создание меню on-line магазина
2.3.6. Установка шаблона сайта
2.3.7. Создание категории товаров магазина
2.3.8. Размещение товаров в on-line магазине
2.4. Выводы
Заключение
Литература

Прикрепленные файлы: 1 файл

Разработка сайта.docx

— 48.93 Кб (Скачать документ)

 

      Генерация  страниц по запросу. Системы  такого типа работают на основе  связки «Модуль редактирования> База данных> Модуль представления». Модуль представления генерирует  страницу с содержанием при  запросе на него, на основе  информации из базы данных. Информация  в базе данных изменяется с  помощью модуля редактирования. Страницы заново создаются сервером  при каждом запросе, а это  создает нагрузку на системные  ресурсы. Нагрузка может быть  многократно снижена при использовании  средств кэширования, которые  имеются в современных веб-серверах.

 

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

 

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

 

      1.5. Обоснование  выбора системы управления содержанием.

 

      Необходима  развитая гипертекстовая структура  - HTML создан именно для этого;  необходимо обеспечить гибкую  структуру управления материалом - управлять HTML-содержимым удобно  с помощью PHP + MySQL. Именно эта  связка позволяет генерировать  динамические HTML-страницы; необходимо  реализовать вариативность представления  материала - в этом случае использование  HTML + CSS более обоснованно. Именно  эта комбинация средств позволяет  создавать мультимедийные документы;  необходимо обеспечить поддержку  внутреннего магазина сайта.

 

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

 

      1.6. Средства  разработки.

 

      1.6.1. Язык  разметки гипертекстовых документов HTML.

 

      Обмен информацией  в Интернет осуществляется с  помощью протоколов прикладного  уровня, реализующих тот или иной  прикладной сервис (пересылку файлов, гипертекстовой информации, почта  и т.д.). Одним из самых молодых  и популярных сервисов Интернет, развитие которого и привело  к всплеску популярности самой  Интернет, стала World Wide Web (WWW), основанная  на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекстовой  информации). Гипертекстовые документы,  представленные в WWW, имеют одно  принципиальное отличие от традиционных  гипертекстовых документов - связи,  в них используемые, не ограничены  одним документом, и более того, не ограничены одним компьютером.  Для подготовки гипертекстовых  документов используется язык HTML (Hyper Text Markup Language - язык разметки гипертекстовых  страниц), он предоставляет широкие  возможности по форматированию  и структурной разметке документов, организации связей между различными  документами, средства включения  графической и мультимедийной  информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Opera, Mozilla Firefox и Internet Explorer компании Microsoft (MSIE). Реализации Opera и Mozilla Firefox доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

 

      HTML-документ  состоит из текста, что является  содержанием документа, и тегов,  определяющих его структуру и  внешний вид при отображении  браузером. Простой html-документ  выглядит следующим образом:

 

  • Название 
  • Тело документа

 

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

      Текст всего  документа заключается в теги , сам документ разбивается на  две части - заголовок и тело.

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

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

 

      1.6.2. Динамическая  язык разметки гипертекстовых  документов DHTML.

 

      Динамический HTML (Dynamic HTML, DHTML) не является каким-то  особым языком разметки страниц.  Это всего лишь термин, применяемый  для обозначений HTML-страниц с  динамически изменяемым содержанием.

 

      Реализация DHTML "стоит" на трех "китах": непосредственно HTML, каскадные таблицы  стилей и языка сценариев. Эти  три компонента DHTML связаны между  собой объектной моделью документа  (DOM, Document Object Model), который является  по сути интерфейсом прикладного  программирования (API). DOM связывает  воедино три перечисленные компоненты, добавляя простом документа HTML новое качество - возможность динамического  изменения своего содержимого  без перегрузки страницы.

 

      Объектная  модель документа делает все  элементы страницы программируемыми  объектами. С ее помощью через  языки сценариев можно получить  доступ и управлять всем, что  есть в документе. Каждый элемент  HTML доступен как индивидуальный  объект, а это значит, что можно  изменять значение любого параметра  любого тега HTML-страницы, и, как  следствие, документ действительно  становится динамичным. Любое действие  пользователя (нажатия кнопкой мыши, перемещение мыши в окне браузера  или нажатие клавиши клавиатуры) объектной моделью документа  трактуется как событие, которое  может быть перехвачено и обработано  процедурой сценария.

 

      1.6.3. Расширяемый  язык разметки XML.

 

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

 

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

 

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

 

      Решением  всех описанных выше проблем  стал утвержденный в 1998 году  международной организацией W3C язык XML. XML (eXtensible Markup Language) - это расширяемый  язык разметки, предназначенный  для описания в текстовой форме  структурированных данных. Этот  текстовый (text-based) формат, во многом  схожий с HTML, разработан специально  для хранения и передачи данных.

 

      XML позволяет  описывать и передавать такие  структурированные данные, как:

 

  • Отдельные документы;
  • Метаданные, описывающие содержимое какого-либо узла Internet;
  • Объекты, содержащие данные и методы работы с ними (например, элементы управления ACTIVEX или объекты Java);
  • Отдельные записи (например, результаты выполнения запросов к базам данных);
  • Всевозможные веб-ссылки на информационные и человеческие ресурсы Internet (адреса электронной почты, гипертекстовые ссылки и др.)
  • Данные, описанные на языке XML, называются XML-документами. Язык XML легко читаем и достаточно прост для понимания. Если Вы были знакомы с HTML, то научиться составлять XML-документы не составит для Вас никаких трудностей.

 

      Первоначальный  текст XML-документа состоит из  набора XML-элементов, каждый из  которых содержит начальный и  конечный теги. Каждая пара тегов  представляет часть данных. То  есть, как и HTML, язык XML для описания  данных использует теги. Но, в  отличие от HTML, XML позволяет использовать  неограниченный набор пар тегов,  каждый из которых представляет  не то, как заключенные в нее  данные должны выглядеть, а  то, что они означают.

 

      Любой элемент  XML-документа может иметь атрибуты, характеристики, уточняющие его.  Атрибут - это пара имя = "значение", которая задается при определении  элемента в начальном тэге.

 

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

 

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

 

      Управлять  отображением элементов в окне  программы-клиента (например, в окне  браузера) можно с помощью специальных  инструкций - стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют  определять оформление элемента  в зависимости от его месторасположения  внутри документа, т.е. до двух  элементов с одинаковым названием  могут применяться различные  правила форматирования. Кроме того, языком, лежащей в основе XSL, является XML, а это значит, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных, рассмотрены ниже.

 

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

 

  • Каждый открывающий тэг, определяющий некоторую часть данных в документе, обязательно должен сопровождаться таким, закрывающая, то есть, в отличие от HTML, нельзя опускать закрывающие тэги;
  • Вложенность тэгов в XML строго контролируется, поэтому необходимо следить за порядком следования открывающих и закрывающих тегов.

 

  • В XML учитывается регистр символов;

 

  • Вся информация, расположенная между начальным и конечным тегами, рассматривается в XML как данные и поэтому учитываются все символы форматирования (т.е. пробелы, переводы строк, табуляции не игнорируются, как в HTML).

 

В XML существует набор зарезервированных  символов, которые должны быть заданы в XML-документе только специальным  образом. Многие специалисты рассматривают XML как новую технологию интеграции программных компонентов. Основными  преимуществами использования XML являются:

 

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

 

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

 

      Кроме того, язык XML может использоваться как  средство для описания грамматики  других языков и контроля правильности  составления документов.

 

      Инструменты  обработки данных, полученных в  формате XML, могут быть разработаны  в среде Visual Basic, Java или C.

 

      1.6.4. Язык  программирования PHP.

 

      История  PHP начинается осенью 1994 года. Когда  Расмус Лердорф (Rasmus Lerdorf) начал  работать над тем, что впоследствии  стало PHP, единственной целью,  которая была у него в мыслях, выяснить, кто читает его резюме. В то время, будучи независимым  подрядчиком, Лердорф рассылал  потенциальным работодателям свое  мини-резюме с URL ссылкой на  его полную версию. Чтобы следить  за посетителями, он создал CGI скрипт  на Perl-е, который вставлялся как  специальный тег в HTML код его  страницы, и собирал информацию  о посетителях. Чтобы произвести  впечатление на потенциальных  работодателей, он позволил любому  посетителю страницы просматривать  собираемую статистику посещений. [1]

Информация о работе Разработка сайта