Верстка это что: «Что такое верстка сайта?» – Яндекс.Знатоки – что это такое, с чего начать и как сверстать сайт

Содержание

Верстка текста - это... Что такое Верстка текста?

Виды верстки

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

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

Газетная верстка имеет существенное отличие от книжно-журнальной: для нее характерно иное расположение текста и иллюстраций, а также довольно свободные правила переносов.

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

См. подробнее "Верстка по видам изданий", с примерами.

Основные требования к свёрстанным полосам книжно-журнальных изданий

Основные требования к свёрстанным полосам следующие: абсолютно точные (до 0,5 п.) размеры полос как по ширине (формату строки), так и по высоте, без каких-либо перекосов или «распоров»; единообразие вёрстки по всему изданию и приводность вёрстки.

Что понимают под единообразием вёрстки

Единообразие вёрстки — это одинаковый характер вёрстки всех полос издания, имеющих одинаковые элементы, в частности: равенство всех спусков на начальных полосах, примерное равенство отбивок всех заголовков и подзаголовков различных рангов, примечаний в тексте, сносок, подписей под рисунками, одинаковый способ завёрстки однотипных иллюстраций (вразрез или в оборку), одинаковая отбивка колонтитулов и колонцифр, сигнатур и норм и т. п.

Что понимают под приводностью вёрстки и как она достигается

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

Общие принципы вёрстки полос книжно-журнальных изданий

«Висячие» строки и правила, действующие в отношении таких строк

«Висячими» строками в типографской практике называют начальные абзацные строки, расположенные в конце полосы, а также концевые строки, расположенные в начале полосы. Технические правила вёрстки категорически запрещают наличие таких строк в свёрстанном издании, ибо они ухудшают удобочитаемость текста, а также искажают внешний вид полосы набора, лишая её традиционной прямоугольной формы. Современные правила лишь допускают оканчивать полосу концевой строкой, начинать полосу абзацной строкой, а также размещать в конце или начале полосы абзац из одной строки (например, в прямой речи, когда строка является одновременно и концевой и абзацной). Кроме того, допускается начинать полосу короткими строками в математических рассуждениях (например, часто встречающимися между формулами строками типа «и», «или», «здесь» и т. п.). «Висячие» строки в процессе вёрстки обязательно уничтожают, используя приёмы вгонки и выгонки строк.

Вгонка и выгонка строк

Основная статья: Вгонка и выгонка строк

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

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

Перенос слова с полосы на полосу

Правила не ограничивают переносы слов с чётной полосы на нечётную, то есть переносы на одном развороте (разумеется, правила переносов слов должны соответствовать грамматическим[неоднозначная ссылка] и техническим требованиям, см. страницу «Особенности набора»). Но недопустимо переносить слова с нечётной полосы на чётную, это ухудшает удобочитаемость издания, так как читатель должен перевернуть страницу для чтения окончания слова. В настоящее время позволяется в виде исключения оставлять такие переносы в случаях, когда ликвидация их в конце нечётной полосы может нарушить другие правила вёрстки. И всё же следует рекомендовать избегать таких переносов, так как почти всегда можно их ликвидировать без нарушения других правил вгонкой или выгонкой строки в одной-двух предшествующих полосах.

Спуск и основные технические правила вёрстки спусковых полос

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

Размеры спусков в издании определяются издательством.

Обычный размер спуска — около 1/4 высоты полосы, считая от её верха до первой строки текста, причем все заголовки, шапки и заставки включают в размер спуска.

По техническим правилам вёрстки размер спусков по всему изданию должен быть строго одинаковым, однако допускается уменьшение или увеличение спуска на одну-две строки основного кегля в связи с тем, что на спусковых полосах текста меньше, чем на обычных и отсутствуют предшествующие полосы, в которых можно было бы вогнать или выгнать строки для правильного окончания полосы (без «висячей строки» и без переноса на чётную полосу).

Заставка и правила её вёрстки

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

Заставки, как правило, подготавливают заранее. Чаще всего заставки одновременно служат иллюстрациями к следующим за ними частям или главам издания.

Концевая полоса и основные правила вёрстки концевых полос

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

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

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

Конечно, все вгонки и выгонки не должны нарушать другие технические правила набора.

Допускается оставлять одну-две пробельных строки перед полосой, начинающейся заголовком без спуска. Однако таких «особых случаев» быть не должно, ибо в пределах одной-двух, максимум трёх, предшествующих полос всегда возможно выгнать одну-две строки, сделав рассматриваемую полосу полной. Нельзя только выполнять эту задачу путём чрезмерного увеличения междусловных пробелов и, тем более посредством увеличения межабзацного или межстрочного расстояния.

Часто на концевых полосах размещают также более или менее сложные концовки.

Концовки и основные правила их вёрстки

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

Колонцифры, основные варианты их набора и вёрстки

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

Колонцифры по выбору издательства могут быть размещены внизу полосы или же сверху — в одной строке с колонтитулом или без него. Чаще всего колонцифры выключают в наружный край полосы (на чётных полосах в левый край, на нечётных — в правый), но иногда и по центру полосы.

Для колонцифр обычно применяют шрифт той же гарнитуры, что и для основного текста, но сниженного на 2 п. кегля. В изданиях особого назначения и оформления (справочники, словари, указатели и т. п.) колонцифры возможно набирать шрифтами других гарнитур и повышенных кеглей.

Основные требования к набору и размещению нижних колонцифр

Нижние колонцифры обычно набирают шрифтом кг. 8 той же гарнитуры, что и основной текст; выключают в наружный край полосы и отбивают от нижней строки текста пробелом, приводящим всю высоту полосы вместе с колонцифрой к величине, кратной цицеро. Например, полоса имеет высоту 49 строк корпуса, то есть 10 кв. 10 п., колонцифру кг. 8 отбивают пробелом 6 п., тогда общая высота полосы составит 10 кв.10 п.+8 п.+6 п.=10½кв.

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

Технологические инструкции предусматривают снижение кегля колонцифры по сравнению с кеглем основного текста на 2 п., однако это следует делать лишь в тех случаях, когда основной текст набирают шрифтом кг. 10 п. Если основной текст набирают шрифтом кг. 8 п., то колонцифры также набирают шрифтом кг. 8 п. Издательство имеет право выбрать любой кегль и шрифт колонцифры, и в некоторых изданиях кегль колонцифр может быть даже больше, чем кегль основного шрифта.

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

Основные требования к набору и размещению верхних колонцифр

