Преподаватель который помогает студентам и школьникам в учёбе.

Разработка сайта кондитерского комбината «__________»

Содержание:

Введение

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

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

В связи с актуальностью проблематики, связанной с разработкой и созданием web-сайтов, и была выбрана тема дипломной работы. Целью данной работы стало изучение web-дизайна и web-технологий как мультидисциплинарной области деятельности и применение полученных знаний на практике, при разработке web-сайта для производственного предприятия ЗАО «Кондитерская фабрика «Домино».

Курсовая работа состоит из трех глав.

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

Во второй главе дипломной работы рассмотрено большинство современных технологий создания web - сайтов. Описываются технологии со стороны клиента, такие как: язык гипертекстовой разметки HTML, каскадные таблицы стилей CSS, динамический язык разметки гипертекста DHTML, JavaScript, ActiveX, язык программирования сценариев просмотра HTML/DHTML страниц VB Script. Языки программирования со стороны сервера такие как: скриптовый язык программирования PHP, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных (MySQL), язык для практического извлечения данных и составления отчетов Perl, высокоуровневый язык программирования общего назначения с акцентом на производительность разработчика и читаемость кода - Python, язык программирования Ruby. Также рассматривается история создания перечисленных языков, сравниваются их достоинства и недостатки.

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

Глава 1. Современные тенденции разработки web-сайта

1.1 Интернет в современном обществе

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

В 2010 году было проведено исследование "Основные тенденции и изменения предпочтений по использованию средств информации в России". Основные задачи исследования - определить тенденции в использовании Интернет, а также выявить новые требования потребителей средств информации. Почти все опрошенные на первое место поставили использование Сети для поиска информации и чтения новостей. Значительное большинство пользователей, независимо от возрастной группы, обмениваются почтовыми сообщениями и общаются в чатах: многие используют эти возможности в работе. Результаты исследования показали, что чем больше времени проводит пользователь в Интернет, тем меньше он использует традиционные источники получения информации. Например, для пользователей, которые тратят еженедельно более 20 часов на Интернет, он является основным источником получения информационных ресурсов. А те, кто заходит в Сеть на час, предпочитают телевидение, радио и газеты.

1.2 Сайт как средство развития бизнеса

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

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

Но все изменяется - появились надежные системы управления сайтами CMS, позволяющие легко управлять информационным содержимым ресурсов. В настоящее время телефонные и провайдер-компании начали обновлять свои линии и прокладывать новые (оптоволоконные), устанавливать новые цифровые АТС, что в свою очередь положительно влияет на предоставление Интернет-услуг. Их также подстегивает конкуренция со стороны мобильных операторов и фирм, которые предоставляют доступ к сети через мобильные телефоны и USB-модемы, стоимость и надежность таких каналов становиться все качественнее. Будущее в массовом доступе к ресурсам Интернет будет за беспроводным подключением. Смею предположить, что в скором будущем интернет станет настолько массовым, что без привлечения его возможностей невозможно будет реализовать решение каких-либо бизнес-проектов.

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

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

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

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

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

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

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

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

1.3 Виды структурной организации web-сайтов

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

Существуют четыре основные логические организационные формы, используемые Web-сайтами: линейная, решетка, иерархия и паутина. Вариации на тему некоторых из схем также являются обычными, как и их сочетания, лежащие в основе более крупных сайтов. Выбор правильной логической организации сайта является важным шагом на пути создания удобного для использования сайта. К примеру, для сайта, ориентированного на online-продажи, более практичной будет линейная форма, при которой слайд 2 следует за слайдом 1. В некотором смысле пользователь почти вынужден просматривать содержимое сайта в том порядке, в каком этого хочет дизайнер. Если представление материала было организовано в другой манере, такой как дерево, то это может подстрекать пользователей осуществлять доступ к слайдам не по порядку и возможно уменьшит влияние, подталкивающее посетителей сайта к осуществлению покупки. В то же время последовательный доступ мало подходит для представления другой информации, такой, к примеру, как вопросы технической поддержки, поэтому принуждая пользователя пробираться через страницы с бесполезной информацией, можно вызвать его крайнее раздражение. Цель выбора наиболее подходящей для содержимого организационной формы состоит в том, чтобы сделать сложное содержимое более понятным.

