1 2
СОДЕРЖАНИЕ
Введение
1 Технический проект
1.1 Анализ предметной области
1.2 Постановка задачи
1.3 Требования к техническим средствам и программному обеспечению
1.4 Выбор типа сайта
1.5 Проектирование веб-сайта
1.6 Выбор средств реализации
2 Рабочий проект
2.1 Файловая структура сайта
2.2 Разработка сайта
2.3 Работа с сайтом
Заключение
Список использованных источников
ВВЕДЕНИЕ
Темой дипломного проекта является «Разработка и создание веб –сайта ИП».
Сайт – это ресурс, состоящий из веб-страниц (документов), объединенных общей темой и взаимосвязанных между собой с помощью ссылок. Сайт регистрируется на одно физическое, либо юридическое лицо и обязательно привязывается к конкретному домену, который также является его адресом.
Каждая страница сайта, в том числе главная, имеет свой уникальный адрес, по которому она доступна в глобальной сети интернет. Фактически страницы состоят из строк кода, которые пишут верстальщик и программист, используя языки программирования и прочие инструменты. С помощью кода задается оформление страниц сайта, расположение его функциональных элементов (кнопок, картинок и пр.) и непосредственно сам функционал, например, отправка форм заявки. Страница сайта — это текстовый файл или их набор, который написан на языке разметки или программирования (php, html, css и т.д.). После загрузки на наш компьютер, все файлы такого формата проходят обработку браузером, и в конечном итоге перед нами предстает готовая страница сайта.
Сайт также представляет собой информационную единицу в сети Интернет. Один сайт может иметь как одну единственную страницу, так и огромное их количество.
В создании сайта участвует множество специалистов. Сначала веб-дизайнер составляет дизайн будущего сайта. При этом следует учитывать не только желания заказчика, но и цель создания сайта, аудиторию, на которую нацелен сайт. Кроме того, дизайнер подбирает подходящие шрифты, определяет расположение медиа-файлов. Таким образом дизайнер создает макет – наглядное представление будущего сайта картинкой.
Таким образом, исходя из выше сказанного, тема дипломного проекта является актуальной.
Целью дипломного проекта является создание веб-сайта продуктового магазина « Мишутка».
Для достижения поставленной цели решены следующие задачи:
- выявить теоретические основы проектирования и функционирования информационных веб-сайтов;
- выявить условия технической реализации веб-сайтов.
Объектом исследования является функционирование информационных веб-сайтов в рекламных целях в сфере торговли.
Предметом исследования являются процесс создания веб-сайта.
Данный программный продукт будет предназначен для потенциальных покупателей «Мишутка».
1 ТЕХНИЧЕСКИЙ ПРОЕКТ
1.1 Анализ деятельности предприятия
ООО «Мишутка» находится по адресу: 385000, Республика Адыгея,
г. Майкоп, Заводская улица, 99.
Руководитель — Русинов Василий Михайлович.
Режим работы магазина: с8:00 ч до 21:00 ч без перерыва на обед и выходных. Номер телефона предприятия : 8 (928) 468-06-07.
Магазин «Мишутка» имеет статус микропредприятие.
Организационно-правовая форма магазина «Мишутка» — общество с ограниченной ответственностью.
Предприятие специализируется на розничной продаже продуктов питания и напитков алкогольных и безалкогольных. Магазин «Мишутка» это универсальный, продуктовый магазин. В ассортименте предприятия имеются следующие виды товаров:
- колбасные изделия;
- хлебобулочные изделия;
- молочные и кисломолочные товары;
- табачные изделия;
- алкогольные и безалкогольные напитки;
- фрукты и овощи;
- макаронные изделия;
- крупы, каши;
- консервированные товары;
- шоколадные изделия.
Среднесписочная численность по магазину – 6 человек. Продавцы отвечают за расстановку и пополнение товара на стеллажах, помощь покупателям при выборе товара, стимулирование продаж заданных администрацией видов товар, приемка и расстановка принятого товара, наклейка ценников на товар, участие в инвентаризации, контроль сроков реализации товара.
В организации сложились следующие правила внутреннего трудового распорядка. Магазин открывается в 8.00, закрывается в 21.00 часов. Магазин работает без перерыва на обед. Каждый сотрудник магазина работает в сумме 40 часов в неделю, как предусмотрено трудовым законодательством, также предусматривается время на подготовительную — заключительную работу с включением его в рабочее время, обеспечивается ритмичное чередование времени труда и отдыха работников в течение дня. Для обеспечения работы персонала используется посменный график выхода на работу.
Торговая деятельность предприятия представляет собой вид предпринимательской деятельности, направленный на удовлетворение покупательского спроса путем реализации товаров потребительского назначения, а именно продуктов питания.
1.2 Постановка задачи
Целью дипломного проекта является разработка и создание сайта для предоставления информации об ассортименте и услугах продуктового магазина .
Разрабатываемый ресурс должен соответствовать следующим требованиям:
- удобство в работе – грамотная навигация облегчит работу с сайтом и будет привлекать к нему посетителей. Фон, размер и цвет шрифта, заголовки, общее расположение материалов, – всё должно быть выдержано в едином стиле, соответствовать друг другу, в противном случае будет нарушена целостность восприятия;
- уникальность материалов, представленных на сайте;
- отсутствие загруженности ненужной информацией и различными эффектами, отсутствие сторонней рекламной информации;
- отсутствие пустых страниц и неактивных гипертекстовых ссылок;
- грамотность представленного на сайте материала;
- информативность главной страницы сайта – именно на этой странице должна быть расположена основная информация, чтобы посетитель заинтересовался и посетил остальные страницы сайта;
- отсутствие ненормативной лексики, экстремистской информации, а также другой, нарушающей требования законодательства РФ;
- систематичность обновления информации.
Сайт должен обеспечивать:
- отображение контактной информации;
- отображение информации о группе продаваемых товаров;
- возможность задать вопрос сотрудникам магазина.
Выходными данными будут:
- контактная информация о магазине (адрес, телефон);
- виды предлагаемых товаров и услуги.
Входными данными для веб-сайта будут:
- личные данные пользователя (ФИО, E-mail адрес, номер телефона);
- вопрос или отзыв пользователя о сайте или предоставляемых услугах.
Веб-сайт будет состоять из связанных HTML-страниц, на которых будет располагаться вся необходимая пользователю информация [1].
Способ решения поставленных задач зависит от выбора среды разработки и средств программирования.
1.3 Требования к техническим средствам и программному обеспечению
Для обеспечения корректной работы разрабатываемого веб-сайта на компьютере должна быть установлена одна из следующих операционных систем: Windows XP, Windows 7, Windows 8 или Windows 10.
Компьютер должен удовлетворять следующим характеристикам:
- CPU 1.6 ГГц;
- 512 Mb RAM;
- видеокарта 256 Mb;
- разрешение экрана не менее 800х600 точек;
- 50Mb свободного места на жестком диске;
- стандартная клавиатура 101/102 клавиши;
- манипулятор типа «Мышь».
Для разработки веб-сайта на компьютере должны быть установлены следующие программы:
- браузер (Google Chrome, Yandex, Microsoft Edge или любой другой);
- Adobe Photoshop CS6;
- Adobe Illustrator CC 2017;
- Sublime Text 3.
Также для правильной работы скриптов программного продукта необходимо активное интернет-соединение и разрешение использования сокетов в браузерах [2].
1.4 Выбор типа сайта
Сайты могут различаться между собой по многим параметрам, поэтому пока не существует единой классификации. Эксперты разделяют сайты по наиболее значимым признакам, например, по тематике, структуре, дизайну, способу и цели создания.
Если интернет-ресурс посвящён одной теме, его называют узкотематическим, если же он охватывает широкий круг проблем — общим. В зависимости от ориентированности на получение прибыли различают коммерческие и некоммерческие сайты, а по количеству страниц – одностраничные и многостраничные [3].
По доступности интернет-площадки делятся на три категории:
- открытые – предоставляющие информацию каждому желающему ее получить;
- полузакрытые – с ограниченным доступом, требующие предварительной регистрации;
- закрытые – с доступом по паролю, открытые для узкого круга лиц (студенческие, военные, служебные и пр.).
Также сайты разделяют по типу загрузки, если он хранится в готовом виде в файловой системе сервера, то он статический. Если же его страницы генерируются в ходе пользовательских запросов на основе загруженных баз данных, то динамический.
В зависимости от круга поставленных задач, выбирается тип сайта и составляется план его внутренней структуры. От способа разработки в большой степени зависит скорость продвижения веб-ресурса в поисковиках.
Сайты коммерческой направленности служат для получения прибыли за счёт продажи товаров и услуг либо их рекламы. Они различаются по структуре, наполнению и другим параметрам. Визитки, лендинги, промо-сайты, портфолио и витрины относятся к простым сайтам с упрощенной структурой и простым набором функций. Интернет-магазины, сайты услуг, а также корпоративные сайты являются более продвинутыми веб-ресурсами с расширенными возможностями [4].
Интернет-магазин представляет собой сайт со сложным функционалом, предназначенный для продажи товаров или услуг. Содержит иллюстрированный каталог с описанием продуктов, опцию выбора способа оплаты и корзину с товарами.
Главные задачи интернет-магазина – это показать весь ассортимент продукции и облегчить покупателю процедуру её приобретения. Чем проще оформить покупку, тем больше клиентов ресурс сможет привлечь.
Преимущества интернет-магазина для пользователя:
- возможность купить продукт в несколько кликов;
- богатый ассортимент,
- круглосуточная доступность;
- наглядность, возможность сравнить товары между собой.
Преимущества для владельца интернет-магазина:
- возможность размещения неограниченного количества товара;
- широкий охват аудитории;
- меньшие затраты по сравнению с реальным магазином.
Единственный недостаток интернет-магазина – изделия нельзя увидеть и протестировать. Однако эта проблема сейчас часто решается функцией примерки при курьерской доставке и возможности бесплатно вернуть товар.
Для таких площадок не существует географической привязки, но в ряде случаев необходимо учитывать наличие у магазина региональных офисов и прямых номеров телефонов.
Корпоративный сайт – многофункциональный ресурс, назначением которого является предоставление сведений о компании, ее товарах или услугах. Информирует клиента о направлении бизнеса и преимуществах обращения именно в эту фирму, выделяет сильные стороны предлагаемой продукции.
От сайта-визитки отличается более сложным дизайном, расширенным информационным наполнением и наличием множества дополнительных опций и инструментов (калькуляторы, вспомогательные средства выбора продукта, коммуникационные сервисы и пр.). Обеспечивает обратную связь с клиентом и позволяет сотрудникам взаимодействовать между собой.
Сайты, посвященные разовым событиям и акциям. Выставка или конференция, праздник или концерт, презентация нового товара. Освещение таких мероприятий через специальные ресурсы, называемые «промо-сайтами», является хорошим тоном и показателем высокого уровня их организации и проведения [5].
Такие сайты выделяются очень красивым дизайном. Часто используется сложная анимация. Они напоминают рекламные ролики по телевизору. Именно своим дизайном сайт должен удивлять и привлекать посетителей.
Обычно промо-сайты используются для рекламы одного определенного продукта, одной акции. На сайте содержится подробная информация о продукте, выделяются его превосходства и особенности. Сайт может содержать галерею и онлайн-игры с акциями типа “выиграй и получи бесплатно”. Стоимость сайта может быть достаточно высокой из-за большого количества анимации и графики. Единственным отличием данного вида сайтов является то, что время жизни его ограниченно конкретным мероприятием. И как только оно закончиться, информация на сайте станет бесполезной.
Портфолио-галерея представляет собой презентацию работ компании или специалиста и создаётся, чтобы показать опыт и мастерство. Часто используется фотографами, дизайнерами, веб-мастерами и художниками для наглядного представления своих работ онлайн. Такие сайты отличаются нестандартным дизайном, который привлекает внимание и помогает находить новых клиентов. Для оформления обычных сайтов такой дизайн обычно не подходит, но для эффектной презентации является оптимальным вариантом. Портфолио служит самостоятельным средством раскрутки и позволяет работать, не отдавая посредникам и биржам часть своего дохода.
Сайт-витрина представляет собой электронный каталог товаров с описанием основных характеристик и иллюстрированными изображениями. В отличие от интернет-магазина, она не предусматривает непосредственной возможности совершить оплату и купить товар. Здесь пользователь может лишь отправить запрос на покупку продукта и оставить свои контакты. Клиент в режиме онлайн выбирает товар, а платит и забирает покупку – в реальном магазине.
Такие сайты наглядно представляют товар, способствуют повышению узнаваемости бренда и увеличению лояльности аудитории. Являются хорошей площадкой для рекламы, служат для привлечения пользователей и мотивируют их на совершение покупки. Подходят для представления новой продукции и различных предложений с акцентом на выгоду для клиента.
Информационный сайт состоит из множества статей на узкую или широкую тему. Обычно разделён на рубрики и категории и может содержать полезные сведения, советы, новости, обзоры или авторские заметки и личный опыт. Такой сайт помогает получить нужную информацию, решить проблему читателя либо развлечь.
На его страницах размещаются объемные статьи и короткие тексты, часто с фотографиями и видео. Часто предусматривается возможность подписки на обновления, получения оповещений о выходе нового контента, комментарии, кнопки репоста в социальные сети.
Информационные сайты могут иметь совершенно разный дизайн, направленность и целевую аудиторию [6].
В отличие от коммерческих ресурсов, инфосайты напрямую не ориентированы на получение прибыли и перед ними не стоит задача побудить пользователя прямо сейчас заплатить деньги и сделать покупку. На них отсутствует корзина, кнопка «купить» и прочие торговые атрибуты, но могут использоваться другие способы монетизации.
Кроме того, информационные сайты бывают дополнением к коммерческим порталам. Они создаются для повышения лояльности и привлечения потенциальных покупателей.
1.5 Проектирование веб-сайта
Главной задачей сайта будет усиления эффективности рекламы и увеличение количества клиентов магазина «Мишутка».
Проектировать сайт необходимо для того чтобы иметь представление о желаемом итоге работы. На этапах проектирования легче всего выявить и проработать многие моменты. Если ошибки выявятся, то это позволит снизить затраты времени на их исправление в процессе работы. Благодаря проектированию можно улучшить работу над интернет-ресурсом.
Разработка структуры сайта включает все, что касается его содержимого и информационной стратегии, определяющей, как должна быть организована информация, чтобы пользователи сайта могли найти ее легко и быстро. Создается ли сайт для новой компании или перепроектируется имеющийся, – это неважно: логическая структура необходима любому веб-сайту [7].
Проектирование и разработка сайта включают в себя следующие этапы:
- проектирование структуры сайта – расположения контента, разделов и элементов навигации;
- разработка веб-дизайна – создание графических элементов макета сайта, стилей и элементов навигации;
- разработка модулей, базы данных и других элементов;
- разработка взаимодействия модулей и базы данных;
- тестирование и размещение сайта в сети интернет.
Структура сайта – это зачастую иерархическая система его разделов, подразделов и страниц. Для создания структуры необходимо четко знать тематику сайта, а также его содержимое. То, насколько четко и полно распределена и структурирована информация по тематике, будет определять эффективность работы системы.
Выполнив анализ задач сайта, были определены основные разделы и элементы сайта. Сайт будет представлять многостраничный сайт-визитку. Особенностью данной структурной схемы является то, что основное содержание сайта располагается на одной странице, а дополнительный контент вынесен на другие страницы. Логическая структура сайта представлена на рисунке 1.
Рисунок 1 – Логическая структура веб-сайта
На странице «Главная» будет размещена основная информация о магазине.
На странице «Продукция» будет написана информация об услугах и товарах, предлагаемых магазином.
На странице «Контакты» будет отображаться основная информация для связи с менеджерами магазина.
Макет – это набор правил, по которым располагаются элементы страницы сайта. Таким образом, макет – это основа верстки, – тот каркас, на котором собираются элементы дизайна и информационное наполнение страницы.
Как один из основополагающих элементов стиля, макет создает в документе единство, ощущение неделимого образного ряда. То есть макет упорядочивает документ, делает его читаемым и более удобным для восприятия [8].
Прежде чем начать создание макета, необходимо определиться с примерным направлением и количеством принципиально различных страниц на будущем ресурсе. Все страницы создаваемого сайта должны быть выполнены в едином стиле, однако, компоновка текстовой области у главной страницы может быть чуть более сложной, чем у внутренних страниц.
Главная и важная задача состоит в том, чтобы продумать дизайн стартовой (главной) страницы и страниц уровня, который позволяет связать воедино все страницы сайта и с максимальной эффективностью использовать возможности Internet [9].
Любая веб-страница содержит определенный набор стандартных элементов, являющихся обязательными компонентами каждого ресурса сети интернет. Безусловно, направление и количество подобных объектов могут варьироваться в зависимости от тематической направленности сайта, объема опубликованных на нем материалов, а также от целей и задач, которые ставит перед собой создатель данного ресурса. Компоновка таких элементов, проектирование их взаимного расположения и составляет одну из главных задач веб-мастера.
Проведя анализ сайтов тематики, связанной с рок-группами и сайтами-визитками, были выявлены основные и дополнительные элементы макета.
Чтобы говорить о функциональных зонах сайта, необходимо сначала определится с понятием контент-зоны сайта.
Контент сайта – это информация и изображения, которые ищет посетитель сайта.
Контент (от англ. content – содержание). Под «контентом» в широком смысле понимают собственно наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой.
В более узком смысле слова контент сайта – это материалы, размещенные на нем: в основном тексты, а также картинки и музыка [10].
Макет сайта должен разбиваться на контент-зоны. При этом, каждая контент-зона выполняет свою роль:
- логотип – предоставляет визуальную информацию;
- название сайта – это собственно имя ресурса и его основное обозначение деятельности;
- меню навигации – позволяет пользователю перемещаться по WEB–сайту;
- поле ввода информации – это главная текстовая (информационная) часть, раскрывающая суть темы;
- графика – позволяет визуально представить излагаемый материал;
- рейтинг – помогает установить место, занимаемое в списке сайтов – аналогов;
- координаты – это информация о компании–разработчике данного ресурса.
Структура страницы должна состоять из элементов, которые должны присутствовать на всех страницах сайта: меню навигации, названия темы, заголовка, поля ввода информации (текстовой, графической), контактной информации.
На рисунке 2 представлен проектируемый макет сайта компании.
Шапка сайта будет представлять собой горизонтальное меню, служащее средством навигации, позволяющее пользователю осуществить переход к интересующему разделу.
Рисунок 2 – Проектируемый макет сайта
Контент-зона будет предназначена для вывода основной информации сайта, информация из этого блока на прямую зависит от страницы на которой находится пользователь.
В подвале сайта будет размещена контактная информация для прямой связи с пользователями.
1.6 Выбор средств реализации
Данный веб-сайт может быть реализован с помощью HTML, XML, XSLT, CSS, JS, PHP, Python и многих других средств.
HTML (HyperText Markup Language − язык маркировки гипертекстов) − язык разметки гипертекстового документа, это набор средств для описания визуальных свойств (позиция, размер, цвет и т.д.) различных элементов, в частности текста или графики. Под гипертекстовым документом подразумеваются документы с гипертекстовыми ссылками-указателями на другие гипертекстовые документы. Создавать HTML возможно при помощи обычного текстового редактора. Язык разметки гипертекста (HyperText Markup Language − HTML) можно использовать для представления гипертекстовых новостей, почты, сопровождающей информации и сопутствующей гиперсреды, меню с опциями результатов запросов к базам данных простых структурированных документов со встроенной графикой гипертекстовых обзоров имеющейся информации. Данные в формате HTML похожи на текстовой файл, за исключением того, что некоторые из символов интерпретируются как разметка. Разметка придает документу некую структуру. Данные представляют собой иерархию элементов. Каждый элемент имеет имя, атрибуты и несет некую информацию. Большинство элементов представлены в документе в виде начальной метки, указывающей имя и атрибуты. Далее следует собственно содержание элемента. И наконец, заканчивает все это конечная метка [11].
Например: <HTML> <TITLE> Простой блок данных </TITLE> <H1> Пример структуры </H1> Обычный параграф <P> <UL> <LI>Первая запись, включающая <A NAME=»URI»> текст </A> <LI>Вторая запись </UL> </HTML>
Каждый элемент начинается с метки, меткой же и заканчивается каждый непустой элемент. Начальные метки выделяются символами < и >, а конечные − символами. Имя элемента следует в метке сразу за символом открытия пробелы и атрибуты. Атрибут состоит из имени, символа равенства и значения. Слева и справа от символа равенства можно оставлять пробелы.
Значение атрибута указывается в виде строки, заключенной в одинарные или двойные кавычки.
CSS (англ. Cascading Style Sheets − каскадные таблицы стилей) − технология описания внешнего вида документа, оформленного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL. Каскадные таблицы стилей используются создателями Web-страниц для задания цветов, шрифтов, расположения и других аспектов представления Web-документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и оформления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
Каскадные таблицы стилей (Cascading Style Sheets, CSS) — это стандарт, определяющий представление данных в браузере. Если HTML предоставляет информацию о структуре документа, то таблицы стилей сообщают как он должен выглядеть. Стиль − это совокупность правил, применяемых к элементу гипертекста и определяющих способ его отображения. Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице. Таблица стилей − это совокупность стилей, применимых к гипертекстовому документу.
Каскадирование − это порядок применения различных стилей к вебстранице. Браузер, поддерживающий таблицы стилей, будет последовательно применять их в соответствии с приоритетом: сначала связанные, затем внедренные и, наконец, встроенные стили. Другой аспект каскадирования — наследование (inheritance) — означает, что если не указано иное, то конкретный стиль будет применен ко всем дочерним элементами гипертекстового документа. Например, если вы примените определенный цвет текста в теге <div>, то все теги внутри этого блока будут отображаться этим же цветом. Использование каскадных таблиц дает возможность разделить содержимое и его представление и гибко управлять отображением гипертекстовых документов путем изменения стилей. Стандарт CSS представляет возможности создания именованных стилей — стилевых классов. При создании класса селектор можно не указывать, тогда это правило можно применять к любому селектору, поддерживающему тот же набор свойств. В качестве селектора может выступать идентификатор элемента гипертекста, указанный в атрибуте id. Для назначения стилей таким элементам используется синтаксис, аналогичный описанию классов, но вместо точки ставится знак # («решетка»). Группировка (grouping) состоит в объединении значений родственных свойств. При этом таблица стилей становится более компактной, но предъявляются более жесткие требования к описанию правил. Существует три способа применения таблицы стилей к документу HTML. Встраивание (Inline) — этот метод позволяет применить стиль к заданному тегу HTML. Внедрение (Embedded) — внедрение позволяет управлять стилями страницы целиком. Связывание (Linked или External) — связанная таблица стилей позволяет вынести описание стилей во внешний файл, ссылаясь на который можно контролировать отображение всех страниц сайта.
JavaScript – прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript (стандарт
ECMA-262). JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Основными его чертами являются слабая и динамическая типизация, автоматическое управление памятью и прототипное программирование.
Возможности JavaScript зависят от окружения, в котором он запущен. В браузере JavaScript умеет делать всё, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:
- создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и тому подобное;
- реагировать на действия посетителя, обрабатывать клики мыши, перемещения курсора, нажатия клавиш клавиатуры и тому подобное;
- посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется «AJAX»);
- получать и устанавливать cookie, запрашивать данные, выводить сообщения и многое другое.
Полная интеграция с HTML/CSS, поддержка всеми распространёнными браузерами и включение в них по умолчанию, а также простота создания типичных функций при разработке сайтов делают JavaScript самым распространённым средством создания браузерных интерфейсов [5].
Популярными системами управления контентом в настоящее время являются WordPress и Joomla!
WordPress написана на PHP c использование СУБД MySQL, применяется для создания блогов, новостных сайтов, интернет-магазинов.
Joomla! написана на PHP и JavaScript c использование СУБД MySQL, возможности очень широкие – от создания небольшого сайта до крупного корпоративного проекта.
Для написания сайта будут использоваться следующие языки и технологии: HTML, CSS, JavaScript.
1 2