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

Содержание

 

Введение

 

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. Выводы

 

Заключение

 

Литература

 

Введение

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

      1. Теоретическая  часть.

 

      1.1. Обоснование  необходимости в веб-сайте.

 

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

 

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

 

1. Утверждение первичного  технического задания на разработку  сайта.

 

2. Определение структурной  схемы сайта - расположение разделов, контента и навигации.

 

3. Веб-дизайн - создание графических  элементов макета сайта, стилей  и элементов навигации.

 

4. Разработку программного  кода, модулей, базы данных и  других элементов сайта необходимых  в проекте.

 

5. Тестирование и размещение  сайта в сети Интернет.

 

      1.2. Понятие  сайта.

 

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

 

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

 

      Веб-сайт  состоит из связанных между  собой веб-страниц. Веб-страница  представляет собой текстовый  файл с расширением *. htm, содержащий  текстовую информацию и специальные  команды - HTML-коды, определяющие в  каком виде эта информация  будет отображаться в окне  браузера. Вся графическая, аудио-и  видео-информация непосредственно  в веб-страниц не входит и  являются отдельными файлами  с расширениями *. gif, *. jpg (графика), *. mid, *. mp3 (звук), *. avi (видео). В HTML-коде  страницы содержатся только указания  на такие файлы.

 

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

 

      1.2.1 Классификация  сайтов

 

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

 

Информационные сайты. К  ним относятся сайты учебных  заведений, сообществ по интересам, фирм и т.д.

 

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

 

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

 

Социальные сайты. Это  веб-сайты на которых каждый человек  имеет возможность общаться со старыми  друзьями и находить новых.

 

      1.3 Проектирование  сайта.

 

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

 

• Утверждение первичного технического задания разработки сайта.

 

• Определение структурной  схемы сайта - расположение разделов, контента и навигации.

 

• Веб-дизайн - создание графических  элементов макета сайта, стилей и  элементов навигации.

 

• Разработка программного кода, модулей, базы данных и других элементов сайта необходимых  в проекте.

 

• Тестирование и размещение сайта в сети Интернет.

 

      1.4 Этапы  разработки сайта.

 

      1.4.1. Постановка  задачи при проектировании сайта.

 

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

 

• гибкостью, удобной для  администраторов системой управления структурой;

 

• должен поддерживать использование  графических вставок, анимации, которые  должны усиливать эмоционально-ценностный компонент содержания, формировать  мотивацию;

 

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

 

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

 

      1.4.2. Выбор  программных средств разработки  веб-сайта.

 

      Учитывая  поставленные выше задачи, автор  решил, что наиболее оптимальным  средством для разработки такого  рода электронной коммерции - HTML + система управления содержимым Joomla, написанная на языке PHP использующая  в качестве хранилища содержимого  базу данных MySQL. Одной из главных  особенностей Joomla является относительная  простота управления при практически  безграничных возможностях и  гибкости при изготовлении сайтов. [2]

 

Название «Joomla» фонетически  идентично слову «Jumla», которое  в переводе с суахили означает «все вместе» или «в целом», что  отражает подход разработчиков и  сообщества к развитию системы.

 

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

 

      1.4.3. Разработка  интерфейса.

 

      Титульная  страница (главная) любого сайта  должна максимально информативно  и в сжатом объеме отображать  необходимую пользователю информацию  о сайте. На главной странице  необходимо поместить логотип  сайта, основное меню сайта  (для навигации по его структуре), форму аутентификации (входа зарегистрированных  пользователей), регистрационное ссылки (регистрация новых клиентов).

 

      1.4.4. Разработка  базы данных.

 

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

 

      Рис. 1. Схема  базы данных сайта.

 

      1.4.5. Разработка  административной части сайта.

 

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

 

      Административная  часть сайта представлена в  виде системы управления содержимым. Система управления содержимым (англ. Content management system, CMS) - компьютерная программа,  используемая для управления  содержимым чего-либо (обычно содержимое  рассматривается как неструктурированные  данные, в противоположность структурированным  данным, СУБД, обычно находятся под  управлением). Обычно такие системы  используются для хранения и  публикации большого количества  документов, изображений, музыки  или видео.

 

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

 

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