35
содержимого.
панель
Одна из
используя
наиболее сильных и
профессионального
привлекательных черт
сообщает
PHP – поддержка
Выпускном
им большого
элемент
количества баз
действие
данных (БД).
Наилучшим
выдавать
качеством PHP
эти
является то,
сильных
что он
верстка
предельно прост
BrowserLab
для новичка в
удобного
программировании, но
технических
предлагает много
количества
продвинутых возможностей
die
для
программиста-профессионала.
3.5
случаев
Язык гипертекстовой
люди
разметки HTML
Цель
Для создания
гостевая
Интернет-магазина используется
придерживаться
язык гипертекстовой
перед
разметки
HTML –
эффектов
Hyper Text
необходимой
Markup Language.
PDF
Web-страница (документ HTML)
Шрифтовое
представляет
собой
устранит
текстовый файл
звание
на языке
само
HTML формата *.htm
своему
или *.html, размещенный в
информационного
World Wide
офисах
Web (WWW). WWW –
программ
Всемирная Паутина,
PERL
распределенная система
гибкий
доступа к гипертекстовым
компьютера
документам, существующая в
количеству
Интернете. Web-страница
браузерами
кроме текста
Решение
может содержать
резервного
гипертекстовые ссылки,
сведения
при помощи
расходных
которых можно
администратор
переходить к другим
консультация
Web-страницам и просматривать
Электрон
их. Web-страница
рублей
может
содержать
каких
вставки в виде
Список
графики, анимации,
предполагаемая
видеоклипов и музыки.
мире
Для просмотра
подробно
Web-страниц можно
минуты
использовать, например,
элемент
MicroSoft Internet
первая
Explorer, Opera,
переведенному
Mozilla Firefox.
текстом
Язык HTML
выделить
позволяет:
- создавать и
продукта
редактировать Web-страницы, в
информационных
том числе
круглосуточно
свою домашнюю
foreach
Web-
страницу, которую
Основные
можно затем
шрифты
разместить в Интернете;
-
Вигерс
редактировать документы
бесплатным
HTML, полученные
представлены
из Интернета,
вещь
так чтобы
Чистый
функционировали все
рекламным
внедренные в документ
серый
объекты (картинки, анимации и т.д.);
-
пространство
создавать мультимедийные
категория
презентации, слайд-шоу,
целом
демонстрационные
проекты,
пишете
благодаря гипертекстовым
ускоряющих
ссылкам и возможности
наполнения
вставлять в документ
Сразу
HTML рисунки,
используемые
диаграммы, анимации,
ма сштабирование
видеоклипы, музыкальное и
index
речевое
сопровождение,
основании
текстовые спецэффекты (например,
документов
бегущая строка).
значение
Существуют разные
полностью
способы создания
Ярослав
html докуметов.
отвлекала
Использование
текстового
продаже
редактора Блокнот (NotePad),
template
встроенного в Windows, и
экономическая
просмотр
результатов с
количества
помощью браузера.
выходить
Этот самый
конфигурационные
простой способ
многофункциональным
рекомендуется
начинающим.
CGI
Технология этого
прав
способа создания
ВЫПУСКНАЯ
Web-страницы такова:
36
1. В
сообщает
редакторе Блокнот
используемые
создается файл
включаемые
Web-страницы, который
решением
сохраняется с расширением *.htm.
Возможность
Затем этот
Целевой
файл загружается и
заработную
просматривается
программой
привлечение
Internet Explorer.
Adobe
Для вызова
статистика
редактора Блокнот с
нетрудно
целью редактирования
Между
файла Web-страницы
выявит
во время
определения
ее просмотра в
обладают
Internet Explorer,
спецэффекты
используется пункт
основным
меню Вид,
Пользователь
Источник или в
проекты
виде HTML.
пункт
После сохранения
Чистый
файла и выхода
ориентирован
из
Блокнота
ис
для просмотра
приводит
отредактированной страницы
обрабатывал
надо нажать
Поль
клавишу F5 или
страницей
кнопку «Обновить» в панели
способностью
инструментов Internet
позволит
Explorer.
2. Использование
Пер
специальных редакторов
специалиста
документов HTML,
выполнения
например
Hot
рисунке
Metal Light,
VBScript
Hot Dog
тестирования
Professional, MS
способа
Front Page,
разместить
HTMLPad и др.
3.
приобретение
Использование редактора
визуальное
Word, где
составляют
создается текст
мог
документа, который
Введение
затем конвертируется в
Выпускном
HTML-формат.
4. Использование
не
специальных программ,
сконфигурированы
так называемых
задание
wysiwyg
редакторов,
любому
позволяющих создавать
Экзамен
web-сайты через
продукции
визуальное проектирования и
http
генерирующих автоматически
проведя
код html.
5.
FileName
Использование cms
равен
систем.
3.6 Структура
Замена
HTML документа
рекламой
Поскольку HTML-документы
разработчик
записываются в ASCII-формате,
входить
то для
как
ее
создания
коммерции
может использован
Другим
любой текстовый
финансы
редактор. Обычно
рисунках
HTML-документ -
это
пос
файл с расширением .html
Объектом
или .htm, в котором
cайта
текст размечен
allfussion
HTML-тегами
(англ. tag -
использующих
специальные встроенные
echo
указания). Средствами
кВт
HTML задаются
Times
синтаксис и размещение
сети
тегов, в соответствии с
удовлетворяющая
которыми браузер
подпрограмм
отображает
содержимое
полноценной
Web-документа. Текст
JPEG
самих тегов
Соответственно
Веб-браузером не
короткое
отображается.
Все
помещения
теги начинаются
Программа
символом «<» и заканчиваются
запросов
символом «>». Обычно
обладают
имеется пара
достигается
тегов - стартовый (открывающий) и
визуальном
завершающий (закрывающий) тег
(похоже
форматированного
на открывающиеся и
категория
закрывающиеся скобки в
устройства
математике), между
дело
которыми
помещается
разработчикам
размечаемая информация: <p>Информация</p>
фигуру
Здесь стартовым
участков
тегом является
Отладка
тег <P>, а завершающим - </P>.
открывает
Завершающий
тег
Тобн
отличатся от
которому
стартового лишь
безопасность
тем, что у
настоящее
него перед
жизни
текстом в скобках <>
дисковое
стоит
символ «/» (слэш).
запускаться
Браузер, читающий
отладка
HTML-документ, отображает
число
его в окне,
копирование
используя
структуру
развивается
HTML-тегов. В каждом
логотипы
HTML-документе должны
Книга
присутствовать три
скоростью
37
главных части:
1)
большой
Объявление HTML;
2)
окне
Заголовочная часть;
3)
относятся
Тело документа.
Среди
Рассмотрим их
трансформации
более подробно.
1. <HTML> и </HTML>.
динамическими
Пара этих
точке
тегов сообщает
заходить
программе просмотра
(браузеру)
предельно
что между
вышесказанного
ними заключен
HTML
документ в формате
сформированы
HTML, причем
поддержку
первым
тегом в
Фун
документе должен
сотрудников
быть тег <HTML> (в
группировка
самом начале
комментарий
документа), а
последним - </HTML> (в
on
самом конце
таблицы
документа).
<HTML>
</HTML>
2. Заголовочная
новостях
часть.
<HEAD> и </HEAD>. Между
вставлять
этими тегами
Решение
располагается информация о
необходимо
документе (название, ключевые
работать
слова для
Times
поиска, описание и т.д.).
фото
Однако наиболее
фигуры
важным является
Финансирование
название документа,
программному
которое мы
папку
видим в верхней
свободное
строке окна
коммерции
браузера и в списках "Избранное (BookMark)".
Vector
Специальные программы-спайдеры
материалам
поисковых систем
контролирует
используют название
XML
документа для
Пример
построения своих
Сервер
баз данных.
JavaScript
Для того
анимации
чтобы дать
gostkniga
название своему
до
HTML-документу текст
Выпускным
помещается между
Глава
тегами <TITLE> и </TITLE>.
<HTML>
<HEAD>
<TITLE>Моя первая
Павлович
страница</TITLE>
</HEAD>
</HTML>
3) Тело
ведь
документа.
Третьей
регистратор
главной частью
разные
документа является
крупных
его тело.
шаблона
Оно следует
источника
сразу за
на
заголовком и находится
SQL
между тегами <BODY> и </BODY>.
четкости
Первый из них должен
стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-
документа - это место, куда автор помещает информацию, отформатированную
средствами HTML.
<HTML>
<HEAD>
38
<TITLE> Моя первая страница</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
3.7 Описание результатов разработки
Разработка Интернет-магазина «Интернет-магазина «Stount»» разбит на этапы,
которые представлены на рисунке 3.1. На каждом этапе решались определенные
задачи. Результатом явился готовый к дальнейшему использованию Web-сайт.
Рисунок 3.1 – Этапы разработки Интернет-магазина «Stount»
Определение
целей разработки
сайта
Определение
целевой
аудитории сайта
Подготовка
информационного
наполнения сайта
Структура
сайта
Решение вопросов
дизайна и
навигации
Создание макета
сайта
Конструирование
сайта
Отладка и
тестирование
Разработка БД
39
3.8 Определение целей разработки Интернет-магазина
Главным назначением создания системы «Интернет-магазина «Stount»»
является размещение исчерпывающей информации о компании ООО «Stount» в сети
Интернет.
Новая система должна обеспечить реализацию следующих целей:
- интернет-реклама компании на рынке IT;
- повышение престижа компании;
- привлечение новых клиентов;
- предоставление возможности клиентам онлайн заказов через Интернет;
- онлайн связь с клиентами.
3.9 Определение целевой аудитории Интернет-магазина
Целевой аудиторией выступают любые посетители Интернет-магазина, в том
числе и потенциальные клиенты, планирующие воспользоваться услугами магазина
ООО «Stount» и желающие заранее ознакомиться с имеющимися услугами компании,
либо воспользоваться онлайн заказом.
3.10 Подготовка информационного наполнения Интернет-магазина
В результате анализа деятельности компании ООО «Stount» и сбора
необходимой информации, а также изучения структуры других Web-сайтов подобной
тематики были сформированы будущие разделы Интернет-магазина :
- о компании;
- товары;
- услуги;
- гостевая книга;
- контакты;
- обратная связь (Email);
- карта Интернет-магазина.
Подразделы:
- оборудование;
40
- расходные материалы;
- программное обеспечение;
- лидеры продаж;
- регистрация клиентов;
- заказы.
Панель администрирования:
- авторизация;
- панель администрирования;
- страница (ошибка входа в систему);
- страница добавление информации в таблицу «клиенты»;
- страница изменения и удаления информации в таблице «клиенты»;
- страница добавление информации в таблицу «товары»;
- страница изменения и удаления информации в таблице «товары»;
- страница добавление информации в таблицу «заказы»;
- страница изменения и удаления информации в таблице «заказы»;
- страница добавление информации в таблицу «госткнига»;
- страница изменения и удаления информации в таблице «госткнига».
Раздел «О компании» содержит краткую информацию о компании «Stount»:
деятельность, предоставляемые услуги и т.д.
Раздел «Товары» предоставляет информацию о имеющимся в продаже товаре
компании.
Раздел «Услуги» предоставляет информацию о услугах компании.
Раздел «Гостевая книга» позволяет посетителю Интернет-магазина задать
вопрос или оставить комментарий в режиме онлайн.
Раздел «Обратная связь» позволяет посетителю Интернет-магазина отправить
электронное письмо на email компании.
Раздел «Карта Интернет-магазина » отображает структуру всех страниц
Интернет-магазина.
Раздел «Контакты» отображает контактную информацию компании.
Подразделы оборудование, расходные материалы, программное обеспечение,
лидеры продаж содержат подробную информацию о товарах в зависимости от
выбранного типа товара.
41
Подраздел «Регистрация клиента», «Заказы» позволяет клиентам Интернет-
магазина зарегистрироваться и заказать необходимый товар.
3.11 Разработка БД
В качестве дополнительного источника информации для «Интернет-магазина
«Stount» были созданы следующие БД: worldpc_gostkniga, worldpc_news,
worldpc_tovary, worldpc_users. Для разработки использовалось программное
обеспечение MySQL 5.0.51b и phpMyAdmin-2.10.3.
БД worldpc_gostkniga включает одну таблицу gostkniga и предназначена для
хранения и редактирования оставленных пользователем комментариев или вопросов
на странице «Гостевая книга». Таблица Gostkniga состоит из следующих полей: id –
ключевое поле, name – имя автора сообщения, email - эл. адрес автора сообщения
(необязательное поле), message – сообщение; datetime – дата и время оставленного
сообщения.
На рисунках 3.2 и 3.3 представлены логическая и физическя схема данных БД
worldpc_gostkniga в Erwin allfussion Erwin data modeler 7.2.8.
Рисунок 3.2 – Логическая схема БД worldpc_gostkniga
42
Рисунок 3.3 – Физическая схема БД worldpc_gostkniga
БД worldpc_news включает таблицу news и предназначена для хранения и
редактирования новостной ленты. Таблица news состоит из следующих полей: id –
кючевое поле, zagolovok – заголовок новости, news – новость, datetime – время и дата
добавления или изменения новости.
На рисунках 3.4 и 3.5 представлены логическая и физическя схема данных БД
worldpc_news в Erwin allfussion Erwin data modeler 7.2.8.
Рисунок 3.4 – Логическая схема БД worldpc_news
43
Рисунок 3.5 – Физическая схема БД worldpc_news
БД worldpc_tovary включает таблицы: category, klienty, proizvoditel, tovary и
zakazy и предназначена для хранения и редактирование информации о товарах,
клиентах и заказах компании. Таблица category состоит из следующих полей: id –
кючевое поле, category – категория товара. Таблица klienty состоит из следующих
полей: id – ключевое поле, FIO – ФИО клиента, email – электронный адрес клиента,
telefon – контактный телефон клиента. Таблица proizvoditel состоит из следующих
полей: id – ключевое поле, nazvanie – название производителя товара. Таблица tovary
состоит из следующих полей: id – ключевое поле, category – категория товара,
proizvoditel – производитель товара, nazvanie – название товара, opisanie – описание
товара, cena – стоимость товара, foto – ссылка на фото товара. Таблица zakazy состоит
из следующих полей: id – ключевое поле, FIO – ФИО заказчика, nazvanie – название
заказанного товара, kolvo – количество заказанного товара.
На рисунках 3.6 и 3.7 представлены логическая и физическя схема данных БД
worldpc_tovary в Erwin allfussion Erwin data modeler 7.2.8.
44
Рисунок 3.6 – Логическая схема БД worldpc_tovary
Рисунок 3.7 – Физическая схема БД worldpc_tovary
БД worldpc_users включает таблицу users предназначена для хранения и
редактирования информации о учетных записях панели администрирования
Интернет-магазина компании. Таблица users состоит из следующих полей: id –
ключевое поле, login – имя пользователя, password – пароль.
На рисунках 5.8 и 5.9 представлены логическая и физическая схема данных БД
worldpc_users в Erwin allfussion Erwin data modeler 7.2.8.