1.4 Юзабилити web-сайта

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

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

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

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

Особенности поведения пользователей. В принципе, поведение пользователей на веб-сайте не особо отличаются от их поведения в, скажем, магазине. Пользователи мельком окидывают взглядом каждую новую страницу, просматривают отрывки текста и кликают на первую зацепившую их внимание ссылку, или хотя бы отдаленно похожую на ту, которую они искали. На самом деле, на большую часть страницы они даже не смотрят. Многие пользователи ищут что-нибудь интересное (или полезное) и "кликабельное"; как только на глаза попадается подходящий "кандидат", пользователь быстро кликает и переходит по ссылке. Если результат не оправдал его ожиданий, пользователь кликает "назад" и продолжает поиск.

Пользователи высоко ценят качество и правдивость информации. Если страница содержит высококачественный материал, пользователи готовы идти на компромисс с наличием рекламы на странице и её дизайном. Это одна из причин, почему сайты с не совсем хорошим дизайном, но с качественным содержанием получают большой трафик. Содержание намного важнее, чем обрамляющий его дизайн. Анализируя веб-страницу, пользователи ищут фиксированные точки, "якоря", которые будут направлять их по содержимому на странице. Очень простой принцип: если веб-сайт не может оправдать ожиданий пользователей, то дизайн не выполняет свою функцию, а компания теряет деньги. Чем навигация менее интуитивна, тем сильнее желание пользователя покинуть веб-сайт и найти альтернативу.

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

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

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

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

Глава 2. Технологии, применяемые при разработке web-сайтов

2.1 Модель "Клиент-сервер"

Модель «клиент-сервер» - это технология взаимодействия в информационной сети. Сервером сети Интернет называется компьютер, на котором установлена специальная программа (она тоже называется сервером, web-сервером или http-cepвером), которая отображает web-страницы по запросу клиентской машины, а так же выполняет множество других полезных функций. Владелец и администратор сервера могут гибко менять необходимые настройки, разрешать или запрещать доступ к его ресурсам, подключать, настраивать и запускать ряд дополнительных программ и функций, таких как скрипты CGI или приложения SSI, то есть полностью конфигурировать его работу по мере необходимости. Когда домашний компьютер связывается с сервером и получает от него все необходимые данные, например код web-страницы, он выступает в роли "клиента", а всю систему в этом случае принято называть связкой "клиент-сервер".

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

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

Программное обеспечение клиентов может включать:

 Браузер или универсальный клиент. Это программа, которая обеспечивает загрузку и отображение Web-страниц. Кроме того, современные версии этого ПО позволяют выполнять небольшие клиентские приложения (скрипты и апплеты), расширяющие возможности обычных Web-страниц, а также осуществлять путешествия в виртуальных мирах.

 Почтовые приложения, работающие с электронной почтой.

 Другие мультимедийные средства, как, например, воспроизведение звуковых и видеороликов.

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

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

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

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

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

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

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

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

 Функции ввода и отображения данных.

 Прикладные функции, характерные для данной предметной области (для банковской системы - открытие счета, перевод денег и т.д.).

 Функции хранения и управления информационно-вычислительными ресурсами (базами данных, файловыми системами и т.д.).

 Служебные функции, осуществляющие связь между функциями первых трех групп.

В соответствии с этим в любом приложении выделяются следующие логические компоненты: компонент представления (presentation), реализующий функции первой группы; прикладной компонент (business application), поддерживающий функции второй группы; компонент доступа к информационным ресурсам (resource manager), поддерживающий функции третьей группы, а также вводятся и уточняются соглашения о способах их взаимодействия (протокол взаимодействия).

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

На основе выше сказанного можно сделать вывод, что данная технология имеет как достоинства, так и недостатки.

К недостаткам можно отнести:

 дорогое техническое обеспечение;

 дорогие серверные операционные системы и клиентские лицензии; кроме того, часто требуется администратор сети

К достоинствам системы клиент/сервер следует отнести:

 сильную централизованную защиту;

 центральное хранилище файлов;

 возможность совместного использования серверами доступного технического и программного обеспечения;

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

