0
0

Что такое верстка?

Часто возникает вопрос, что такое верстка? Простым языком, верстка – это расположение составных элементов (текста, заголовков, изображений, таблиц) на странице документа. Верстка бывает следующих видов:
Часто уже при первом телефонном разговоре клиентов интересует, какова будет стоимость верстки журнала, книги, каталога, буклета? В этой статье я попробую ответить на этот вопрос, указать цены на верстку различных изданий.
 
Каждый заказ хочется сделать хорошо, чтобы не только клиент остался доволен, но и я сам. Не стараться выполнить работу как можно быстрее, а сделать так, чтобы порадовать заказчика качественным продуктом, чтобы эту работу можно было выставить на сайте, разместить в портфолио и взять на встречу с потенциальным клиентом.
 
Исходя из этого, а также сколько стоит верстка, я рассчитываю бюджет работы. Если цена верстки каталога оговорена как 250 руб. за страницу, то мне нужно верстать не менее 10 страниц в день, учитывая, что к каждой странице в дальнейшем предстоит еще не раз вернуться: для обработки фотографий, внесения правок и т.д.
 
С простыми по дизайну изданиями такая арифметика хорошо работает, но с развлекательными журналами, сложными энциклопедиями и другими не шаблонными изданиями, требующими оформления, она не выдерживает никакой критики. Сколько же стоит верстка? Каким должен быть прайс на верстку? Попробую ответить на эти вопросы.
 
Стоимость верстки журнала
Все журналы, как и клиенты, разные. Развлекательные — с пестрящими красочными разворотами, информационные — наполненные инфографикой и большими таблицами, корпоративные — усыпанные фотографиями, научные — поражающие сложными формулами. Может верстка всех этих изданий стоит одинаково? Нет, не может. При разработке журнала особое внимание уделяется его оформлению, поэтому цена верстки журнала прогнозируется сложнее всего, она может варьироваться в пределах от 200 до 1000 руб. за страницу.
 
Стоимость верстки каталога
Если у каталога есть разработанный или адаптированный дизайн, готовые к печати иллюстрации, обработанные фотографии, то минимальная цена верстки каталога равна 250 руб. за страницу. Верхняя граница, как и в случае с журналами, может равняться 1000 руб. Пытаясь сэкономить при создании каталога вы удешевляете в глазах покупателя свой товар или услуги. Помните об этом.
 
Стоимость верстки книги
Цена верстки самой простой книги, сверстанной в одну колонку, с колонтитулами и небольшим количеством картинок, равна 20–50 руб. за страницу, в зависимости от объема. Для альманахов, энциклопедий, подарочных или корпоративных книг стоимость может достигать 500 руб. Верстка книги считается самой недорогой.
 
Стоимость верстки буклета
Буклет — это лист бумаги сложенный в несколько раз, более всего распространены буклеты с двумя фальцами (сложениями), а это всего-навсего 6 страниц. Следовательно, буклет не многостраничное издание, и цена верстки буклета равняется стоимости половины, или одного рабочего дня — 1000–3000 руб. При создании буклетов «с нуля», к этой цене нужно прибавить стоимость разработки дизайна, если его нет.
Книжная
Газетно-журнальная
Верстка веб-документов
Описание первых двух опустим и перейдем сразу к верстке веб-страниц. Чтобы лучше понять, что это такое рассмотрим процесс создания сайта. Сначала создают дизайн-макет: рисуют каждую страницу и все его элементы. В итоге получают изображение сайта, но это всего лишь «картинка».
 
Далее, полученный макет нужно отобразить в браузере, да так, чтобы все элементы «ожили» и откликались на действия пользователей. На этом этапе и вступает в работу верстальщик. Используя язык разметки html, он создает документы, которые понимает браузер и отображает их привычными всем веб-страницами.
 
Методы верстки                             
 
При верстке веб-страниц можно выделить два основных метода:
 
Табличная верстка
Блочная верстка
Табличная верстка раньше была основной. Преимущество верстки с помощью таблиц заключается в ее простом исполнении и практически одинаковом отображении в разных браузерах. Недостатки – сложная и объемная структура, которая в разы увеличивает количество кода ( по сравнению с блочной). Чтобы изменить табличную верстку нужно затратить большое количество времени и усилий, долго вникать в уже существующую структуру.
 
На сегодняшний день продолжают верстать сайты табличной версткой, но профессионалы уже давно перешли на более гибкую - блочную. Табличную верстку рекомендуют использовать только для отображения таблиц.
 
Блочная верстка является основной в среде веб-разработчиков. В блочной верстке каркас документа состоит из тегов
. Главным ее преимуществом является концепция семантической верстки, т. е. разделение содержимого и оформления.
 
Небольшой пример кода: 
 
Табличная верстка
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Шапка
Контент
Код блочной верстки
 
Шапка
 
Контент
Меню
 
Подвал
Результат получается одинаковый:
 
Верстка простого макета
 
Даже для самого простого макета уже видна разница в коде, а с увеличением элементов разница будет расти в геометрической прогрессии.
 
Программы для верстки
 
Чтобы сверстать простую веб-страницу можно обойтись и обычным блокнотом. Для более сложных проектов не обойтись без специальных html-редакторов. Они подсвечивают код, что значительно упрощает процесс верстки. В профессиональной среде используют следующие программы:
 
Notepad++
Macromedia Dreamweaver
Microsoft FrontPage
CoffeeCup HTML Editor
NetBeans
Coda
Редакторы html-страниц разделяют на обычные и визуальные. Используя визуальный редактор, сверстать страницу сможет даже неопытный пользователь. Но стоит понимать, что визуальный редактор дописывает много лишнего кода ( мусора) и лишает верстальщика возможности использовать гибкость языка html на 100%.
 
 
 
Какие проблемы возникают при верстке?
 
Основная проблема при верстке сайтов – не одинаковое отображение одного и того же документа в разных браузерах. Сверстав качественно страницу для Firefox, она может отображаться немного по-другому в Opera, и полностью разъехаться в Internet Explorer.
 
Причина в том, что каждый браузер разрабатывают разные компании и используют различные технологии и правила. Попытки прийти к единому стандарту уже делаются, но до конечного результата еще далеко.
 
Часто верстке не уделяют должного внимания. С таким подходом можно загубить даже самый креативный дизайн и сложный функционал сайта. Если посетители вашего личного блога это вам простят, то разваливающаяся верстка корпоративного сайта или магазина серьезно отразится на имидже компании. Самое верное решение – доверить работу профессионалам.
Разное 15.09.2016 729
Это интересно:

Организация свадебного банкета

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

Как выбрать "правильный" внедорожник

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

Филипяк Милано - экологически чистые товары

Компания Филипяк Милано – итальянская компания, известна во всей Европе.

Вибратор для двоих

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

Как выбрать настольную лампу?

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

Что означает «срочный выкуп квартир»

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

Комментарии: 0

Опрос
Вы едите после 18:00?
Именины сегодня:
24 Апреля
именины сегодня празднуют: