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

Автор работы: Пользователь скрыл имя, 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 Кб (Скачать документ)

 

      Он назвал  этот код для сбора статистики  «PHP-Tools for Personal Home Page», поскольку сам  использовал его на своей персональной  домашней странице (personal home page). Несколько  человек поинтересовались тем,  как они могли бы получить  этот инструмент, и Лердорф принял  решение предоставить его другим  лицам. «Это чудо программного  обеспечения. Вы можете дать  это мне и оставить это себе  », - остроумно заметил Лердорф.  В то время движения Open Source не  существовало. Тогда оно назвалось  freeware. Ближе к концу 1995 года  Лердорф открыл для людей первый  список рассылки по PHP, чтобы можно  было обмениваться идеями, исправлениями  ошибок и кодом.

 

      1.6.5. Веб-сервер Apache.

 

      Самый распространенный  веб-сервер в мире - это Apache. По  данным компании Netcraft, общее число  веб-узлов, работающих под его  управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и  постоянно растет. Для сравнения:  на долю серверов Microsoft приходится 25%, Netscape - 7%. Будучи бесплатной открытой  программой, предназначенной для  бесплатных же Unix-систем (FREEBSD, Linux и  др.), Apache по функциональным возможностям  и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют построить его для работы практически с любой конкретной системой. Существуют локализации сервера для различных языков, в том числе и для русского.

 

      Исторически  сложилось так, что русские  тексты в Internet могут быть представлены  в различных кодировках, из которых  наиболее распространены koi8-r (или  просто koi8) и Windows-1251: с первой работает  большинство серверов и рабочих  станций под управлением Unix, вторая  является стандартной для всех  версий Windows. Поскольку кодировка  Windows-1251, естественно, применяется  на подавляющем большинстве клиентских  машин, доля тех, кто путешествует  по русской части WWW, используя  koi8, не превышает сейчас 5%. Однако  в этой кодировке хранятся  документы на многих Unix-серверах, в ней чаще всего передаются  почтовые сообщения и практически  всегда - письма в телеконференции,  с ней же работают многие  русскоязычных каналов IRC (кстати, аббревиатура КОИ расшифровывается  как "код обмена информацией"). Чтобы решить проблемы, возникающие  при несовпадении кодировок текста  на сервере и клиентской машине, и был создан российский модуль APACHE-RUS для веб-сервера Apache.

 

      1.6.6. Система  управления содержимым CMS Joomla.

 

      Joomla - это  Система управления содержимым (CMS), созданная той же самой командой, которая получила множество наград  и принесла сегодняшнюю известность  системе Mambo CMS. [4]

 

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

 

      Система  управления содержанием Joomla является  ответвлением широко известной  CMS Mambo. Команда независимых разработчиков  отделилась от проекта Mambo вследствие  несогласия в экономической политике. И 16 сентября 2005 в свет вышла  первая версия Joomla, являющийся по  сути переименованной Mambo 4.5.2.3 и  включающая исправления найденных  на тот момент ошибок и уязвимостей.

 

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

 

      1.7.  Выводы.

 

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

 

      Для разработки  дизайна была выбрана программа  Macromedia Dreamweaver MX 2004, поскольку данная  программа позволяет визуально  наблюдать за созданием дизайна  для сайта. На главной странице  был размещен логотип сайта,  основное меню сайта (для навигации  по его структуре), форма аутентификации (входа зарегистрированных пользователей), регистрационные ссылки (регистрация  новых клиентов).

 

      2. Проектная  часть.

 

      2.1. Общая  структура сайта.

 

      Рис. 2. Структурная  схема сайта

 

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

 

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

 

      Страница  «Каталог книг» содержит категории  товаров, которые есть в магазине.

 

      Страница  «Новинки» содержит те товары, которые недавно поступили в  продажу.

 

      Страница  «Оплата и доставка» содержит  всю необходимую покупателям  информацию об оплате товара  и его доставке.

 

      Страница  «Новости» содержит самые последние  новости магазина.

 

      Страница  «Полезная информация» содержит  интересные публикации, которые  дают определенную информацию  о товарах и шопинг.

 

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

 

      При открытии  страницы «Контакты» пользователь  попадает на страницу с контактами. Там он может узнать всю  контактную информацию о магазина.

 

      На странице  «Поиска» посетители могут найти  любую информацию, которая содержится  на сайте.

 

      Страница  «Вакансии» содержит информацию  относительно вакансий в магазине.

 

      2.2. Разработка  интерфейса веб-сайта.

 

      2.2.1. Дизайн  веб-сайта.

 

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

 

      Рис. 3. Главная  страница сайта.

 

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

 

      При нажатии  на ссылку «Каталог книг» выводится  информация о категориях, которые  существуют в магазине. Это намного  упрощает поиск книг для клиентов. (Рис. 4).

 

      Рис. 4. Каталог  книг.

 

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

 

      Рис. 5. Регистрационная  форма.

 

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

 

      Рис. 6. Авторизационная  форма

 

      2.2.2. Описание  создания страниц сайта.

 

      Разработка  сайта велась в основном в  програмном пакете компании Joomla 1.5.7. Выбор данного пакета обоснован  тем, что его освоение отнимает  мало времени, при разработке  доступен предварительный просмотр  каждой отдельно совершенной  сделки, доступно множество функций  (организация интерактивных элементов  сайта, создание гиперссылок в  несколько нажатий мыши и т.п.), пакет поддерживает большое количество  технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и др.).

 

      При создании сайта использовались стандартные шаблоны, однако для их модификации под конкретные задачи, стандартные средства Joomla применять неудобно из-за отсутствия визуального редактора. Поэтому для редактирования шаблонов был использован визуальный редактор Dreamweaver MX.

 

      Рассмотрим  создание главной странички сайта  (Рис. 7). Она является основополагающей  для всех остальных.

 

      Рис. 7. Разработка  главной страницы сайта.

 

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

 

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

 

      2.3. Разработка  сайта на основе CMS.

 

      2.3.1. Описание  установки на сервер CMS Joomla.

 

      Для доступа  к административной панели управления Joomla используем адрес нашего веб-сайта  (или полный путь к папке,  в которую установлена Joomla) с  добавлением в конце пути "/ administrator". Например, если адрес  сайта www.myweb.ru, то доступ к панели  управления возможен по адресу www.myweb.ru / administrator. После введения  адреса, откроется страница авторизации  (рис. 8)

 

 Рис. 8. Страница  входа в панель управления Joomla.

 

      Рис. 9. Главная  страница панели управления Joomla.

 

      При правильном  вводе имени пользователя и  пароля откроется главная страница  администрирования системой, то  есть будет открыта панель  управления Joomla (Рис. 9), которая предоставит  управление всеми функциями и  возможностями Joomla.

 

      2.3.2. Создание  разделов сайта.

 

      Раздел - это  главный (верхний) объект в  основе иерархии структуры содержимого.  Позже в Раздел будут добавлены  Категории.

 

      Для работы  с разделами необходимо перейти  на страницу "Разделы". Можно  нажать на главной странице  панели кнопку "Разделы" или  в основном меню выбрать "Материалы", затем пункт "Менеджер разделов" (Рис. 10).

 

      Рис. 10. Доступ  на страницу "Управление разделами" (Section Manager), либо дальше на страницу "Менеджер категорий" (Category Manager).

 

      Будет открыта  страница "Менеджер разделов". На странице "Менеджер разделов", используя кнопки на панели  инструментов, можно (перечисление  справа налево):

 