Верхние колонцифры по указанию издательства, как правило, размещают в одной строке с колонтитулом и выключают в наружный край, иногда с колонлинейкой при выключке колонцифры по центру или также в наружный край. В обоих случаях колонцифра (вместе с колонтитулом или колонлинейкой) входит в заданный формат полосы набора, и её отбивают от начала полосы по правилам отбивки колонтитулов.

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

Иногда в двухколонных изданиях колонцифрами нумеруют не полосы, а колонки, тогда на всех полосах колонцифра левой колонки выключается в левый край, а правой колонки — в правый край. Верхние колонцифры в настоящее время почти не размещают посередине колонки в тире.

На каких полосах издания не ставят колонцифры

Колонцифры всех видов не ставят на титульных полосах издания (титуле, контртитуле, фронтисписе, авантитуле, шмуцтитулах), на пустых полосах (оборот титула, шмуцтитула, полосы «для записей» и т. п.), на полосах с выходными сведениями и на полосах, полностью занятых иллюстрациями (в научных и технических изданиях, на полосах со схемами, чертежами и т. п., как правило, по указанию издательства колонцифры ставят). Все перечисленные полосы входят в счёт страниц издания. Не ставят колонцифры также на вклейках, которые не входят в общий счёт страниц издания.

Верхние колонцифры (с колонтитулами, колонлинейками или без них) не ставят на всех спусковых (начальных) полосах. Нижние колонцифры не ставят на всех концевых полосах.

Колонтитулы, основные правила их набора и размещения

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

В современных изданиях не применяют колонтитулов, имеющих чисто оформительское значение, так называемых «мёртвых» колонтитулов — одинаковых по всей книге. Обычно применяют колонтитулы «живые», переменные, то есть разные для разных разделов и глав книги.

Колонтитулы обычно набирают в «красную строку», всегда одной текстовой строкой, шрифтом, значительно отличающимся от шрифта основного текста, — курсивом, полужирным курсивом, капителью, прописными сниженного кегля и т. п. Иногда колонтитулы выключают в наружный край или в оба края полосы (в словарных изданиях и энциклопедиях).

В большинстве случаев в одной строке с колонтитулом размещают и колонцифру. При размещении строки колонтитула в «красную» колонцифру выключают в наружный край. При размещении колонтитулов в край колонцифру обычно выключают в «красную строку».

Весьма часто колонтитул закрывают тонкой линейкой на полный формат без отбивки или с небольшой (на 2 п.) отбивкой его снизу от текста. Иногда линейки дают и сверху и снизу. В этих случаях для обеспечения зрительной равномерности отбивки текстовых строк колонтитула от линеек делают отбивку сверху (над строками, набранными прописными буквами) на 2 п. большей, чем снизу.

Колонтитулы (с колонцифрами или без них) входят в заданный формат полосы, их отбивают от первых строк основного текста на кегль основного шрифта или несколько больше с таким расчётом, чтобы общий формат полосы был кратным основному кеглю или цицеро. Например, при основном кг. 10 п. колонтитул кг. 6 п. с двухпунктовой линейкой можно отбить (конечно, одинаково по всему изданию) на 12 п. (обеспечивается кратность кеглю) или же, в частности, при формате 49 строк — на 14 п., чем будет обеспечена кратность высоты полосы цицеро (10 кв. 10 п.+2 п.=10½ кв.).

Красная строка — строка, выключенная по центральной оси полосы или колонки (с красной строки обычно набирают заголовки, формулы). Иногда красной строкой называют начальную строку с абзацным отступом.

В каких случаях на полосах издания не ставят колонтитула

Колонтитулы не ставят на всех титульных полосах издания (титулы, шмуцтитулы, полосы с выходными сведениями и т. п.), на пустых полосах (оборот титула, шмуцтитула, полосы «для записей» и т. п.), на полосах с иллюстрациями (кроме научной и технической литературы), а также на спусковых (начальных) полосах издания. Общая высота всех перечисленных полос должна быть точно равна текстовым полосам с колонтитулом.

Колонлинейки и правила их применения

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

В качестве колонлинеек применяют различные линейки и украшения, как правило, на полный формат строк набора, но иногда и на меньший формат с выключкой по центру или в наружный край. Часто вместе с колонлинейками применяют и колонцифру — над линейкой или внутри её с выключкой также по центру или в наружный край. Правила завёрстки колонлинеек точно такие же, как колонтитулов.

Титульный лист и правила его вёрстки

Титульным листом или титулом называют первую выходную страницу издания, на которой помещены основные сведения о нём — фамилия автора, название, место и год издания и др.

Как правило, титул размещается на первой полосе издания и занимает всю полосу, однако в журналах весьма часто титул заменяют «шапкой», то есть размещают все титульные данные лишь в верхней части первой полосы. В некоторых изданиях, имеющих контртитул или фронтиспис, титул размещают на третьей полосе издания.

Именно с установки титула (а при наличии также контртитула, фронтисписа и авантитула) начинают вёрстку каждого издания. На всех перечисленных элементах колонцифры, колонтитулы, нормы и сигнатуры не ставят.

Контртитул и особенности его вёрстки

Контртитулом называют чётную полосу, размещенную напротив главного титула издания (нечетная полоса). Иначе говоря, контртитул размещают в одном развороте с главным титулом издания (как правило, в многотомных или переводных изданиях). В многотомных изданиях на контртитуле размещают сведения, относящиеся ко всему изданию, на главном титуле — сведения, относящиеся лишь к данному тому. В переводных изданиях на контртитуле обычно помещают те же сведения, что и на титуле, но на языке оригинала.

Как правило, контртитул размещают на второй полосе издания (титул в этом случае — на третьей).

Фронтиспис и особенности его вёрстки

Фронтисписом называют рисунок, размещаемый на одном развороте с титулом на четной полосе. Обычно рисунок фронтисписа не имеет подписи, но иногда вместо подписи дают автограф автора.

Как правило, фронтиспис помещают на второй полосе издания (титул — на третью). Рисунок размещают на оптической середине полосы заданного формата.

Авантитул и особенности его вёрстки

Авантитулом называют полосу, являющуюся оборотом контртитула или фронтисписа (как правило, первую полосу издания), если на ней помещают какой-либо текст (например, название книги). Обычно название книги (фамилия автора) для авантитула набирают шрифтом той же гарнитуры, что и титул, но значительно сниженного (по сравнению с титульным листом) кегля не более 12—14 п.

Текст авантитула размещают на оптической середине полосы заданного формата (очень редко — в другом месте полосы, например, в верхней части полосы с выключкой вправо).

Аналогично завёрстывают издательскую марку или рисунок.

Какие элементы издания могут быть завёрстаны на обороте титула

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

Аннотация и основные правила ее вёрстки