2.2 Технологии, работающие на стороне клиента

.2.1 HTML(от англ. Hypertext Markup Language - "язык разметки гипертекста") - это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека. HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых "тегами"), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Язык HTML позволяет размечать текст. В том числе вы можете: сделать текст жирным, курсивным или подчёркнутым; вставить специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т.п.); поменять цвет шрифта; выровнять текст по центру, левому/правому краю, по ширине; оформить текст как гиперссылку на другую страницу или файл; нарисовать таблицу.

Позже, когда появилась необходимость интерактивности веб-страниц, в HTML появились формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl). Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы и др.), так и внешними приложениями, "встраиваевыми" в окно браузера (Flash-анимация, Java-апплеты и прочее).

.2.2 CSS

Впервые идея форматирования HTML-документов с помощью CSS была рекомендована Консорциумом W3C в 1996 году. Эта рекомендация, которая была обновлена в 1998 году, используется web - разработчиками и по сей день. CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом.

CSS при отображении страницы может быть взят из различных источников:

 Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
Встроенных стилей - блоков CSS внутри самого HTML-документа.
Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

 Пользовательские стили

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

 Стиль браузера

Стандартный стиль, используемый браузером по умолчанию для представления элементов.

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется "каскадом", в котором для правил рассчитываются приоритеты или "веса", что делает результаты предсказуемыми.

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

До появления CSS оформление веб-страниц осуществлялось непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.

Преимущества CSS вёрстки:

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

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

 Простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл.

 Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например, для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.

2.3 Технологии, работающие на стороне сервера

2.3.1 PHP

PHP - это широко используемый язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения web-разработок и может внедряться в HTML-код.лучше всего охарактеризовать как работающий на стороне сервера встроенный язык сценариев Web, позволяющий разработчикам быстро и эффективно строить динамические web-приложения. С позиций грамматики и синтаксиса PHP напоминает язык программирования С, хотя разработчики не постеснялись включить в него средства из других языков, в том числе из Perl, Java и C++. Среди ценных заимствованных возможностей - поддержка регулярных выражений, мощные средства работы с массивами, объектно-ориентированная методология и обширная поддержка работы с базами данных.

При написании приложений, выходящих за рамки традиционной, статической методологии разработки web-страниц (то есть HTML), PHP также может послужить ценным инструментом для создания и управления динамическим содержанием, который используется наряду с JavaScript и другими языками. Благодаря наличию сотен стандартных функций PHP в состоянии решить практически любую задачу, которая может придти в голову разработчику. В нем имеется обширная поддержка создания графики и операций с ней, математических вычислений, средств электронной коммерции и таких популярных технологий, как XML (Extensible Markup Language), ODBC (Open Database Connectivity) и Macromedia Shockwave. Широкий выбор возможностей избавляет от необходимости рутинной и непростой работы по подключению сторонних модулей, поэтому многие разработчики со всего мира останавливают свой выбор на PHP.

Одним из главных достоинств PHP является тот факт, что он внедряется прямо в HTML-код, поэтому программисту не приходится писать программу с множеством команд для простого вывода HTML. Код HTML и PHP можно чередовать по мере необходимости.

Главным фактором при проектировании языка PHP является практичность. PHP должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер PHP обусловлен пятью важными характеристиками:

 традиционностью;

 простотой;

 эффективностью;

 безопасностью;

 гибкостью.

Существует еще одна "характеристика", которая делает PHP особенно привлекательным: он распространяется бесплатно!

Традиционность. Язык PHP кажется знакомым программистам, работающим в разных областях. Многие конструкции языка позаимствованы из Perl, а нередко код PHP практически неотличим от того, что встречается в типичных программах С или Pascal. Это заметно снижает начальные усилия при изучении PHP.

