Правописание хорошее, а типографика почему-то хромает

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

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

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

Запомните раз и навсегда: обычный текст — это сырой текст. Его не стоит выставлять на публику на страницах вашего сайта, если вы дорожите имиджем своей компании. Что же в нем не хватает, спросите вы? А элементарной русской типографики. С первого класса нас учили правописанию, а как дело коснулось интернета, многие забыли об этом. Мы стараемся упростить и ускорить набор текста, что негативно сказывается на его внешнем виде. Давайте разберемся в наиболее частых ошибках в электронных текстах и как их не допускать.

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

В текстах для сайтов необходимо уделять пристальное внимание словам, которые не могут переноситься на следующую строку при изменении ширины окна браузера. Конечно же, мы не можем знать, когда и где предложение разделится на отдельные строчки, поэтому возьмите себе за правило: учитывайте все случаи. На строчке не должны остаться: инициалы, одно-, двух- и некоторая часть трехбуквенных слов, цифры года. На строчке должно остаться длинное тире. Чтобы слова не перескакивали нежелательным образом, их нужно «привязывать» к соседним словам неразрывным пробелом: Ctrl+Shift+пробел. Применяется также неразрывный дефис: Ctrl+Shift+_.

Имеет место популярная ошибка в употреблении неправильных кавычек. Ни в коем случае не стоит использовать знаки дюйма и «программистские» кавычки " … " (которые используются только для набора исходных кодов программ или в электронной переписке). В русских текстах используются «елочки» или „лапки“.

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

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

Памятка веб-мастеру:

& #167; § параграф

& #169; © знак охраны авторского права (copyright)

& #174; ® символ зарегистрированного товарного знака

& #153; ™ символ товарного знака

& #176; ° знак градуса

& laquo; « левая кавычка (левая ёлочка)

& raquo; » правая кавычка (правая ёлочка)

& #133; … многоточие (а не три точки рядом)

& #146; ’ апостроф

& #132; „ открывающая лапка

& #147; “ закрывающая лапка

& #147; “ открывающая английская лапка

& #148; ” закрывающая английская лапка

& #149; • жирная точка, маркер

& #150; – дефис

& minus; − минус

& #177; ± плюс-минус

& #151; — тире

& #8470; № знак номера

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

Alt+0167 § параграф

Alt+0176 ° знак градуса

Alt+0171 « левая кавычка (левая ёлочка)

Alt+0187 » правая кавычка (правая ёлочка)

Alt+0133 … многоточие

Alt+0149 • жирная точка, маркер

Alt+0150 – дефис

Alt+0177 ± плюс-минус

Alt+0151 — тире

Alt+24 ↑ стрелка вверх

Alt+25 ↓ вниз

Alt+26 → вправо

Alt+27 ← влево

Alt+3, 4, 5, 6 — ♥, ♦, ♣, ♠ соответственно, может быть кому пригодится ☺ (Alt+1)

При необходимости вставить какой-либо иной символ (или узнать его код) можно воспользоваться вкладкой «вставка» в word. В меню «символ» выбираете необходимый элемент и жмете «вставить». Следите за соответствием шрифта выбранному символу.

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

Символы вводятся с нажатым правым Alt, например Alt+< и Alt+> дадут «елочки». Если символ нарисован в верхней части кнопки, значит нужно нажать ещё и Shift, например Alt+Shift+C даст ¢. Правому Alt аналогична комбинация клавиш Ctrl+Shift.

Раскладку можно скачать на сайте Ильи Бирмана