Разработка электронного сайта для фирмы

Разработка электронного сайта для фирмы

ВВЕДЕНИЕ

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

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

Цель курсового проекта является разработке сайта фирмы «РемСпецСтрой». В связи с этим главная задача состоит в разработке электронного сайта для данной фирмы.

·        Разработка дизайна и архитектуры проекта

·        Создание технологической основы

·        Наполнение контенто

·        Тестирование готового решения

·        Запуск проекта

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

1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ РАЗРАБОТКИ САЙТА

1.1 Программные средства, использованные при разработке сайта

Сайт фирмы «РемСпецСтрой» разрабатывался в среде NotePad++. Также использовалась стили CSS, JavaScript, Js, swf, xml для создания пользовательского интерфейса сайта фирмы, язык JavaScript, язык гипертекстовой разметки HTML и Adobe Photoshop CS6, так же присутствуют музыкальные файлы mp3, wav. На всем сайте имеются ссылки на каждую страницу, на которых представлена информация о фирме, и ее услугах.

Разработка структуры сайта, его реализация и создание элементов дизайна. Наиболее употребляемые теги языка HTML. Листинг HTML-кода., создаётся в любом текстовом редакторе, в "блокноте" (MS NotePAD++ в составе Windows).

Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта. HTML-код, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов таких, например, как Microsoft FrontPage.

Редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее: создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача; документ, подготовленный с помощью какой-либо программы, проще конвертировать, чем создавать заново; текстовые редакторы можно использовать для очистки от "мусора" HTML-документов, созданных с помощью специализированных программ; при создании эффектов с помощью специальных программ (например, Microsoft FrontPage) следует предусмотреть поддержку этих эффектов на web-сервере.

Графики для web заслуживает особого внимания. Следует иметь в виду, что графика бывает двух видов: растровой (когда описывается каждая точка изображения) и векторная (когда задается формула для генерации изображения). Последний способ построения графики более компактен и, в частности, идеально подходит для создания анимации.

1.2 Параметры аппаратных средств для демонстрации ПП

Для оптимальной работы и быстрого отображения страниц сайта на компьютере должно быть следующее:

Основным средством работы с ресурсами Internet сегодня стали программы, позволяющие читать страницы Web. Как их называть? Самая популярная программа доступа к ресурсам Internet, Netscape Navigator, позволяет обращаться не только к WWW, но и к FTP-архивам, базам данных Gopher и WAIS, и новостям Usenet. Термин "browser" ограничивает восприятие возможностей только просмотром информации, но многие программы позволяют не просто просматривать страницы WWW, но и заказывать файлы, отправлять почту, участвовать в дискуссиях Usenet, а HotJava и Navigator могут интерпретировать программный код. Слово "client" также вводит в заблуждение. Кроме интерфейсных функций Web-клиент выполняет поисковые операции, индексирование ресурсов, тестирование серверов и целый ряд других специализированных действий. Слово "viewer" тем более некорректно использовать - оно закреплено за классом программ для просмотра файлов специальных форматов: GIF, JPEG или MPEG.

Установленные приложения: internet , FireFox, Opera, Avant, Safari, Maxthon, Flock, Netscape Navigator, Konqueror,Galeon,Epiphany,Kazehakase, Charon, Arachne, K-Meleon и т.д.;

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

Иногда для устранения проблемы нужно добавить сайт в список просмотра в режиме совместимости, так же должна присутствовать поддержка в браузере JavaScript, Adobe Flash Player, разрешение экрана должна быть не меньше минимального разрешения 320Ч240 pixels; и не больше максимального разрешения 7680Ч4800 pixels.

1.3 Архитектура программного обеспечения

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

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

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

В разработке сайта были применены стандартные парные теги: <html></html>, <head></head>, <title></title, <body></body>. При создании блочной верстки использовался парный тег <div></div>. Макет сайта вначале был разработан на бумажном носителе информации, после чего он реализовывался с помощью каскадной таблицы стилей (CSS). Для создания анимированного меню был создан документ с расширением .css, в котором был прописан стиль, эффекты и цвет вкладок при наведении. После этот документ был подключен ко всем страницам сайта. На фоне меню подключена картинка, которая предварительно была отредактирована и сохранена специально для Web-страниц в графическом редакторе Adobe Photoshop CS6, и GIMP, NotePat++.использовался для создания самих макетов; его преимущество перед другими программами состоит в наличии инструментов стилей, позволяющих быстро изменять оформление множества графических элементов без необходимости перерисовывать их с нуля.использовался для корректировки макетов и иллюстраций на низкопроизводительной системе и их "нарезки" на отдельные элементы.

1.4 Выбор подхода к разработке программного продукта

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

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

Структурный подход (structured approach) к разработке систем получил широкое распространение (и был признан стандартом де-факто) в 1980-х годах. Этот подход основан на двух методах: диаграммах потоков данных (data flow diagrams DFD) для моделирования процессов и диаграммах сущность-связь (entity relationship diagrams ERD) для моделирования данных.

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

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

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

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

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