Аннотацией называют краткое изложение содержания и назначения книжного издания или журнальной статьи.

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

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

Выпускные данные и правила их вёрстки

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

Выпускные данные набирают чаще всего шрифтом кг. 6 п., либо на полный формат строки набора, либо на значительно сниженный формат с выключкой строк в «красную» и завёрстывают на последней полосе издания. Если они набраны на полный формат, то их размещают под тонкой линейкой внизу полосы, если же на сниженный формат, то — по оптической середине полосы. Иногда выпускные данные размещают на обороте титула внизу полосы под тонкой линейкой.

Шмуцтитул и особенности его вёрстки

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

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

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

Посвящение и правила его вёрстки

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

Посвящение обычно набирают на сниженный формат выделительным шрифтом (курсив, курсив полужирный, шрифт иной гарнитуры), кегль которого не меньше кегля основного текста. Завёрстывают посвящение часто на отдельной нечетной полосе после титула, в верхней её части (со спуском 1-2 кв.) с отступом справа на ½-1½ кв. или иногда по оптической середине полосы. В некоторых случаях посвящение завёрстывают на первой текстовой полосе в счёт спуска, но обязательно над всеми заголовками.

В конце текста посвящения точки не ставят.

Как набирают и где завёрстывают эпиграф

Эпиграфом называют цитату из сочинений известных авторов, пословицу или афоризм, выражающий основную мысль книги, её отдельной части или главы. Эпиграфы всегда набирают на суженный формат (от ⅓ до ⅔ формата строки основного набора) шрифтом меньшего кегля, часто выделительным, например, курсивом. Если в эпиграфе дается иностранный текст с переводом, то их набирают разными начертаниями шрифта (часто основной текст — курсивом, а перевод — прямым), причём перевод отбивают на 4-8 п. В конце эпиграфа ставят точку или иной, необходимый по смыслу знак (весьма часто — многоточие, ибо текст цитаты обрывается). В кавычки текст эпиграфа не заключают. Почти всегда имеется ссылка на источник; её набирают отдельной строкой с выделением шрифтом без точки на конце и с отбивкой от текста эпиграфа на 2-4 п.

Иногда (в художественных произведениях улучшенного оформления) эпиграф ко всей книге завёрстывают на отдельной нечетной полосе после титула, а эпиграфы к отдельным частям издания — на шмуцтитулах после названия части. Чаще эпиграф ко всему произведению размещают на первой текстовой полосе над первым заголовком в счет спуска; над таким эпиграфом может быть только графическая заставка. Эпиграфы к отдельным частям или главам размещают под названиями этих частей с достаточной отбивкой от рубрик и от текста (как правило, не менее 20 п. над эпиграфом и 12 п. под ним).

Эпиграфы всегда помещают либо в правый край полосы, либо с большим отступом слева (примерно на половину формата строки основного текста).

Порядок вёрстки предисловия, введения и вступительной статьи

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

Порядок завёрстки послесловия и заключительной статьи

Послесловие и заключительную статью, как правило, набирают шрифтом той же гарнитуры, что и основной текст, но кеглем, сниженным на 2 п. Завёрстывают их сразу же после авторского текста с нечетной полосы.

При наличии и послесловия и заключительной статьи раньше завёрстывают послесловие. После этих элементов следуют примечания, указатели и оглавление или содержание (завёрстываемое в конце издания).

Затекстовые примечания и комментарии, порядок их вёрстки

Затекстовыми примечаниями обычно называют сноски к основному тексту издания, вынесенные в конец книги (в этом случае, как правило, знаки выноски в тексте имеют порядковую нумерацию). Комментариями называют объяснение или толкование отдельных положений основного текста, также помещаемые в конце издания.

Затекстовые примечания и комментарии всегда набирают шрифтом сниженного кегля; каждое примечание набирают с новой строки с абзаца, учитывающего равнение знаков сноски в пределах полосы. Чаще всего в таких примечаниях повторяют слово, к которому относится данное примечание. Слово набирают с выделением курсивом, разрядкой, реже — полужирным и отделяют его от текста примечания точкой и тире.

В отдельных изданиях затекстовые примечания и комментарии разделяют на части, разделы или главы издания. Если тексты примечаний короткие, их можно набирать в две колонки. Завёрстывают затекстовые примечания и комментарии после послесловия или заключительной статьи, а при их отсутствии — после основного текста, всегда с нечетной полосы со спуском. Довольно часто рубрику к ним дают шапкой.

Приложения и порядок их завёрстки

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

Несколько приложений (как правило, нумерованных) можно верстать все в подбор или каждое с новой полосы. Спуск обычно дают лишь перед первым приложением. Если приложения в издании отделены шмуцтитулом, то и первое приложение может быть дано без спуска.

Указатели

Указатели — это справочный материал, помогающий читателю быстро найти нужный текст в издании. Указатели заглавий помещают часто в последних номерах годового комплекта журналов.

Библиографические списки, основные особенности их набора и вёрстки

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

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

Прикнижные списки литературы завёрстывают после приложений на отдельной полосе со спуска. Внутрикнижные и пристатейные указатели литературы (к отдельным частям, главам или статьям) размещают в подвёрстку к тексту этих разделов как дополнительный текст

Оглавление и содержание, особенности их завёрстки

Оглавление — перечень всех входящих в издание частей, разделов, глав и параграфов с указанием номеров страниц, на которых они начинаются; содержание — перечень всех разделов, статей или отдельных произведений, помещенных в издании, также с указанием номеров страниц начала каждой статьи. Они являются составной частью почти всех книжных и журнальных изданий. Оглавление или содержание размещают в самом начале или в самом конце издания (по выбору издательства).

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

Содержание или оглавление всегда набирают со спуска, оно может занимать неполную полосу (тогда его следует разместить по оптической середине полосы) или несколько полос.

Содержание (оглавление) в начале издания завёрстывают в книгах (обычно техническая, учебная и научная литература) вслед за титулом (эпиграфом, посвящением на отдельной полосе) с нечётной полосы.

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

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

Дополнительные тексты и основные правила их вёрстки

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

Дополнительные тексты набирают шрифтом сниженного кегля (по сравнению с кеглем шрифта основного текста) той же гарнитуры (иногда иной).

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

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

Вёрстка сносок

Как завёрстывают простые сноски

Сносками называют дополнения или пояснения к основному или дополнительному текстам, помещаемые внизу страницы (или колонки) при наличии у текста, к которому данные разъяснения относятся, знака выноски (звездочки или цифры на верхнюю линию).

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

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

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

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

Как завёрстывают линейку, отделяющую сноски от основного текста

