Back to site

Выкарыстаньне GREP стыляў для фарматавання HTML код у InDesign

[Гэта артыкул, напісаная Клаўдыё Marconato з Італіі і перадрукавала з яго дазволу. Мы зрабілі толькі нязначныя змены. Клаўдыё прадставіў гэта ў InDesign падзеі Ignite ў друку і ePublshing канферэнцыі ў Сіэтле пару тыдняў таму. Мы былі ўражаныя, таму ён ласкава напісала яго і паслаў яго нам.]

GREP Стылі з'яўляецца адным з самых магутных функцый, дададзеных у InDesign CS4. Выкарыстаньне GREP стыляў, вы можаце ўсталяваць выраз GREP прымяніць стыль знака, каб дыяпазон знакаў у вельмі разумны і дынамічна.

Нядаўна я знайшоў магчымасць выкарыстоўваць некалькі выразаў GREP, каб выбраць набор сімвалаў і прымяняць роду "каскадных стыляў знакаў". Вы не можаце ўжыць розныя стылі да таго ж набору знакаў з выкарыстаннем стандартных стыляў знакаў панэлі, але з GREP стыль, які вы можаце, так што вы можаце выкарыстоўваць стылі знакаў у шляху, які вельмі падобны на HTML і CSS спосабам.

З дапамогай гэтага метаду вы можаце ўсталяваць адзін сімвал стылю, які ўтрымлівае толькі вызначэння колеру тэксту (напрыклад, чырвоны) і яшчэ адзін, які ўтрымлівае толькі вызначэнне тэксту вагі (напрыклад, вызначаны тлустым шрыфтам). Пасля гэтага вы можаце ўжыць гэтыя стылі аб'яднання азначэнняў.

Дазвольце мне паказаць вам прыклад.

Вось вельмі просты кавалак кода HTML:

<p>This is a paragraph of plain text</p>
<p>In this paragraph there’s <strong>some bold text with some <em>italic text</em> inside</strong></p>
<p>Using GREP styles you can apply multiple styles at the same characters, for example you can apply a <font color=”red”>red color and also <strong>bold text</strong> using two separate styles with only one attribute each</font> as you can do with HTML and CSS</p>
<p>Enjoy</p>

. Калі вы захаваеце гэты тэкст ў тэкставы файл і захавайце яго з пашырэннем HTML, вы можаце адкрыць яго ў Safari або Firefox і паглядзець, як гэтыя браўзэры аказваць код HTML, гэта тое, як гэты скрыншот:

Вядома, InDesign не чытае HTML. Але вы можаце імітаваць гэты ж рэндэрынгу з InDesign, ужыўшы некаторыя стылі знакаў з GREP, у выніку чаго першапачатковы тэкст без зменаў.

Крок 1: скапіяваць і ўставіць з тэкставага рэдактара InDesign з усімі код HTML. Тут я зрабіў пункце стыль пад назвай "звычайны тэкст" для імітацыі тэкставага рэдактара:

Крок 2: Я стварыў стыль абзаца называецца "падсветкай сінтаксісу" для імітацыі рэдактар ??HTML, як Dreamweaver, які падкрэслівае HTML тэгі, вы можаце зрабіць гэта з дапамогай аднаго выразы GREP, што выбраць усе пазнакі, і вы можаце дадаць любую колькасць тэгаў як вам трэба:
(<\/*p>)|(<\/*strong>)|(<\/*em>)|(<\/*font( color="red")*>)

Гэта вынік:

Крок 3: Цяпер вам трэба, каб схаваць пазнакі і прымяніць некаторыя стылі для імітацыі вэб-браўзэр. Я выкарыстаў той самы выраз GREP як і раней, ужываецца стыль знакаў з памерам ад 0,1 пунктаў (мінімум я магу ўсталяваць з InDesign), гарызантальны і вертыкальны маштаб 1%, і колер "няма". З такімі наладамі тэкст пазнакі стаць нябачным!

Крок 4: Нарэшце, я магу дадаць некаторыя іншыя выразы GREP для фарматавання тэксту:

(<strong>).+(</strong>) для адважных (гэта значыць, я ўжываю смелы стыль характар, што код у GREP стыляў)

(<em>).+(</em>) for italic

(<font color=”red”>).+(</font>) for red color

(<em>).+(</em>)(?=.+</strong>) for bold italic

Пасля стварэння кожнага з гэтых стыляў GREP ўнутры майго стылю пункта, вось вынік:

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

Ёсць шмат выпадкаў, у InDesign, дзе вы хочаце ўжыць розныя стылі знакаў і той жа тэкст. Спадзяюся, вы знойдзеце гэтую тэхніку карысна!

Popular Links
Published (Last edited): Apr 9 , source: http://indesignsecrets.com/using-grep-styles-to-format-html-code-in-indesign.php