Простота. Сценарий PHP может состоять из 10 000 строк или из одной строки - все зависит от специфики задачи. Пользователю не придется подгружать библиотеки, указывать специальные параметры компиляции или что-нибудь в этом роде. Механизм PHP просто начинает выполнять код после первой экранирующей последовательности (<?) и продолжает выполнение до того момента, когда он встретит парную экранирующую последовательность (?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.Эффективность.

Эффективность является исключительно важным фактором при программировании для многопользовательских сред, к числу которых относится и WWW. В PHP был реализован механизм выделения ресурсов и обеспечена улучшенная поддержка объектно-ориентированного программирования, а также средства управления сеансом. В последней версии появился и механизм подсчета ссылок (reference counting), предотвращающий выделение лишней памяти.

Безопасность. PHP предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

Средства безопасности системного уровня. В PHP реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке PHP это обеспечивает максимальную свободу действий и безопасность. PHP может работать в так называемом безопасном режиме (safe mode), который ограничивает возможности применения PHP пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии PHP, а также использовать сценарии PHP для просмотра конфиденциальной информации на сервере (например, файла passwd).

Средства безопасности уровня приложения. В стандартный набор функций PHP входит ряд надежных механизмов шифрования. PHP также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции (e-commerce). Другое преимущество заключается в том, что исходный текст сценариев PHP нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация PHP на стороне сервера предотвращает похищение нетривиальных сценариев пользователями. Гибкость. Поскольку PHP является встраиваемым (embedded) языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя PHP обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, XML и другие языки. Кроме того, хорошо структурированные приложения PHP легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования).

2.4 Системы управления контентом (CMS)

Заказчик сайта должен решить, какую выбрать систему управления сайтом (CMS - Content Management System). Это очень важный вопрос, от правильного его решения существенно зависит успешность будущего сайта, стоимость его изготовления и последующей эксплуатации. Правильный функционал CMS обеспечивает легкое и быстрое развитие сайта - удобное наращивание и обновление материалов, быстрое изменение структуры сайта. Хорошая CMS делает возможным быстрое добавление заранее не включенных в проект функций (например, фото галерей, видео материалов, форумов и т.д.).

На основе данных, полученных при анализе примерно 1500 интернет-магазинов и интерент-витрин, входящих в Яндекс.Маркет в I квартале 2011 года был составлен рейтинг CMS для интернет-магазинов и интеренет-витрин.

Рисунок 2.1 - Рейтинг CMS для интернет-магазинов и интерент-витрин

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

Лидирует CMS Shop-script, за ней идет 1С-Bitrix, Joomla и PHPShop. Это самые распространенные движки для магазинов и витрин. На них и надо ориентироваться при выборе CMS. Остальные представлены слабо, это - OsCommerce, VaM Shop, Drupal, HostCMS, InSales. В число прочих на диаграмме попали WordPress, Amiro.CMS, S.Builder, uCoz, NetCat, MODx, UMI.CMS, DataLife Engine, ABO.CMS

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

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

Глава 3. Разработка web-сайта для ЗАО «Кондитерская фабрика «Домино»

3.1 Общая информация о ЗАО «Кондитерская фабрика «Домино»

ОАО «Кондитерская фабрика «Саратовская» существует на рынке более 20 лет и является стабильной и ответственной компанией. ОАО «Кондитерская фабрика «Саратовская» является одним из самых динамичных производителей кондитерской продукции. Ассортимент выпускаемой продукции огромен и разнообразен - пралиновые, помадные, ассорти, укрупненные фруктовые конфеты; батончики; молочная, леденцовая, фруктовая, переслоенная карамель; вафли фигурные, джемовые, с натуральными орехами и фруктами, кремовые; вафельные рулетики; сдобное, затяжное, отсадное печенье; крекер и крекер-сэндвич; зефир в шоколаде и с начинками; ирис; лукум. Ярчайшими хитами компании по праву являются такие марки конфет, как «Шоколад-Бар», «Confashion Bar», «Конфэшн Ассорти», вафли «Влана», «Гламур». Для обеспечения хранения товара имеются склады достаточной площади, постоянно поддерживается температурный режим (+18°С).

В начале 2003 года был разработан и выведен на рынок бренд «Конфэшн» (от английского «Confectionary Fashion» - «Кондитерская мода»). Несмотря на высокий уровень насыщенности рынка, грамотный подход ко всем этапам появления новых продуктов позволил потеснить лидеров рынка в большинстве ключевых групп товаров. Немаловажную роль в этом сыграло и то, что управленческая команда создала структуру, позволяющую осуществлять запуск новых продуктов - от разработки идеи до начала отгрузок в фантастически короткие сроки.