Сноски от основного текста отделяют тонкой линейкой длиной 1 кв., завёрстываемой в левый край с отбивкой от текста, равной или несколько большей, чем отбивка от текста сноски.

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

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

Как завёрстывают сноски на концевой полосе

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

Примечания в тексте и правила их завёрстки

Внутритекстовыми примечаниями называют дополнительный текст, разъясняющий или уточняющий основной, но помещенный непосредственно за разъясняемым текстом и снабженный словом «Примечание».

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

Слово «Примечание» набирают, как правило, с выделением — курсивом или разрядкой, с абзацного отступа, причем вторые строки должны быть набраны на полный формат без дополнительных втяжек (если все примечания набраны со втяжкой, то абзацный отступ дают сверх втяжки, а вторые строки набирают на формат со втяжкой). Если имеется несколько нумерованных примечаний, следующих одно за другим, слово «Примечание» не повторяют, а их нумерацию выравнивают по разрядам цифр, то есть первые строки каждого примечания дают с большой втяжкой (абзацный отступ плюс ширина слова «Примечание»).

Особенности вёрстки цитат

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

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

Самостоятельные цитаты набирают шрифтом меньшего, а иногда и большего кегля. При вёрстке, естественно, требуется их отбивка, обеспечивающая приводность вёрстки.

Если цитата набрана со втяжкой, то последняя должна быть больше абзацного отступа хотя бы на кегельную.

Как правило, цитата заканчивается ссылкой на источник или просто фамилией автора в скобках. Если такую ссылку дают в сноске, то непосредственно за цитатой ставят знак выноски без отбивки от кавычки, заканчивающей цитату. Пропуски в цитатах, начало цитаты с середины предложения или окончание её не в конце предложения обозначают многоточиями, которые не отбивают от начала и конца цитаты и от слов, у которых сделан перерыв; после многоточия в этом случае ставят пробел. Кавычки от многоточия также не отбивают. Самостоятельные цитаты могут быть набраны и без кавычек.

Перечисления, правила их набора и вёрстки

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

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

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

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

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

Обычное расположение отдельных элементов издания при вёрстке

Обычный порядок вёрстки всех элементов издания (если они имеются) может быть следующим:

  • авантитул или издательская марка на первой полосе
  • контртитул или фронтиспис — на второй полосе
  • титул — на третьей полосе (если все ранее перечисленные элементы отсутствуют, то на первой)
  • аннотация, а иногда и выпускные данные на обороте титула; посвящение или эпиграф ко всей книге — пятая (третья) полоса с пустым оборотом
  • на следующей нечётной полосе может (по оригиналу) размещаться содержание или оглавление; за ним — снова с нечётной полосы — вступительная статья, далее (опять с нечётной полосы) — предисловия; после всех предисловий на нечётной полосе — введение или (при его отсутствии) начало текста.
  • По окончании основного текста обычно следуют: послесловие, заключительная статья (желательно с нечётной полосы), затекстовые примечания и комментарии (обычно с нечётной полосы со спуском, а иногда и со шмуцтитулом), приложения (всегда с нечётной полосы со спуском, при наличии шмуцтитула — можно без спуска), списки литературы со спуском на отдельной полосе, указатели — также с новой полосы со спуском, оглавление или содержание (с новой полосы со спуска) и, наконец, выпускные данные на отдельной полосе (по оптической середине или снизу) или на последней полосе оглавления (внизу на полный формат).
  • После выпускных данных иногда можно разместить книжные объявления или полосы «для заметок», но чаще их помещают после оглавления до выпускных данных.

См. также

Ссылки

Вёрстка веб-страниц - это... Что такое Вёрстка веб-страниц?

Вёрстка веб-страниц — процесс формирования веб-страниц в текстовом либо WYSIWYG-редакторе, а также результат этого процесса, то есть собственно веб-страницы.

По принципам использования средств разметки HTML различают логическую разметку и презентационную (физическую). Например, курсивный текст можно получить как с помощью тега <i>, так и с помощью тега <em>. В первом случае курсив задаётся явным образом, а во втором на текст производится логическое ударение, которое обычно отображается курсивом. Иными словами, при первом подходе ориентируются на внешний вид, а во втором — на логическое предназначение. Преимуществом второго подхода является независимость вёрстки от используемого типа устройств и дизайна веб-страниц. Если придерживаться логической разметки, то можно использовать один и тот же вариант вёрстки для экрана, печати и КПК, регулируя внешний вид с помощью отдельных файлов стилей.

Вёрстка с помощью слоёв

Слои представляют собой структурные элементы, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Скрипты позволяют изменять параметры слоя динамически. Это дает возможность создавать на странице разные эффекты, такие как выпадающие меню, игры, разворачивающиеся баннеры, плавающие окна и прочее. До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторых проблем[1], уходят в прошлое: например, стандарт HTML 5 более не включает в себя поддержку фреймов.[2]

Таблицы широко применяются в самых разных случаях: с их помощью делают рамки, задают модульные сетки, создают цветной фон, выравнивают элементы и т. п.

Более современные версии браузеров стали строже придерживаться стандартов и содержать средства по работе со слоями.

Преимущества слоёв

Ambox scales.svg Проверить нейтральность.

На странице обсуждения должны быть подробности.

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

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

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

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

Слои по сравнению с таблицами отображаются быстрее.[источник не указан 720 дней] Более высокая скорость достигается за счет компактного кода и того, что отображение содержимого слоя происходит по мере его загрузки. Правда это может привести к «скачкам» элементов страницы по мере их подгрузки.

Не следует считать, что использование слоев это панацея от всех бед. К сожалению, стандарты работы со слоями ещё не до конца устоялись и браузеры по-разному реализуют определённые возможности. Из-за этого основная сложность верстки слоями — создать универсальный код, который бы одинаково и без ошибок работал в разных браузерах («кросс-браузерность»). Приходится вникать в тонкости поведения браузеров при использовании различных элементов стилей.

Вёрстка с помощью таблиц

Браузеры преднамеренно расценивают таблицу как один объект, из-за чего содержимое таблицы не отображается до тех пор, пока оно целиком не будет загружено на локальный компьютер.[3] При использовании таблицы в качестве каркаса для размещения элементов веб-страницы, её исходное преимущество обращается в недостаток, поскольку приводит к задержке вывода содержимого. Следует учитывать также и растущий объем веб-страниц при активном использовании таблиц, особенно в случае их вложенности друг в друга. Всё это приводит к тому, что табличная верстка вызывает ненужные задержки вывода информации в браузере.

