Основные способы преобразования верстки
Одна из базовых задач, которую постоянно приходится решать администраторам сайтов — верстка статей, новостей, других текстов.
Несмотря на то, что это расхожая задача, до сих пор все наиболее распространенные в CMS способы ее решения не лишены ряда недостатков.
Основные способы верстки текстов.png)
Очевидно, что использование чистого HTML для верстки статей — не вариант. Доводов много: начиная с того, что этот язык разметки сложен для неподготовленных пользователей, слишком много свободы, достаточно легко ошибиться и развалить всю страницу, и заканчивая тем, что с HTML просто неудобно работать.
Не претендуя на исчерпывающее освещение вопроса, отметим, что существуют 2 основных решения, используемых в специализированных веб-издательских системах (например: в СМИ, энциклопедиях) для верстки текстов. Общая идея этих решений в том, что в них достаточно жестко ограничено количество вариантов форматирования.
В подобных системах для подготовки статей, как правило, применяются 2 подхода:
- Упрощенный (относительно настольных систем) визуальный редактор.
- Специальный язык с шаблонами (подобный подход применяется, например, в WIKI и в редакторах формул)
Использование визуальных редакторов стало уже практически стандартом для CMS. Основная проблема этого подхода — в подготовленное пользователем форматирование неизбежно вмешивается объектная модель броузера, отчего становится сложно достичь контроля над результатом. Даже если разработчик визуального редактора обработал все исключения, то с выпуском следующей версии броузера (например, у Chrome обновления выходят чуть ли ни каждую неделю) все опять может «поехать».
Вторая проблема — при подготовке текста не обойтись без вставки блоков, параграфов, отступов, цитат, отбивок и т.п. Как правило, пользователь всего этого не видит, а броузер в это время может создать весьма сложную блочную структуру, которая подчас ведет себя непредсказуемо.
MS Word и все-все-все
Даже если публикация подготовлена в MS Word и копируется в веб, то при вставке текста из буфера обмена, в код нередко «впрыскивается» мусор, который пользователь, не использующий редактор HTML, не увидит. Код становится тяжелым и слабо контролируемым, форматирование начинает проявлять «признаки искусственного интеллекта», ломается вид, или даже функциональность сайта.
Конечно, в современных CMS есть специальные фильтры, в задачу которых входит отсеивать этот мусор. Тем не менее, разработать фильтр, улавливающий 100% мусора, очень сложно. Каждая версия Microsoft Word имеет свои особенности, которые подобный фильтр должен уметь обрабатывать. А ведь есть еще MS Word for Mac, Pages, Open Office и ряд других популярных текстовых редакторов.
Другой существенный недостаток этого подхода — неполная совместимость возможностей верстки в настольных системах и в вебе. Выражается это, например, в невозможности корректно вставить изображение, разместить на сайт цитату, форматированный код в соответствии с принятым на сайте оформлением и др..
Назад к ручной верстке?
Тут можно возразить: «А что мешает переключиться в режим разметки HTML?!». Но стоп! Мы же с этого начали.
Применяемые в специализированных системах собственные языки разметки, такие как Wiki-markup, справляются с описанными проблемами, но тоже имеют недостатки. Как правило, эти языки достаточно сложны и при этом не стандартизованы. Например, wiki-markup имеет около десятка слабосовместимых между собой диалектов, что, конечно же, не способствует простоте его изучения. Например, попробуйте вставить статью из Википедии в Atlassian Confluence, Tiki-Wiki или в Wiki-модуль от Microsoft SharePoint.
Напрашивается альтернатива, сочетающая в себе простоту визуального редактора, полный контроль над результатом, который дает HTML-редактор, и при этом простая в изучении (а луче вообще не требующая обучения).
На эту роль отлично подходит BBCode, который позволяет делать все наиболее необходимые операции по форматированию, при этом он предельно прост и знаком всем по форумам.
Евгений Лозовой, редактор информационного портала AdMe-Сибирь:
В моей работе я имею дело с большим количеством пресс-релизов компаний и предприятий, которые традиционно оформлены в виде doc-файлов на фирменных бланках, с «красивым» украшением отступами, размерами и цветом шрифта. И обычно приходилось перед «подачей в номер» эти материалы перегонять через простейшие текстовые редакторы, дабы уничтожить элементы излишнего форматирования. Ведь чужой текст на сайте обязан смотреться единообразно, в едином стиле с другими опубликованными материалами. Использование BBCode-редакторов действительно упрощает этот процесс на порядок. Теперь редактор ресурса полностью контролирует внешний вид публикуемого текста, задействуя только самые необходимые элементы форматирования. В результате экономится время, сохраняется целостность стиля отображения.
Плюсы использования BBCode очевидны:
- Чистый HTML-код на выходе;
- BBCode позволяет добиться полного контроля над конечным результатом даже непрофессионалам;
- Ограниченный набор возможностей форматирования дисциплинирует пользователей и предупреждает нарушения целостности разметки страниц. Дизайнеры и администраторы сайтов теперь могут спать спокойно;
- Те, кто много работает с большими объемами текстов, повысят свою продуктивность — описание форматирования в BBCode короче и очевиднее, чем в HTML;
- В отличие от Wiki синтаксис BBCode прост, понятен и знаком большому количеству пользователей.
Справка из Wikipedia
bbCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML-код.
BBCode приходит в Amiro.CMS
Первой российской системой, в которую BBCode органично интегрирован прямо из коробки стала Amiro.CMS. Ранее возможности BBCode для форматирования статей были доступны только в виде отдельных плагинов к некоторым бесплатным CMS.
В реализации от Amiro.CMS пользователю в режиме разметки BBCode предлагается удобная, привычная по визуальному редактору, панель инструментов для вызова команд форматирования.
Работает подсветка синтаксиса BBCode. В любой момент можно переключиться на способ верстки, наиболее подходящий для конкретной задачи и уровня подготовки пользователя.
Гармоничное сочетание режимов редактирования (визуальный, BBCode, HTML), переключение на лету, подсветка синтаксиса и другие удобства делают новый редактор универсальным решением, подходящим для всех групп пользователей.
Ищете исполнителя для реализации проекта?
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.
Источник
Лекция «Создание, организация и основные способы преобразования (верстки) текста»
Создание, организация и основные способы преобразования (верстки) текста
В широком смысле слова под настольными издательскими системами понимают компьютерную цифровую полиграфию в целом, а в узком смысле – программы верстки документов.
DTP (DeskTop Publishing System, настольная издательская система) — комплекс аппаратного и программного обеспечения, предназначенный для подготовки публикации из текста и изображений для печати. Также возможна и подготовка документа публикации для распространения не в виде твердой копии, а в электронном виде, т. е. электронная верстка в PDF– и HTML-форматах. Настольное издательство, в отличие от традиционного типографского, подразумевает полиграфическую работу не в типографии, а дома или в офисе. В связи с широким распространением в последние годы мультимедийных и сетевых электронных изданий, принято различать настольные издательские системы на два типа:
1) для подготовки полиграфических изданий
2) системы верстки электронных документов
Среди настольных издательских систем наиболее популярными считаются системы QuarkXPress, Adobe PageMaker и Adobe InDesign.
Основным отличием настольных издательских систем от текстовых редакторов (таких, например, как MS Word) является то, что они предназначены в первую очередь для оформления (верстки) документа, а не для его создания «с нуля» (ввода текста, проверки правописания, создания изображений), хотя в определенной степени могут выполнять и эти функции. Процесс верстки документа состоит в оформлении текста и задании условий взаимного расположения текста и иллюстраций. Целью верстки является создание оригинал-макета, пригодного для размножения документа полиграфическими методами.
Оригинал-макет – оригинал, каждая страница которого полностью совпадает с соответствующей страницей будущего издания. Он может быть кодированным– на магнитном или оптическом диске – и в таком виде отсылаться на полиграфическое предприятие для набора и печати тиража; твердой копией,подготовленной для изготовления фотоформ или печатных форм, фотомеханическим или другим.
Печать оперативная — изготовление того, чем пользуются не только в рекламных целях, но и каждый день – это фирменные бланки, визитки, прайс-листы, конверты и т. п. Основными задачами оперативной полиграфии являются малотиражная(до нескольких тысяч экземпляров) и срочная печать брошюр, рекламных проспектов, визиток, плакатов, этикеток, прайс-листов, пригласительных билетов, фирменных бланков, наклеек, календариков, открыток и т. д., а также услуги postpress, как: ламинация, брошюровка, тиснение и др. Необходимость в решении подобных задач возникает сравнительно часто практически в любом офисе.
Оперативная полиграфия – это понятие, описывающее процесс создания небольших тиражей печатной полиграфической продукции хорошего качества и за очень короткое время.
В DTP обязательно приходится сталкиваться с графикой. Под работой с векторным редактором понимают создание и редактирование изображений, представленных набором контуров или кривых, имеющих цвет заливки и контура, а также толщину и тип этого самого контура. Для векторного дизайна популярны три программных продукта: AdobeIllustrator, MacromediaFreeHandи CorelDRAW.
Следующий класс дизайнерского ПО – это плоскостной растровый дизайн. Данная область дизайна эквивалентна классической живописи, но с использованием компьютера как инструмента вместо холста, кистей и палитры красок. Бесспорным лидером ПО растрового дизайна был и остается пакет AdobePhotoshop. Программа служит для фотообработки и ретуши. Фоторетушь представляет собой обработку отсканированных изображений на предмет удаления нежелательных элементов, включая пыль на слайде, случайно снятые или не отвечающие композиции объекты и т.п.
Самым первым настольным верстальным пакетом в мире был Adobe PageMaker (1985 г. – версия для Macintosh), следом за которым появился пакет Ventura Publisher (1986 г.) и версия Adobe PageMaker для PC, а через год после этого – QuarkXPress (1987 г).
Подавляющее большинство умеющих работать на компьютере сотрудников небольших коммерческих организаций владеет двумя программами – MS Word и MS Excel, которых им для работы вполне хватает. Подготовка макета к печати – под силу лишь профессионалу. А что делать, если нет опыта допечатной подготовки, времени и лишних средств? Решение проблемы нашла фирма Microsoft – для этого случая она предлагает использовать программный продукт под названием MS Publisher.
В 1991 г. была выпущена первая версия программы MS Publisher. За последнее время продукт прошел большой этап эволюции. Последняя версия программы введена в состав расширенного варианта MS Office ХР для работы в среде Windows. Она позволяет любому непрофессионалу создать вполне приемлемые для офиса макеты самых необходимых видов продукции. Для изготовления каждого из них – визиток, конвертов, прайс-листов, бланков, буклетов и многого другого – подготовлены десятки макетов, из которых можно выбрать подходящий и, заполнив информацией, отправить на печать.
Adobe InDesign 2.0 – профессиональный издательский пакет, оптимизированный под верстку документов самого широкого профиля, от одностраничных буклетов до толстых книг. Им в полной мере поддерживается полноцветная печать.
Если говорить об особенностях программы, то наиболее интересными возможностями Adobe InDesign являются работа со шрифтами и поддержка прозрачности, при помощи которой можно легко создать эффект отбрасывания тени любого векторного объекта.
Adobe InDesign, в отличие от своего предшественника Adobe PageMaker, более не является продуктом начального уровня и требует от пользователя теоретического и практического опыта.
Adobe PageMaker 7.0 – широко распространенная профессиональная программа верстки. Самая ценная особенность Adobe PageMaker при подготовке бумажных публикаций – это мощнейший механизм работы с цветом.
Преимущества : Adobe PageMaker – это классическая и простая в работе программа (простая организация рабочего процесса – электронный «рабочий стол», мощные инструменты вывода). В 7-й версии улучшен экспорт в формат PDF. К достоинствам пакета следует отнести интегрированность с другими продуктами Adobe – Adobe Illustrator и Adobe Photoshop.
Недостатки : традиционный подход к верстке (вырезка и вставка текстовых блоков) усложняет работу с длинными документами. В последней версии любой из программ (на сегодня это версия 7.0) имеют место некоторые недоработки (ошибки) разработчиков, поэтому для объемной или срочной работы лучше использовать предпоследнюю, более отлаженную версию того же программного продукта (например, версию 6.5).
Corel Ventura 10
Ventura – мощная профессиональная настольная издательская система. Первоначально программа называлась Xerox Ventura Publisher и работала под DOS 6.22. Уже в то время Ventura обладала всеми необходимыми инструментами для качественной верстки. Затем пакет купила фирма Corel.
Corel Ventura предлагает большое количество заготовленных разработчиками шаблонов, которые выполняют практически любой запрос пользователя. Также реализована возможность публикации документов в Интернете.
Преимущества : хорошая работа программы с длинными документами.
Недостатки : высокая сложность обучения и политика фирмы Corel не дают этой программе стать лидером верстки. К недостаткам программы можно отнести и тот факт, что интерфейс перегружен (не оптимизирован). Найти необходимую кнопку среди бесчисленных панелей инструментов, заполонивших экран, порой сложно.
Adobe FrameMaker 7.0
Adobe FrameMaker – один из лучших инструментов для верстки длинных и сложно организованных публикаций.
Преимущества : Adobe FrameMaker 7.0 идеально подходит для верстки больших сложных книг со множеством иллюстраций и таблиц, что является ее главным преимуществом. Особенно удобна эта программа для разработки технической документации.
QuarkXPress6.0 – мировой лидер верстки. Очень надежная, быстрая и качественная программа.
К недостаткам этой программы следует отнести пользовательский интерфейс, который остался на уровне стандартов середины 90-х годов 20-го века, отсутствие горячих клавиш для многих часто используемых функций.
Проводя сравнительные оценки рассмотренных программ, можно сделать вывод, что многолетний лидер издательской отрасли – QuarkXPress– по сей день остается одним из самых привлекательных продуктов. Привлекателен пакет AdobeInDesign. Он демонстрирует наиболее широкий спектр возможностей, хотя и сложен в освоении. К сожалению, обе эти программы достаточно дороги. Для начального знакомства с DTP рекомендуется MSPublisher.
Редакторы векторной графики
Программа представляет собой графический редактор, ориентированный на создание векторных художественных иллюстраций.
Пакет предназначен для работы с векторной и растровой графикой, а также анимации. В основном используется для создания баннеров, визиток, этикеток, плакатов и несложной верстки документов.
Преимущества : к достоинствам можно отнести высокую скорость работы и ее удобство. Выбрав объект, его можно изменить в размерах, перекосить, повернуть, отзеркалить, продублировать, и все это без необходимости выбора отдельных инструментов, а с использованием контекстного меню.
Macromedia FreeHand MX
Macromedia FreeHand – векторный графический редактор, главный конкурент Adobe Illustrator, неплохое решение для создания иллюстраций для печати, Интернета и проектов Macromedia Flash. Программа аналогична Adobe Illustrator и CorelDRAW. Работает быстрее, места на жестком диске занимает меньше. Надежна как на этапе создания иллюстрации, так и при цветоделении.
Macromedia FreeHand MX – полезная программа, позволяющая из макета, подготовленного к печати, сделать его интернет-версию за короткий срок. Одним из преимуществ Macromedia FreeHand перед его конкурентом Adobe Illustrator является возможность работы с многостраничными документами. В последней версии этой программы документ может содержать до 32 тысяч шаблонов.
Источник