Этот подход предполагает разработку “с чистого листа” и не поддерживает повторное использование уже существующих компонент.

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

1.5 Технология, язык и среда программирования

Notepad++ - это замена «Блокноту», поддерживающий несколько языков. Работает в среде MS Windows под лицензией GPL License. Основан на мощном компоненте редактирования Scintilla. Notepad++ написана на C++ и использует чистый Win32 API и STL, который обеспечивает высокую скорость работы и небольшой размер программы.

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов. Базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Windows API и распространяется под лицензией GNU General Public License. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

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

Все изменения в коде мгновенно отображаются в соответствующем окне браузера. Можно в реальном времени подстраивать размеры, цвет и компоновку элементов. Среда стала доступна для ОС Linux, появилась поддержка Node.js, реализовано интеллектуальное авто дополнение кода для HTML, CSS, JavaScript, сообщество создало более сотни полезных плагинов, плюс в разработке находится продвинутая система для упрощения создания макетов с отзывчивым дизайном, которая уже успела произвести все ожидания для тех, кто её видел.

Главная же особенность Notepad++ - поддержка плагинов, которые способствуют расширению базового функционала редактора. В программу интегрируются дополнительные плагины, позволяющие настроить проверку орфографии, автоматическое сохранение документов, симметричное и асимметричное шифрование текста, HEX-редактор, FTP-менеджер.язык гипертекстовой разметки, стандартный язык разметки документов во Всемирной паутине. Большинство Web-страниц содержат описание разметки на языке HTML. Язык интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Язык является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

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

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

Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформ о независимости языка была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах, как язык сценариев для придания интерактивности веб-страницам. На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами.

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

Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно. Атрибут «type='text/javascript'» указывать

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

•  ядро ECMAScript;

•        объектная модель браузера;

•        объектная модель документа.

Если рассматривать JavaScript в отличных от браузера окружениях, то объектная модель браузера и объектная модель документа могут не поддерживаться. Объектную модель документа иногда рассматривают как отдельную от JavaScript сущность, что согласуется с определением DOM (объектная модель документа) как независимого от языка интерфейса документ.

Первоначально язык назывался LiveScript и предназначался как для программирования на стороне клиента, так и для программирования на стороне сервера. На синтаксис оказали влияние языки Си и Java, и поскольку - язык гипертекстовой разметки, стандартный язык разметки документов во Всемирной паутине. Большинство Web-страниц содержат описание разметки на языке HTML. Язык интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

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

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

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

2. ПРОЕКТНАЯ ЧАСТЬ РАЗРАБАТЫВАЕМОГО САЙТА

2.1 Построение Gant-диаграммы разрабатываемого ПП

сайт программный электронный

Диаграмма Ганта показана на (рисунке 1) это популярный тип столбчатых диаграмм, который используется для иллюстрации плана, графика работ по какому-либо проекту. Является одним из методов планирования проектов. Используется в приложениях по управлению проектами. В настоящее время диаграмма Ганта является стандартом де-факто в теории и практике управления проектами, по крайней мере, для отображения структуры перечня работ по проекту. Диаграмма Ганта представляет собой отрезки, размещенные на горизонтальной шкале времени. Каждый отрезок соответствует отдельному проекту, задаче или подзадаче. Проекты, задачи и подзадачи, составляющие план, размещаются по вертикали. Начало, конец и длина отрезка на шкале времени соответствию началу, концу и длительности задач.

Рисунок 1 - Диаграмма Ганта

2.2 Модель жизненного цикла программного продукта

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

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

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

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

Этапы проекта в соответствии с каскадной моделью:

•        анализ;

•        проектирование;

•        реализация;

•        сопровождение.

Рисунок 2 - Каскадная схема разработки ПО

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

•  на каждом этапе формируется законченный набор проектной;

•        документации, отвечающий критериям полноты и согласованности;

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

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

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

Рисунок 3 Реальный процесс разработки ПО покаскадной схеме

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

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

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

2.3 Построение модели проектируемого ПП в соответствии с выбранным подходом к разработке ПО

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

Рисунок 4 - Функциональная схема

.4 Описание алгоритма в соответствии с выбранным подходом к разработке ПО

Алгоритм - описание последовательности действий (план), не строгое исполнение которое приводит к решению поставленной задачи за конечное число шагов, смотреть рисунок 5.

Рисунок 5 - Алгоритм-схема разрабатываемого сайта

2.5 Структурная схема программного продукта

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

Рисунок 6 - Структурная схема

2.6 Спецификация программного продукта

В таблице №1 указаны название файлов их обозначение и структура.

Таблица №1

.7 Тестирование проекта

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

Таблица №2

ЗАКЛЮЧЕНИЕ

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

Сайт имеет удобный и понятный интерфейс. В проекте в полной мере реализованы требования.

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

базовое знание, которое включает в себя такие языки как HTML, JavaScript, а также CSS, умение работать с графическими редакторами такими как Photoshop, Paint, и сами редакторы с которыми нужно уметь работать Notepad++, Adobe Dream River.

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1.      Библиотека [Электронный ресурс] - режим доступа: http://www.ohranatruda.ru

2.      Всё об веб - дизайне [Электронный ресурс] - режим доступа: http://wseweb.ru

3.      Студенческий портал [Электронный ресурс] - режим доступа: http://studynote.ru

4.      Каталог ява скриптов [Электронный ресурс] - режим доступа: http://vanta.ru

5.      Википедия [Электронный ресурс] - режим доступа: https://ru.wikipedia.org

.        Материалы для начинающих [Электронный ресурс] - режим доступа: http://putnyided.ru

7.      Всё для веб - дизайнера [Электронный ресурс] - режим доступа: http://rudebox.org.ua

.        Как создать сайт самому [Электронный ресурс] - режим доступа:  http://site-sam.com

9.      Частная коллекция [Электронный ресурс] - режим доступа: http://ruseller.com

10.    Монстр [Электронный ресурс] - режим доступа: http://www.templatemonster.com

11.    Студия ящиков [Электронный ресурс] - режим доступа: http://studiobux.ru

12.    Выразительный Ява [Электронный ресурс] - режим доступа: http://habrahabr.ru

13.    Справочник [Электронный ресурс] - режим доступа: http://javascript.ru

14.    Редактор [Электронный ресурс] - режим доступа: http://chem-otkrit.ru

15.    Современное качество [Электронный ресурс] - режим доступа: http://www.alexfill-site.ru

16.    Алексеев А.П., Скоромная О.Б., Сухова Е.Н. - Графический редактор Adobe Photoshop. - Самара: ПГАТИ, 2004г. - 32 с.

17.    Брик С.А., Русак А.М. - Основы Web-технологий под ред. Храмцова П.Б.- INTUIT.RU "Интернет-Университет ИТ.", 2003г.- 512 с.

.        Вейтман В. - Программирование для Web. - М.: Издательский дом "Вильямс", 2000г. - 368 с.

19.    Гультяев А.К. - Web-дизайн от Macromedia - Практическое пособие. - СПб: КОРОНА принт., 2001г. - 480 с.

.        Дунаев В.В. - Сам себе Web-мастер. - СПб: БХВ-Петербург; Арлит., 2000г. - 288 с.

.        Жаринов К.В. - Основы веб-мастеринга. - СПб: БХВ-Петербург, 2003г. - 352 с.

22.    Мэрдок Келли. - JavaScript: наглядный курс создания динамических Web-страниц. - М.: Вильямс, 2001г. - 288 с.

.        Макфарланд Д. - Большая книга CSS3 Питер, 2014г. - 608 с.

24.    Нильсен Я. - Веб-дизайн - М.: СПб: Символ-Плюс, 2000г. - 512 с.

.        Ратшиллер Т., Геркен Т. - PHP4: разработка Web-приложений. - СПб: Питер, 2001г. - 384 с.

.        Румянцев Д. - Сам себе Web-программист. Практикум создания качественного Web-сайта. - М.: ИНФРА-М, 2001г. - 207 с.

.        Смит Б. - Создание Web-страниц для чайников. - М.: Вильямс, 2001г. - 256 с.

.        Томсон Л., Веллинг Л. - Разработка Web-приложений на PHP и MySQL. - К: "ДиаСофт", 2001г. - 672 с.

.        Холл Марти, Браун Лэрри - Программирование для Web. Библиотека проф. - М.: Издательский дом "Вильямс", 2002г. - 1264 с.

.        Крамер Э. HTML. - СПб.: Диалектика, 2010. - 426 c.

.        Кузнецов М.В., Симдянов И.В. PHP на примерах. - СПб.: БХВ-Петербург , 2012. - 400с., ил

.        Леонтьев Б.К. Web-дизайн: тонкости, хитрости, секреты. - М.: Майор, 2010. - 176 с.

.        Мюррей Д., Ван Райпер У. Энциклопедия графических форматов. - К.: BHV, 2011. - 672 c.

.        Нидерст Дж. Web - мастеринг для профессионалов. Настольный справочник - СПб.: Питер, 2012. - 240c.

.        Никсон Р. Создаем динамические веб-сайты с помощью PHP MySQL и JavaScript. - СПб.: Питер, - 2011.- 496 с.

.        Петюшкин А. HTML в Web-дизайне. - СПб.:БХВ-Петербург, 2009. - 400 с, ил

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

.        Работа в сети Internet / Глушаков С.В., Ломотько Д.В., Мельников И.В. - Харьков: Фолиант, 2010. - 346 с.

.        Седерхольм Д., Маркотт И. CSS ручной работы Библиотека специалиста. - СПб.: Питер, 2011. - 240 с.