Проблема возникает при множественной вложенности таблиц, что характерно для достижения определённых эффектов на веб-странице. Рост количества таблиц повышает шанс возникновения ошибок при вёрстке, увеличивает размер документов и снижает скорость загрузки файлов. Применение визуальных редакторов, вроде Adobe Dreamweaver или Microsoft FrontPage, для создания и правки документов облегчает работу с таблицами, но из-за обилия их параметров и в этом случае разработчики не застрахованы от появления ошибок и лишней работы, связанной с индивидуальным редактированием каждой таблицы.

Кроме того, использование таблиц для целей оформления не соответствует концепции семантичной вёрстки, подразумевающей использование элементов (тегов) в соответствии с их смыслом, семантическим значением. Элемент <table> и сопутствующие (<tr>,<th>,<td> и др.) предназначены для разметки табличной информации (т. е. такой, в которой имеется смысловая связь между элементами, принадлежащими одному столбцу или одной строке). W3C, как разработчик языка HTML, призывает использовать HTML для логической разметки информации, а оформление (в т. ч. позиционирование различных блоков) описывать отдельно от (X)HTML-разметки (с помощью CSS, например).

«Распорки»

При использовании таблиц широко известным приемом стало применение распорок — прозрачных изображений высотой в один пиксель. Само изображение не отображается на веб-странице, но его можно масштабировать в любых пределах. Получается невидимая палочка определённой ширины или высоты, которая не дает ячейкам таблицы сблизиться меньше, чем на заданное расстояние. Распорки особенно были актуальны для браузера Netscape, который не показывал фон ячейки, если в ней ничего не размещалось. Чтобы избавиться от указанной особенности и помещали в ячейку маленький прозрачный рисунок в формате GIF.

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

Верстальщик

Вёрсткой веб-страниц занимаются верстальщики. В общем случае в задачу верстальщика входят:

  • создание кода веб-страницы с помощью соответствующего языка разметки. Таковыми могут быть, например, HTML, XHTML, XML.
  • оформление ранее созданного кода страницы с помощью встроенных средств языка разметки, либо же с помощью каскадных таблиц стилей CSS

При этом он часто пользуется следующим ПО:

А также иногда прибегает к помощи:

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

Использование WYSIWYG редакторов и программ автоматической верстки часто осуждается[4][5] из-за низкого качества получаемого кода. Тем не менее, зачастую для пользователей их использование удобнее ручного кодирования, а также не требуют глубокого знания HTML, и поэтому широко используются.

Валидность HTML-верстки

Валидность HTML-верстки — это её соответствие стандартам организации The World Wide Web Consortium (W3C). Отсутствие ошибок в вёрстке документа — один из основных показателей качества вёрстки. Автоматическая проверка вёрстки на ошибки может быть проведена как с помощью онлайн сервиса W3C, так и различными программами «валидаторами». Разные версии спецификации HTML предполагают различный синтаксис, поэтому тест верстки на валидность должен обязательно учитывать её Document Type.

См. также

Примечания

  1. XFrames
  2. HTML5 differences from HTML4
  3. htmlbook.ru - Особенности таблиц
  4. Sauer, C.: WYSIWIKI - Questioning WYSIWYG in the Internet Age. In: Wikimania (2006)
  5. Spiesser, J., Kitchen, L.: Optimization of html automatically generated by WYSIWYG programs. In: 13th International Conference on World Wide Web, pp. 355--364. WWW '04. ACM, New York, NY (New York, NY, U.S., May 17–20, 2004)

Что такое верстка текста? Основные понятия, принципы и способы

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

История

Правила верстки текста

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

Когда цифровые технологии стали развиваться, верстку текста стали производить на компьютерах, появились специализированные программы. Самые популярные из них, которые сегодня используются большинством профессионалов, это AdobePageMaker, Adobe InDesign, Ventura Publishe, CorelDraw, Adobe FrameMaker, Microsoft Publisher. При этом для простейшей верстки текста книжкой Word также подойдет, хоть и является преимущественно текстовым редактором.

Разновидности верстки

Способы верстки текста

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

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

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

Требования к книжно-журнальным изданиям

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

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

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

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

Создание организации и способы верстки текста

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

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

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

С помощью последних можно освоить создание и способы верстки текста, не прилагая к этому особых усилий. Ключевое отличие текстовых редакторов от настольных издательских систем заключается в том, что они предназначены для самой верстки документа, а не для его создания, которое может включать в себя набор, проверку орфографии и создание изображений. Хотя они могут поддерживать и эти функции.

Программы для верстки текста

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

Adobe PageMaker - самая первая издательская настольная система, которая увидела свет еще в 1985 году. Приложение базировалось на графическом интерфейсе пользователя. Разработчики регулярно совершенствовали программу, например, в седьмой версии была добавлена возможность поддерживать печать переменных данных, расширились возможности для экспорта и импорта файлов Microsoft Office, появился модуль импорта файлов PDF.

При этом в 2004 году официально было объявлено, что разработка PageMaker завершается, но компания будет по-прежнему выпускать и продавать свой продукт. Преемником стала программа Adobe InDesign. Это более усовершенствованная программа верстки, которая позволяла создавать документы для их вывода на типографские машины промышленных масштабов, а при желании на самые простые пользовательские принтеры. Созданные документы можно было экспортировать во всевозможные форматы электронных изданий.

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

Еще одна программа для работы по верстке текстов - CorelDRAW. Это графический редактор, который работает на платформе Microsoft Windows. Возможности этого продукта намного шире, чем тех, которые были перечислены ранее. Главное отличие в том, что это не только программа для верстки текста, но и редактор растровой графики, обладающей возможностью захвата изображений и другими функциями.

Основные правила

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

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

Сплошной текст верстать совсем несложно. Обратим внимание, что оформление начальных полос при этом может быть трех видов, все это способы верстки текста:

  • со спуском;
  • со спуском, но с инициалами;
  • со шмуцтитулом в виде "шапки".

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

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

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

Это основные способы преобразования верстки текста, которые можно применять и для сложного текста.

Как размещать стихотворения в верстке

Верстка стихотворений

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

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

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

Если строфы поэтического текста набираются в порядке чередования без использования втяжек, то их не следует отбивать друг от друга.

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

Драматический текст

Верстках драматургии

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

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

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

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

Верстка таблиц и формул

Верстка таблиц

Ключевые моменты при организации и основные способы преобразования верстки текста подробно разобраны и рассмотрены в этой статье. Главная рекомендация заключается в том, что таблицы и выводы из них должны верстаться непосредственно сразу после текста, который они иллюстрируют. Если по каким-либо техническим причинам сделать это не представляется возможным, то их допускается верстать весьма произвольно в пределах одного разворота. На этот случай в тексте дается соответствующая ссылка, в которой указывается конкретный номер таблицы.

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

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

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

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

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

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

Верстка формул

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

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

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

Размещение иллюстраций при верстке текста

Верстка иллюстраций

Запомните, что месторасположение каждой иллюстрации изначально должно быть установлено еще при разметке оригинала и изготовлении макета. Вид размещения конкретных иллюстраций на полосе зависит от ее формата и формата самой иллюстрации. Существует несколько основных типов их размещения:

  • Открытая верстка, при ней иллюстрация размещается строго сверху или снизу полосы, непосредственно соприкасаясь с текстом одной или двумя сторонами.
  • Закрытая верстка. При этом способе иллюстрация помещается внутрь основного текста, соприкасаясь с ним двумя или даже тремя сторонами.
  • Глухая верстка. В этом случае иллюстрация закрыта текстом со всех четырех сторон, так называемая двухсторонняя оборка. При таком варианте иллюстрации могут располагаться на полях или с частичным выходом в поле.
  • Последний вариант подразумевает то, что иллюстрация настолько большая, что она занимает всю полосу, а текста на ней нет вовсе, кроме, возможно, подписи к самой иллюстрации, если она требуется.

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

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

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

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

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

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

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

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

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

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

Вот примерное соотношение размера шрифта для подписей под рисунками или фотографиями:

  • при наборе основного текста 12 кеглем, подписи делаются кеглем в 8 или 10 пунктов;
  • если основной текст набран 10 кеглем, то размер подписи к иллюстрации 8 пунктов;
  • если текст набран 8 кеглем, то размер подписи к рисунку остается таким же.

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