Обновленная продукция саратовского производства хорошо известна и любима потребителями во многих регионах России и в ближнем зарубежье. Такой широкий ассортимент предлагают сегодня только крупнейшие российские кондитерские холдинги: производится несколько сотен видов продукции - от недорогой до элитной, и весовой, и фасованной.

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

Ярким событием в жизни предприятия стал запуск в 2008 году премиального бренда «Эйфория» - самого шикарного продукта на российском кондитерском рынке. Из вышесказанного можно сделать вывод, что ОАО «Кондитерская фабрика «Домино» является надежным партнером для своих клиентов. Компания имеет стабильную прибыль и активно развивается.

3.2 Структура информации и навигации по сайту

ОАО «Кондитерская фабрика «Домино» является известным и надежным предприятием, в связи с этим появилась насущная необходимость в собственном web-сайте. Руководство ОАО «Кондитерская фабрика «Домино» выступило заказчиком данного сайта и выдвинуло ряд требований, которым должен удовлетворят данный проект:

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

Автор постарался максимально удовлетворить всем требования заказчика.

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

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

В корневой папке сайта находятся несколько подкаталогов:

 Images - для хранения файлов с изображениями ;

 PHP - содержит коды скриптов, используемые на сайте;

 CSS - содержит служебные файлы .css, отвечающие за дизайн сайта;

сайта.

Файл index.php находится в корневой папке сайта, так как является самым главным файлом сайта. Именно его содержимое выводится в браузере при наборе адреса сайта. Также в корневой папке содержатся другие файлы необходимые для отображения основных страниц сайта.

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

Сайт состоит из веб-страниц, которые сгруппированы в ряд разделов, объединенных гиперссылками:

Главная
О компании
Новости
Наша продукция
Торты на заказ
Магазины
Отзывы
Контакты

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

3.3 Разработка интерфейса и дизайна сайта

Разрабатываемый сайт был реализован с учетом основных требований, предъявленных заказчиком.

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

Особое значение имеет главная страница, так как именно её клиент видит первой и именно от неё чаще всего зависит, останется клиент на сайте или же никогда там больше не появится.

Тщательнее всего стоит продумывать дизайн главной страницы, а также её информационное наполнение. Поэтому на главной странице web-сайта размещена основная информация о программе.

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

Наличие логотипа являлось одним из требований заказчика. Логотип присутствует в левом верхнем углу сайта.

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

Главная страница представлена ниже:

Рисунок 3.1 - Главная страница

Пример кода:

<?php

/**

* @package Joomla.Site

* @subpackage Templates.beez3

* @license GNU General Public License version 2 or later; see LICENSE.txt

defined('_JEXEC') or die;

/** @var JDocumentHtml $this */

$color = $this->params->get('templatecolor');

// Output as HTML5

$this->setHtml5(true);

// Add html5 shiv

JHtml::_('script', 'jui/html5.js', array('version' => 'auto', 'relative' => true, 'conditional' => 'lt IE 9'));

// Add stylesheets

JHtml::_('stylesheet', 'templates/system/css/system.css', array('version' => 'auto'));

JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => true));

JHtml::_('stylesheet', 'position.css', array('version' => 'auto', 'relative' => true));

JHtml::_('stylesheet', 'layout.css', array('version' => 'auto', 'relative' => true));

JHtml::_('stylesheet', 'print.css', array('version' => 'auto', 'relative' => true), array('media' => 'print'));

JHtml::_('stylesheet', 'general.css', array('version' => 'auto', 'relative' => true));

JHtml::_('stylesheet', htmlspecialchars($color, ENT_COMPAT, 'UTF-8') . '.css', array('version' => 'auto', 'relative' => true));

if ($this->direction === 'rtl')

{

JHtml::_('stylesheet', 'template_rtl.css', array('version' => 'auto', 'relative' => true));

JHtml::_('stylesheet', htmlspecialchars($color, ENT_COMPAT, 'UTF-8') . '_rtl.css', array('version' => 'auto', 'relative' => true));

}

JHtml::_('stylesheet', 'ieonly.css', array('version' => 'auto', 'relative' => true, 'conditional' => 'lte IE 6'));

// Check for a custom CSS file

JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

<!DOCTYPE html>

<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

<jdoc:include type="head" />

</head>

<jdoc:include type="message" />

<jdoc:include type="component" />

</div>

</body>

</html>

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

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

Информация, представленная на страницах сайта, не является статичной, все представленные на них данные хранятся на сервере, что в свою очередь делает сайт динамичным.

Страница "О нас" содержит информацию о сертификатах организации.

Рисунок 3.2 - Просмотр информации о сертификатах компании

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

Данный список разработан по принципу иерархии.

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

Рисунок 3.5 - Страница каталога

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

Рисунок 3.6 – Поле отзывов

Пример кода:

<?php

/**

* @package Joomla.Site

* @license GNU General Public License version 2 or later; see LICENSE.txt

/**

* Define the application's minimum supported PHP version as a constant so it can be referenced within the application.

define('JOOMLA_MINIMUM_PHP', '5.3.10');

if (version_compare(PHP_VERSION, JOOMLA_MINIMUM_PHP, '<'))

{

die('Your host needs to use PHP ' . JOOMLA_MINIMUM_PHP . ' or higher to run this version of Joomla!');

}

// Saves the start time and memory usage.

$startTime = microtime(1);

$startMem = memory_get_usage();

/**

* Constant that is checked in included files to prevent direct access.

* define() is used in the installation folder rather than "const" to not error for PHP 5.2 and lower

define('_JEXEC', 1);

if (file_exists(__DIR__ . '/defines.php'))

{

include_once __DIR__ . '/defines.php';

}

if (!defined('_JDEFINES'))

{

define('JPATH_BASE', __DIR__);

require_once JPATH_BASE . '/includes/defines.php';

}

require_once JPATH_BASE . '/includes/framework.php';

// Set profiler start time and memory usage and mark afterLoad in the profiler.

JDEBUG ? JProfiler::getInstance('Application')->setStart($startTime, $startMem)->mark('afterLoad') : null;

// Instantiate the application.

$app = JFactory::getApplication('site');

// Execute the application.

$app->execute();

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

3.4 Информационные технологии, использованные при создании сайта

Верстка выполнена в соответствии с современными стандартами веб-разработки, языком разметки является PHP, за описание внешнего вида отвечают каскадные таблицы стилей CSS. Серверная часть выполнена с использованием PHP и MySQL. Обзор этих технологий приведен во второй главе.

Сайт написан на языке программировании PHP т.к. используя обычный язык гиппертестовой разметки невозможно осуществить авторизацию доступа, а также редактирование содержимого страниц. Приложение на РНР, использующее для хранения информации базу данных (в частности MySQL) всегда работает быстрее приложения, построенного на файлах. Вследствие этого была применена система управления базами данных MySQL, используемая в процедуре хранения информации о товарах, компании, контактной информации. При помощи MySQL осуществляется администрирование сайта. MySQL отличается хорошей скоростью работы, надежностью, гибкостью. Работа с этой технологией, как правило, не вызывает больших трудностей.

3.5 Разработка администраторской части web-сайта

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

Доступ к администраторской части осуществляется через окно авторизации:

Рисунок 3.11 - Доступ к администрированию

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

Добавление нового товара происходит при помощи приведенной ниже формы:

Рисунок 3.13 - Форма добавления товара

Таким образом, данный Web-сайт выполняет ряд следующих функций:

Осуществляет снабжение информацией посетителей сайта о производственном предприятии ОАО «Кондитерская фабрика «Домино»;
дает возможность посетителям сайта быть в курсе последних новостей, новинок выпускаемой продукции;
позволяет администратору редактировать, добавлять и удалять информацию;
позволяет осуществлять поиск по сайту.

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

Заключение

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

Во второй главе данной дипломной работы описаны современные Интернет - технологии, используемые при создании сайтов.

Третья глава дипломной работы посвящена описанию деятельности производственного предприятия ОАО «Кондитерская фабрика «Домино» и описанию разработанного сайта. Рассмотрены основные направления деятельности организации, обоснована необходимость создания сайта. В контексте описания разработанного сайта идет обоснование выбора использованных технологий. Детально описан интерфейс сайта, элементы дизайна, обоснован выбор цветовой гаммы web-страниц.

Тема курсовой работы была полностью раскрыта. Руководство торговой компании ОАО «Кондитерская фабрика «Домино» довольно созданным web-сайтом и в ближайшее время планирует его размещение в сети Интернет.

Список использованных источников

1. Ломов А.Ю. HTML, CSS, скрипты: практика создания сайтов / А.Ю. Ломов. - СПб. БХВ-Петербург, 2006. - 416 с.

2. Глушаков С.В. Программирование WEB-страниц / С.В. Глушаков, И.А. Жакин, Т.С. Хачиров. -М. : Феникс ; Харьков : Фолио, 2006. - 400 с.

. Днепров А.Г. JavaScript на 100 % / А.Г. Днепров. - М.; СПб.: Питер, 2008. - 299 с.

. Евсеев Д.А. Web-дизайн в примерах и задачах / Д.А. Евсеев, В.В. Трофимов. - М. : КНОРУС, 2009. - 263 c.

. Комолова Н.В. HTML : самоучитель / Н. В. Комолова. - СПб.: Питер , 2009. - 268 с.

. Прохоренок Н.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н.А. Прохоренок. - СПб.: БХВ-Петербург, 2010. - 890 с.

. Старыгин А.А. XML: разработка Web-приложений / А.А. Старыгин. - СПб. : БХВ-Петербург, 2003. - 585 с.

. Бенкен Е.С. PHP, MySQL, XML. Программирование для Интернета / Е.С. Бенкен. - СПб. : БХВ-Петербург, 2007. - 310 с.

. Яковлев А.А. Раскрутка сайтов. Основы, секреты, трюки / А.А. Яковлев, В.Г. Ткачев. - СПб. : БХВ-Петербург, 2010. - 344 с.

. Кузнецов М. Самоучитель PHP 5 / М. Кузнецов, И. Симдянов. - СПб. : БХВ-Петербург, 2005. - 560 с.

. Бердышев С.Н. Искусство оформления сайта / С.Н. Бердышев. - М.: Дашков и К°, 2009. - 145с.

. Мазуркевич А. PHP: настольная книга программиста / А. Мазуркевич, Д. Еловой. - М. : Новое знание, 2004. - 479 с.

. Фленов М.Е. PHP глазами хакера / М. Фленов. - СПб. : БХВ-Петербург, 2010. - 330 с.

. Ли Д. Использование Linux, Apache, MySQL и PHP для разработки Web-приложений / Д. Ли, Б. Уэр. - М. ; СПб.; Киев: Вильямс, 2004. - 432 с.

. Дунаев В.В. (X)HTML. Скрипты и стили. Самое необходимое / В.В. Дунаев. - СПб. : БХВ-Петербург, 2009. - 485, с.

. Фролов А.В. Практика применения PERL, PHP, APACHE и MySQL для активных Web-сайтов / А.В. Фролов, Г.В. Фролов. - М. : Русская Редакция, 2002. - 576 с.

. Кузин А.В. Базы данных / А.В. Кузин, С.В. Левонисова. - М. : Академия, 2008. - 320 с.

. Дронов В.А. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов / В.А. Дронов. - СПб.: БХВ-Петербург, 2009. - 534 с.

. Котеров Д.В. PHP 5 / Д.В. Котеров, А.Ф. Костарев. - СПб. : БХВ-Петербург, 2010. - 1078 с.

. Будилов В.А. PHP 5 / В.А. Будилов. - СПб.: БХВ-Петербург, 2005. - 240 с.

. Флэнаган Д. JavaScript: подробное руководство / Д. Флэнаган. - СПб.; М.: Символ, 2004. - 960 с.

. Веллинг Л. MySQL / Л. Веллинг, Л. Томсон. - М.; СПб.; Киев: Вильямс, 2005. - 304 с.