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

Connor1

Пользователь
Регистрация
16.05.11
Сообщения
46
Реакции
0
Баллы
1
Что такое вёрстка? Кто-нибудь объясните, пожалуйста, своими словами. В чём вообще заключается работа верстальщика?
 

unreal100

Пользователь
Регистрация
14.03.11
Сообщения
200
Реакции
0
Баллы
11
Ну например дизайнер верстальщик это проводник из мира JPG в мир HTML!
Дизайнер верстальщик должен не только нарисовать дизайн, но и оживить его, чтобы все кнопки работали и т.п.

Верстальщик веб страниц это человек, который профессионально занимается вёрсткой веб-страниц.
Он занимается созданием кода веб-страницы с помощью соответствующего языка разметки. ( например HTML, XHTML), оформлением ранее созданного кода страницы с помощью встроенных средств языка разметки, (или с помощью каскадных таблиц стилей CSS)
 
Последнее редактирование:

Gulia1

Пользователь
Регистрация
01.02.12
Сообщения
13
Реакции
0
Баллы
1
Тогда у меня следующий вопрос: чем отличается веб-программист от верстальщика? Правильно ли я понимаю, что верстальщик занимается, в основном, интерфейсом приложения, а веб-программист - логикой работы.
 

Boss3

Пользователь
Регистрация
19.06.10
Сообщения
1.683
Реакции
392
Баллы
28
Адрес
Pirate Bay
Если кратко, то верстальщик из картинки делает шаблон html. А проггер програмирует с нуля или использует чет базовое для создания программных приложений. ;)
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Надо бы и мне высказаться, вроде по моей любимой теме разговор...

Программист создает программы. То есть какие-то рабочие приложения, грубый пример - игру "Тетрис" или "движок" CMS (CMS - система управления контентом, к примеру vBulletin, Джумла, Друпал, phpbb3 и т.п.)

Дизайнер рисует то, как должен выглядеть сайт. Это тоже не так просто... У него свои требования к тому, что он нарисует (там полно особенностей того, как должны располагаться слои на этой картинке и т.п) Файлы обычно в .psd, STRIJ прав. В этом формате удобно вырезать элементы макета из шаблона и т.п. Результатом работы веб-дизайнера является шаблон, то есть упрощенно рисунок.

Верстальщик берет этот шаблон, потирает руки и с помощью HTML, XHTML, CSS и всех остальных средств воплощает рисунок в сайт, который можно выложить на хостинг и ждать посетителей.

НО!

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

Вот как-то так, примерно)
 

Gulia1

Пользователь
Регистрация
01.02.12
Сообщения
13
Реакции
0
Баллы
1
Спасибо, кажется, поняла! Но знаете, есть ёще такие программы, которые оснащены всеми дизайнерскими инструментами и когда дизайнер рисует, всё это автоматически переводиться в программный код. Получается, что в таком случаи отпадает потребность вёрстки?
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Gulia, я понимаю, что со стороны кажется, будто визуальные HTML редакторы легко решат любую проблему... и действительно, опытные верстальщики ими пользуются, но лишь для ускорения процесса. Поступил заказ - сделали, подправили, отчитались. На самом деле код бывает оптимальный, лёгкий, понятный, техничный и логичный... а бывает... после визуального редактора.
Хороший верстальщик даже после "скоростного" создания в редакторе правит "ручками".
Вы спросите - зачем?
Дело в том, что на сайте всё меняется, застывшие устаревающие архивы нужны не везде, а поэтому возможно в этот код снова придется лезть... что-то менять... сдвигать... убирать... а незнающий новичок "визуально" такого насоздает, что можно только посочувствовать тому, кто будет исправлять.
Что представляет собой этот код?
Формы, контейнеры, отступы и поля... Что-то стабильно находится на одном месте, что-то должно сдвигаться по тем или иным причинам... Например для одной кнопочки могут быть указаны и фон и отступы и градиент и скругления и шрифты (а у шрифтов самих по себе куча свойств) и тень и ...
Если это "накодит" неумеха-новичок... Без комментариев.
В общем, можно и редактором. Но только тому, кто уже умеет и "ручками" и понимает, что делает и зачем.
 

Gulia1

Пользователь
Регистрация
01.02.12
Сообщения
13
Реакции
0
Баллы
1
Насчёт визуальных HTML редакторов я с вами согласна. Но вот, например, я работала с программой Expression Blend, которая также дает возможность рисовать интерфейсы и сразу всё это переводить в XAML-код, язык разметки.
 

Никита Рябин

Пользователь
Регистрация
04.02.12
Сообщения
30
Реакции
0
Баллы
1
Возраст
26
Адрес
Омск
А Вам для какой цели нужно знать?
 

Gulia1

Пользователь
Регистрация
01.02.12
Сообщения
13
Реакции
0
Баллы
1
Не совсем поняла вопрос: для какой цели мне нужно что? Я просто делюсь опытом работы с инструментами, которые использовала. Может кому-то пригодиться.
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
и сразу всё это переводить в XAML-код, язык разметки

Не путайте. XAML-код - это язык разметки приложений, а не веб-страниц.
Он основан на XML, да, но это разные вещи. К тому же приложение всё равно будет управляться процедурным кодом (тем же vBulletin).
Ещё раз и по-русски?
Expression Blend - это программа от Microsoft для разработки интерфейсов программного обеспечения. Разницу видите?

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

Статистика форума

Темы
200.631
Сообщения
380.508
Пользователи
327.850
Новый пользователь
CryptoLord
Сверху Снизу