Як правильно оформляти текст під час створення сайту
Навіть найкращий дизайн можна зіпсувати безграмотним оформленням його текстової частини. Часто так і відбувається: поступово наповнюючи сайт текстами, користувачі не приділяють уваги їх правильному оформленню. Тому поступово з хорошого, грамотно оформленого, сайт перетворюється на неакуратний сайт з низькою зручністю читання.
У статті поговоримо про правила оформлення текстової частини сайту. Більшість сайтів містить у собі текстову інформацію. Тому правильне її оформлення відіграє важливу роль.
Правила оформлення тексту беруть свій початок із традицій друкарства. Протягом століть оформлення тексту вдосконалювалося. Удосконалювався шрифт та граматика мови, підвищувалася зручність читання тексту, а також естетика його оформлення.
Але повернемося до сайтів. На відміну від програм верстки тексту, можливості оформлення тексту в CMS набагато вже. У CMS не можна автоматично розставити переноси, змінити кернінг, застосувати висячу пунктуацію тощо. Пояснюється це тим, що текст на веб-сайтах, на відміну від тексту в книжках, динамічний. Він відображається на моніторах різних розмірів, змінюючи довжину рядків; Залежно від операційної системи змінюється вигляд шрифту, відрізняються його розміри. Тому перераховані вище недоліки нехтують на користь спрощення коду і швидкості завантаження сайту. Отже, оформлення тексту на сайтах розглядатимемо, виходячи з можливості CMS.
Розглянемо типові помилки оформлення тексту
1. Застосування неправильних знаків пунктуації Історично так склалося, що у різних мовах деякі знаки пунктуації відрізняються. Оскільки розробниками програм у більшості є західні компанії, відповідно, знаки пунктуації часто застосовуються за традицією американської.типографіки. Це є основною причиною, через яку їх неправильно ставлять. Розглянемо ці знаки.
Тіре В українській друкарці тире відрізняється від англійської. Довжину українського тире прийнято вважати рівною довжині букви "M" (Em dash), а англійської - довжині букви "N" (En dash). На клавіатурі немає окремої клавіші для тире і всі ставлять дефіс, тому що не знають, як поставити тире. А тепер спробуйте поставити дефіс, скажімо у Microsoft Word. Що станеться? Ворд замінить дефіс на англійський тире. Це звичайно краще, ніж дефіс, але все одно неправильно. Тире в українській друкарні лише однієї довжини — Em dash. Тире не допускається ставити на початку рядка, за винятком перерахувань та діалогів. в українському тексті від слів тире відбивається пробілами.
Кивачки Тут та сама ситуація, що і з тире. В англійській друкарці лапки мають форму “ ”, а в українській – “». Часто їх не розрізняють. Але в українських текстах правильно ставити лапки, ухвалені в українській друкарні. Навіть якщо в тексті зустрічаються англійські слова, які потрібно взяти в лапки, то в українських текстах правильно їх брати в лапки.
Англійські лапки в українському тексті використовуються, якщо потрібно поставити лапки в лапках. Наприклад, «Цитата “Назва“».
Знаки. , : ; Часто можна помітити, що ці знаки в текстах відокремлюють від слова пробілами. Вони повинні писатися разом зі словом, після якого стоять, не потрібно їх відокремлювати пробілом.
Два пробіли Іноді через неуважність між словами ставлять по дві пробіли. Це робити небажано. Якщо ви часто ставите по два пробіли, рекомендується після закінчення набору зробити автозаміну та поміняти всі подвійні пробіли на одинарні.
Пробіли перед і після дужок та лапок Купки і лапки, як коми і крапки не відбиваються від слів пробілом.
Позначення цифрового діапазону При позначенні цифрового діапазону між цифрами ставиться тире, при цьому воно не відбивається від цифр пробілами.
2. Заголовки Заголовки не потрібно відбивати рядком від тексту. А також після заголовків не ставиться крапка.
3. Форматування тексту в таблицях Рядки в таблицях потрібно вирівнювати по верхньому рядку і по лівому краю. Не потрібно розміщувати текст у осередках по центру. Коли все вирівняно в одному стилі, оку легше сприймати інформацію, зручність читання підвищується.
4. «Дірки» у тексті
Багато хто любить вирівнювати текст у рядку по обидва боки. CMS не дозволяє автоматично ставити переноси, тому коли слів у рядку мало, між словами, розтягнутими по обох краях утворюються величезні дірки. Таке форматування тексту є неприйнятним. Краще в такому випадку залишити правий край нерівним, і це буде набагато краще виглядати, ніж вирівняний по краях «дірявий» текст.
Насамкінець хочемо навести таблицю деяких символів, яких немає на клавіатурі, але які потрібні при правильному оформленні тексту. У Windows їх можна вставити в текст, набираючи код на цифровій клавіатурі, утримуючи клавішу Alt. При цьому має бути увімкнено режим NumLock.