Верстка - это... Что такое Верстка?

  • верстка — набор, оттиск, корректура Словарь русских синонимов. верстка сущ., кол во синонимов: 5 • вёрстка (1) • корректура (6) …   Словарь синонимов

  • ВЕРСТКА — в полиграфии 1) составление страниц (полос) газеты, журнала, книги определенного размера из набранных строк, заголовков, иллюстраций и т. п. в соответствии с разметкой или макетом.2) Оттиск (корректура) со сверстанного набора, предназначенный для …   Большой Энциклопедический словарь

  • верстка — (1. Make up; 2. Page proof) 1. (make up) Процесс размещения (монтаж) набранного основного и дополнительного текста, заголовков, иллюстраций, подписей и других элементов издания на его полосах (страницах). Сейчас обычно производится на компьютере …   Шрифтовая терминология

  • верстка — Процесс формирования и монтажа полосы издания. [http://ofyug.ru/useful/abc/270] Тематики полиграфия …   Справочник технического переводчика

  • Верстка — 1. Монтаж полос издания заданного размера из составных элементов: наборных строк текста, заголовков, формул, таблиц, репродукций иллюстраций, украшений, колонцифр, колонтитулов и т. д. В. подчиняется техн. правилам В. Согласно осн. из этих правил …   Издательский словарь-справочник

  • Верстка — Вёрстка в издательском деле и полиграфии  процесс формирования страниц (полос) издания путём компоновки текстовых и графических элементов, а также результат этого процесса, то есть, собственно, полосы. Содержание 1 История 2 Виды верстки …   Википедия

  • верстка — процесс формирования и монтажа полосы издания; одна из основных стадий допечатного процесса изготовления газеты, журнала, книги и др.; заключается в составлении полос определенного формата и наборных строк текста, подстрочных примечаний, таблиц,… …   Краткий толковый словарь по полиграфии

  • Верстка — см. Типографское дело …   Энциклопедический словарь Ф.А. Брокгауза и И.А. Ефрона

  • Верстка — вёрстка ж. 1. процесс действия по гл. верстать, верстаться 1. 2. Результат такого действия; оттиск или фотоотпечаток свёрстанного набора, предназначенный для чтения корректуры. Толковый словарь Ефремовой. Т. Ф. Ефремова. 2000 …   Современный толковый словарь русского языка Ефремовой

  • верстка — 1. Типографиядә биткә салынган набор. Наборны биткә салу 2 …   Татар теленең аңлатмалы сүзлеге

  • Вёрстка веб-страниц - это... Что такое Вёрстка веб-страниц?

    Вёрстка веб-страниц — процесс формирования веб-страниц в текстовом либо WYSIWYG-редакторе, а также результат этого процесса, то есть собственно веб-страницы.

    По принципам использования средств разметки HTML различают логическую разметку и презентационную (физическую). Например, курсивный текст можно получить как с помощью тега <i>, так и с помощью тега <em>. В первом случае курсив задаётся явным образом, а во втором на текст производится логическое ударение, которое обычно отображается курсивом. Иными словами, при первом подходе ориентируются на внешний вид, а во втором — на логическое предназначение. Преимуществом второго подхода является независимость вёрстки от используемого типа устройств и дизайна веб-страниц. Если придерживаться логической разметки, то можно использовать один и тот же вариант вёрстки для экрана, печати и КПК, регулируя внешний вид с помощью отдельных файлов стилей.

    Вёрстка с помощью слоёв

    Слои представляют собой структурные элементы, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Скрипты позволяют изменять параметры слоя динамически. Это дает возможность создавать на странице разные эффекты, такие как выпадающие меню, игры, разворачивающиеся баннеры, плавающие окна и прочее. До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторых проблем[1], уходят в прошлое: например, стандарт HTML 5 более не включает в себя поддержку фреймов.[2]

    Таблицы широко применяются в самых разных случаях: с их помощью делают рамки, задают модульные сетки, создают цветной фон, выравнивают элементы и т. п.

    Более современные версии браузеров стали строже придерживаться стандартов и содержать средства по работе со слоями.

    Преимущества слоёв

    Ambox scales.svg Проверить нейтральность.

    На странице обсуждения должны быть подробности.

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

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

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

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

    Слои по сравнению с таблицами отображаются быстрее.[источник не указан 720 дней] Более высокая скорость достигается за счет компактного кода и того, что отображение содержимого слоя происходит по мере его загрузки. Правда это может привести к «скачкам» элементов страницы по мере их подгрузки.

    Не следует считать, что использование слоев это панацея от всех бед. К сожалению, стандарты работы со слоями ещё не до конца устоялись и браузеры по-разному реализуют определённые возможности. Из-за этого основная сложность верстки слоями — создать универсальный код, который бы одинаково и без ошибок работал в разных браузерах («кросс-браузерность»). Приходится вникать в тонкости поведения браузеров при использовании различных элементов стилей.

    Вёрстка с помощью таблиц

    Браузеры преднамеренно расценивают таблицу как один объект, из-за чего содержимое таблицы не отображается до тех пор, пока оно целиком не будет загружено на локальный компьютер.[3] При использовании таблицы в качестве каркаса для размещения элементов веб-страницы, её исходное преимущество обращается в недостаток, поскольку приводит к задержке вывода содержимого. Следует учитывать также и растущий объем веб-страниц при активном использовании таблиц, особенно в случае их вложенности друг в друга. Всё это приводит к тому, что табличная верстка вызывает ненужные задержки вывода информации в браузере.

    Проблема возникает при множественной вложенности таблиц, что характерно для достижения определённых эффектов на веб-странице. Рост количества таблиц повышает шанс возникновения ошибок при вёрстке, увеличивает размер документов и снижает скорость загрузки файлов. Применение визуальных редакторов, вроде Adobe Dreamweaver или Microsoft FrontPage, для создания и правки документов облегчает работу с таблицами, но из-за обилия их параметров и в этом случае разработчики не застрахованы от появления ошибок и лишней работы, связанной с индивидуальным редактированием каждой таблицы.

    Кроме того, использование таблиц для целей оформления не соответствует концепции семантичной вёрстки, подразумевающей использование элементов (тегов) в соответствии с их смыслом, семантическим значением. Элемент <table> и сопутствующие (<tr>,<th>,<td> и др.) предназначены для разметки табличной информации (т. е. такой, в которой имеется смысловая связь между элементами, принадлежащими одному столбцу или одной строке). W3C, как разработчик языка HTML, призывает использовать HTML для логической разметки информации, а оформление (в т. ч. позиционирование различных блоков) описывать отдельно от (X)HTML-разметки (с помощью CSS, например).

    «Распорки»

    При использовании таблиц широко известным приемом стало применение распорок — прозрачных изображений высотой в один пиксель. Само изображение не отображается на веб-странице, но его можно масштабировать в любых пределах. Получается невидимая палочка определённой ширины или высоты, которая не дает ячейкам таблицы сблизиться меньше, чем на заданное расстояние. Распорки особенно были актуальны для браузера Netscape, который не показывал фон ячейки, если в ней ничего не размещалось. Чтобы избавиться от указанной особенности и помещали в ячейку маленький прозрачный рисунок в формате GIF.

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

    Верстальщик

    Вёрсткой веб-страниц занимаются верстальщики. В общем случае в задачу верстальщика входят:

    • создание кода веб-страницы с помощью соответствующего языка разметки. Таковыми могут быть, например, HTML, XHTML, XML.
    • оформление ранее созданного кода страницы с помощью встроенных средств языка разметки, либо же с помощью каскадных таблиц стилей CSS

    При этом он часто пользуется следующим ПО:

    А также иногда прибегает к помощи:

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

    Использование WYSIWYG редакторов и программ автоматической верстки часто осуждается[4][5] из-за низкого качества получаемого кода. Тем не менее, зачастую для пользователей их использование удобнее ручного кодирования, а также не требуют глубокого знания HTML, и поэтому широко используются.

    Валидность HTML-верстки

    Валидность HTML-верстки — это её соответствие стандартам организации The World Wide Web Consortium (W3C). Отсутствие ошибок в вёрстке документа — один из основных показателей качества вёрстки. Автоматическая проверка вёрстки на ошибки может быть проведена как с помощью онлайн сервиса W3C, так и различными программами «валидаторами». Разные версии спецификации HTML предполагают различный синтаксис, поэтому тест верстки на валидность должен обязательно учитывать её Document Type.

    См. также

    Примечания

    1. XFrames
    2. HTML5 differences from HTML4
    3. htmlbook.ru - Особенности таблиц
    4. Sauer, C.: WYSIWIKI - Questioning WYSIWYG in the Internet Age. In: Wikimania (2006)
    5. Spiesser, J., Kitchen, L.: Optimization of html automatically generated by WYSIWYG programs. In: 13th International Conference on World Wide Web, pp. 355--364. WWW '04. ACM, New York, NY (New York, NY, U.S., May 17–20, 2004)

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

    Для людей, занятых в IT сфере, понятие верстки кажется очевидным. Тем более сложно объяснить его человеку, который с сайтами сталкивается только в качестве пользователя. Иногда даже друзьям не могу нормально рассказать, чем именно я занимаюсь. В этой статье постараюсь дать простой и понятный ответ на вопрос "Что такое верстка сайтов?". В следующий раз буду просто кидать ссылку, а не пытаться кое-как изобразить на пальцах.

    Верстка — это вроде программирования?

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

    Тут показан пример HTML документа.

    Верстка, если говорить просто, — это объяснение браузеру, как именно должна отображаться страница. Браузер — не Вася, и даже не Лена, он вообще не человек, так что штуки вроде "подвинь эту картинку немного левее" с ним не проходят. Зато он прекрасно понимает язык разметки HTML.

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

    Что включает в себя верстка сайта?

    От верстальщика требуется добиться такого отображения в браузере, которое будет наиболее близким к графическому макету. Для этого есть много инструментов. Самые базовые из них: языки HTML и CSS. 

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

    На картинке показан HTML код, который выводит картинку с котиком.

    Результат:

    Это фото котенка.

    Я очень люблю котиков! И когда я говорю "очень" — я не шучу. Вот вижу пушистого засранца и прям хочется обнять и потискать. Не знаю, что и делать с собой. Вот ничего и не делаю, так что все котики в моем районе потисканные и поглаженные ходят.

    Тут ничего нет про кошек


    Правда, мало кому такой результат покажется хорошим. Большинство дизайнеров заставят верстальщика "приклеить" текст к правому боку котика, перекрасить его в зеленый цвет, а еще поиграть со шрифтами. Тут приходится кстати язык CSS (каскадные таблицы стилей) — он описывает внешний вид и некоторое поведение элементов.

    На картинке показан CSS файл.

    Результат:

    Это фото маленького котенка в траве.

    Я очень люблю котиков! И когда я говорю "очень" — я не шучу. Вот вижу пушистого засранца и прям хочется обнять и потискать. Не знаю, что и делать с собой. Вот ничего и не делаю, так что все котики в моем районе потисканные и поглаженные ходят.

    Тут ничего нет про кошек


    Иногда для реализации странных дизайнерских задумок приходится брать на вооружение и язык программирования JavaScript, но требуется верстальщику это нечасто, и обычно используются только самые примитивные его возможности (не стоит путать верстку с frontend программированием).

    Также в последнее время достаточно популярными стали разные фреймворки. Сложно объяснить примитивно, что собой являет фреймворк... По сути, это некий скелет, продуманная кем-то структура (подход), готовые наборы элементов — применение фреймворков позволяет добиться стандартизации и облегчает разработку крупных проектов.

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

    Какие сложности есть в верстке сайтов?

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

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

    Вот пример макета, который практически невозможно наверстать под многие браузеры (пестрый фон и фигурные блоки, в которые должны выводиться фото):

    На картинке показан пример макета, который не может быть наверстан кроссбраузерно.

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

     

    Чтобы сделать плавную анимацию при наведении на конфетки слева, пришлось прописать 4 стиля, потому что не все браузеры понимают стандарт.

    Тут приведен код, который поддерживает разные стандарты браузеров.

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

    Чтобы реализовать адаптивность сайта, прописываются разные дополнительные стили, что, кроме большего объема работы, влечет за собой продумывание поведения элементов (часто это задача дизайнера). Самый банальный пример: меню "гамбургер", заменяющее обычное на мобильных устройствах.

    Вот примеры адаптивных сайтов, которые я верстала (меняем ширину окна и наблюдаем за изменениями):

    http://mebel-magnit.com.ua/   http://dm.cv.ua/    http://by-bike.ru/

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

    На картинке пример игры со шрифтами.

    Верстать может любой дурак? 

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

    Честно говоря, я и сама часто видела, как верстают дураки, а точнее результаты их работы, так что доля правды в этом есть. Но вот хорошими верстальщиками становятся далеко не все (тут доказывать нет смысла, лучше просто пройтись по интернету и попробовать отыскать отлично наверстанные сайты — в самом деле, это не настолько просто). 

    На картинке показан пример отвратительной верстки.

    Для верстки не требуется столько умственных способностей, как для программирования — это так. Но есть много других особенностей, которые необходимы.

    Если вы дурак, который хорошо понимает, что такое сайт, способный выучить некоторые правила и следить за новостями в веб разработке, готовый постоянно развиваться, настроенный часами исправлять небольшие баги, если вам нравится днями напролет копаться в коде, договариваться со шрифтами и дизайнерами, тогда верстка именно для вас! Поздравляю!

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

    Просто скриншот с ноутбука верстальщика:

    Это скриншот с моего ноутбука, когда я занимаюсь версткой.

    Лично мне верстка подходит, потому что я придирчива к мелочам и усидчива. Я люблю делать интересные сложные проекты по верстке, которые нуждаются в особом подходе. Мне приятно наблюдать, как графический макет становится сайтом. Но верстать однотипные макеты или макеты, сделанные через одно место — это ужасно!

    Выбрать верстку в качестве основной профессии не есть лучшим решением для большинства людей. Уверена, что кому-то даже проще заниматься тем же программированием. Да и не обязательно влезать в то дело, которое не по душе. Я удивлена, что так многие нынче желают пролезть в IT и, как следствие, начинают верстать, ведь занятие это не из веселых.

     

    В общем, меня занесло немного не в ту сторону. Просто многие задаются вопросом "Что такое верстка сайтов?", как раз в размышлениях заняться ею. Надеюсь, что у меня получилось объяснить нюансы профессии верстальщика, и что вы не будете зря тратить свое время на обучение, если вам такое не близко.

    Компьютерная вёрстка - это... Что такое Компьютерная вёрстка?

    Компьютерная вёрстка (англ. Desktop publishing — «настольное издательство», сокращённо DTP) — использование персонального компьютера и специального программного обеспечения для создания макета с целью последующей печати в типографии или на принтере.

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

    Примерами программного обеспечения, специализирующегося на компьютерной вёрстке, являются программы QuarkXPress, Adobe InDesign, Scribus, Microsoft Publisher, Apple Pages.

    Под термином компьютерная вёрстка понимают не только создание макета страницы (page layout) для книг и журналов. Этот термин также используется для создания макетов рекламных объявлений, упаковки, дизайна выставочных стендов и т. п.

    История

    Начало компьютерной вёрстке было положено в 1985 году, когда вышла созданная корпорацией Aldus программа PageMaker[1] и персональный лазерный принтер LaserWriter компании Apple Computer. Возможность создания WYSIWYG макетов страницы на экране монитора с последующей распечаткой на принтере была новой как для компьютерной индустрии, так и для типографского дела. Термин «desktop publishing» был предложен Полом Брейнердом, основателем Aldus Corporation.

    Ранние системы компьютерной верстки на сегодняшний день выглядят весьма примитивными. Связка PageMaker-LaserWriter-Macintosh 512K была не совсем стабильной, часто зависала, использовался чёрно-белый экран, невозможно было контролировать кернинг, трекинг и другие важные для вёрстки параметры. Но в то время отзывы о системе были одобрительными.

    Технологии, разработанные Adobe Systems, заложили фундамент для дальнейшего развития компьютерной вёрстки. Принтеры LaserWriter и LaserWriter Plus содержали во встроенной ROM-памяти масштабируемые шрифты от Adobe.

    В 1986 году вышла программа Ventura Publisher для компьютеров под ОС MS-DOS. В то время как PageMaker имитировала процесс создания макета страницы вручную, Ventura Publisher автоматизировала этот процесс путем использования тэгов (tags) и таблиц стилей (style sheet), что позволило автоматизировать процесс создания индексов и элементов макета страницы. Таким образом Ventura Publisher была удобнее PageMaker при создании макетов книг и многостраничных документов.

    В это время компьютерная верстка воспринималась как непригодная для широкого использования, во многом благодаря пользователям, которые использовали плохо организованные макеты. Тем не менее, профессиональное использование технологий компьютерной вёрстки позволяло уже тогда получить хорошие результаты. Например, журнал Info magazine в конце 1986 года стал первым полноцветным изданием, подготовленным методами компьютерной вёрстки.

    Улучшение и расширение инструментов для работы с текстом и графикой для компьютеров привлекло внимание профессионального печатного сообщества к системам компьютерной вёрстки. Переломным моментом стало появление в 1990-х годах программы QuarkXPress, а также расширение базы компьютерных шрифтов. QuarkXPress стала доминирующей системой на рынке. В начале 2000-х набрала популярность программа Adobe InDesign. Это произошло благодаря ее большим возможностям, а также интеграции с другими программами от Adobe, которые были доминирующими в сфере компьютерного дизайна, обработки изображений и фотографий, аудио- и видеоредактирования.

    Примечания

    Question book-4.svg В этой статье не хватает ссылок на источники информации. Информация должна быть проверяема, иначе она может быть поставлена под сомнение и удалена.
    Вы можете отредактировать эту статью, добавив ссылки на авторитетные источники.
    Эта отметка установлена 13 мая 2011.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *