1.5 Этапы проектирования Web – сайта
Первый этап проектирования: Системный анализ (определение требований к проекту) (рис. 0.1). На данном этапе, предварительно получив задание на создание сайта, разработчик, анализируя соответствующую информацию, предлагает некоторый дизайн-проект на сайт. Данный проект обсуждается с заказчиком, вследствие чего конкретизируются и утверждаются требования к сайту.
Рис. 0.1. Первый этап проектирования – Системный анализ
Второй этап проектирования: Проектирование (рис. 0.2). На данном этапе разработчик формирует структуру сайта и согласовывает ее с заказчиком, после утверждения структуры разработчик выбирает оптимальное программное обеспечение для реализации проекта
Рис. 0.2. Второй этап проектирования - Проектирование
Третий этап проектирования: Программирование. На данном этапе производится, непосредственно, создание сайта, используя выбранное программное обеспечение, и заполнение разделов сайта некоторой информацией.
Четвертый этап проектирования: Отладка и исправление ошибок. На данном этапе разработчик представляет заказчику итоговый вариант сайта. Заказчик, внимательно изучив структуру сайта и информацию разделов, выявляет ошибки и сообщает о них разработчику для дальнейшего их исправления. Завершением этапа является полная отладка проекта и исправление ошибок в информации.
2. Проектная часть разработки web-сайта
2.1 Выбор инструментальных средств для разработки сайта
При выборе инструмента для создания сайта необходимо изначально определиться с масштабностью проекта и его целями. Так как необходимо создать промо-сайт, то нет смысла покупать программное обеспечение для разработки в связи с тем, что на рынке ПО представлено большое количество программ: WordPress, 1с-битрикс, Drupal, 1c-Битрикс.
Необходимо рассмотреть преимущества данной системы 1с-Битрикс:
может быть использована для создания блога или небольшого проекта;
простота установки и использования;
устанавливается и может, используется как на локальном сервере так на сайте (сервере). Это значит, что можно управлять сайтом с любого компьютера из под любой операционной системы;
пользоваться очень легко, благодаря понятному встроенному редактору;
1с Битрикс-система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL для выбор данном CMS необходимо было рассмотреть преимущества данной системы:
дружелюбность к дизайнерам и разработчикам. Простая модификация внешнего вида позволяет в несколько кликов изменить внешний вид сайта. Считается уникальной возможностью максимально изменить свой сайт, подстроить его внешний вид под конкретные задачи;
дополнительные плагины, компоненты, расширения, инструменты являются очень приятным преимущество данной CMS. С наличием встраиваемых компонентов можно организовать сайт как угодно. Особенным достоинством 1с-битрикс является, то что даже при большом количестве установленных плагинов на скорость производительности системы не упадёт;
даже при небольшом опыте работы с сайтами, может получится очень привлекательный программный продукт. Что является плюсом для людей решивших создать коммерческий продукт, который должен выглядеть приятным и солидным для пользователя;
частые обновления и улучшения движка, являются неотъемлемым плюсом для всех пользователей. По миру у движка множество поклонников, которые постоянно ведут работы по улучшению 1с-битрикс;
универсальность 1с-битрикс дают пользователю создать сайт любой сложности и содержания с минимальным использованием различных модулей, расширений и плагинов.
Для удобства пользователей было принято решение использовать постельные, мягкие и холодные цвета, а именно белый, серый, розовый.
HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML).
Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font).”
CSS— Язык для описания внешнего вида, html документа. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других элементов представления внешнего вида веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида данной веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
PHP— скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.
Разработку сайта можно разделить на несколько отдельных шагов:
определить идею, модель и внешний вид;
создать дизайн;
вёрстка страниц;
наполнение контентом;
выкладывание на хостинг;
продвижение.
Для всех этих шагов нужно иметь инструмент, который поможет всё это реализовать. Размышляя над дизайном, всегда следует посмотреть другие похожие сайты, оценить их лучшие и негативные стороны. Для этого был произведён мониторинг следующих сайтов: (Рисунок 1), (Рисунок 2), (Рисунок 3), (Рисунок 4).
Рисунок 1- Вид сайта http://www.mebel-art.net/
Рисунок 2- Вид сайта http://www.obrazstroy.ru/portfolio/mebel/147/1/
Рисунок 3- Вид сайта http://www.bravomebel.ru/catalog/69.html
Рисунок 4- Вид сайта http://mm-32.ru/catalog/myagkaja_mebely/