Как создается сайт

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

Дизайн сайта

Дизайн макета сайта выполняется в программе Фотошоп на основании тех требований, которые были изложены в «Брифе на разработку сайта».

Дизайнер берет за основу размеры минимального монитора 1024х768 пикселей и определяет размер макета таким образом, чтобы его ширина не выходила за рамки ширины минимального монитора. Обычно ширина дизайн макета – от 980 до 1000 пикселей (такое значение появляется из-за того, что надо учитывать полосу прокрутки справа, которая возникает при просмотре сайта в браузере, а значит ее ширину примерно в 20 пикселей надо вычесть из ширины 1024 пикселя).

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

Дизайн-макет – это графический образ сайта

ПРОЧИТАТЬ ОБ ЭТОМ:

Во время создания дизайн-макета в Photoshop дизайнер создает и размещает на холсте все составляющие сайта: графические образы, текстовые элементы, ссылки и формы.

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

Исходный файл макета сохраняется в формате PSD – это формат программы Photoshop.

Демонстрация

ПРОЧИТАТЬ ОБ ЭТОМ:

Для демонстрации макета сайта его сохраняют в виде изображения в формате JPG. Изображение высылается по электронной почте на адрес заказчика или выкладывается в сеть и предоставляется тестовый URL адрес.

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

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

Верстка макета в формате HTML

ПРОЧИТАТЬ ОБ ЭТОМ:

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

С помощью HTML производится разметка страницы, которая называется модульной сеткой. Макет создается уже в другом формате, основная страница сайта имеет название index.html

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

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

Программирование

ПРОЧИТАТЬ ОБ ЭТОМ:

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

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

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

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

Желаю успехов!
Ольга Мелех,
студия веб-дизайна "Интелвебс"