- открыть в новом окне  страницу описания по данному  окну ("Управление разделами"). Нажмите кнопку "Помощь".

 

- Создать новый раздел. Нажмите кнопку "Создать".

 

- Изменить существующий  раздел. Нажмите на название раздела  или отметьте нужный раздел  и нажмите кнопку "Изменить".

 

- Удалить существующий  раздел. Отметьте нужный раздел  и нажмите кнопку "Удалить".

 

- Копировать существующий  раздел. Отметьте нужный раздел  и нажмите кнопку "Копировать".

 

- Скрыть (сделать неопубликованным) существующий раздел. Отметьте нужный  раздел и нажмите кнопку "Скрыть".

 

- Допустить (Опубликовать) существующий раздел. Отметьте нужный  раздел и нажмите кнопку "Показать".

 

- Для создания нового  раздела нажмите кнопку "Создать". Будет открыта страница редактирования  раздела (Рис. 11).

 

      Рис. 11. Страница  редактирования раздела.

 

      На странице  редактирования раздела с помощью  кнопок на панели инструментов (перечисление справа налево):

 

- Помощь - открыть в новом  окне страницу описания по  данному окну (редактирование раздела). Нажмите кнопку "Помощь".

 

- Применить (сохранить)  изменения, но остаться на странице  редактирования раздела. Нажмите  кнопку "Применить".

 

- Сохранить изменения  и закрыть страницу редактирования  раздела и вернуться (выйти)  на страницу «Менеджер разделов»  Нажмите кнопку "Сохранить".

 

- Загрузить изображение  (сохраняется в папку images \ stories). Нажмите кнопку "Изображение".

 

      На странице  редактирования раздела нужно:

 

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

 

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

 

- В поле "Изображение"  выбрать изображение, которое  будет использоваться при отображении  раздела в меню.

 

- В поле "Порядок отображения"  после применения (сохранения) изменений  можно изменить порядок отображения  раздела в списке на странице "Менеджер разделов".

 

- В поле "Доступ" можно  выставить права доступа на  просмотр данного раздела (содержимого  данного раздела):

 

- "Все" - для всех посетителей  веб-сайта

 

- "Зарегистрированный" - для зарегистрированных пользователей  сайта

 

- "Специальный" - для  зарегистрированных пользователей  панели управления.

 

- В поле "Опубликовано" - выбрать публиковать сейчас  или нет.

 

- В поле "Описание" можно  написать краткое описание (аннотацию)  содержимого раздела.

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