Spider-Media

Deirdre

Комиксы на русском - делаем перевод сами.

Итак, существует два способа переводить комиксы:
 1. В графическом редакторе типа Фотошопа - открываем страницу комикса, замазываем английский текст, и вставляем вместо него русский. В результате за один день практически беспрерывной работы мы получаем страниц пять готового комикса. Долго? Долго. Тогда переходим ко второму.
 2. Делаем динамический перевод. Вот здесь мы остановимся поподробнее. Все права на идею создания этого перевода, на основе тэга <map> принадлежат Sterpazook'y.

Для начала объясню, что конкретно представляет собой динамический перевод, ибо, как показывает практика, о сием чуде знают немногие. Итак, вы исполнились решимости скачать комикс с https://spidermedia.ru, и заметили странную ссылку - "скачать перевод". Честно говря, когда я ЭТО в первый раз увидела, мне сразу же представился отдельный текстовый файлик, в котором записаны все фразы, и все неудобства просмотра комикса с таким переводом... Но все оказалось гораздо проще и удобнее. Скачивая перевод, вы получаете архив который нужно распаковать прямо в папку, где содержатся страницы соответствующего комикса. Распаковав его мы видим энное количество файлов с расширением .htm (.html) и порядковыми именами (01.htm, 02.htm, 03.htm и так далее), один файлик index.htm и файл Read Me. Для чтения комикса нужно просто открыть index.htm, навести мышку на область (облако) текста, и, о чудо!, перевод появится в виде всплывающей подсказки! Вот так это выглядит:

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

Далее существует два способа. Первый я советую тем, кто не занимается разработкой web-страниц, и соответственно большая программа html-редактор, в которой встроена эта функция, вам ни к чему. Второй подойдет тем, кто web-страницы разрабатывает, и при этом использует програму Macromedia Dreamveaver. Но о ней в конце.

Итак, предположим вы никогда не сталкивались с языком разметки, aka HTML, но хотите делать переводы. В таком случае вам понадоится:
а) программа Map Designer Pro
б) Блокнот aka Notepad
в) Не забудьте обзавестись каким-нибудь словарем, в идеале Abbyy Lingvo (ибо настоящих лингвистов в нашем комикс-комьюнити все-таки маловато).

Сначала делаем сам перевод:

1) Открывает Мап Дизайнер, нажимаем на кнопочку New и выбираем соответствующую картинку:

2) Далее смотрим на панель инструментов. Кроме указанной кнопки New там присутствуют:

Кнопка Open - нужна в том случае, если вы хотите выбрать другую картинку.
Кнопка Save - для сохранения текущего документа.
Кнопки Copy, Cut и Paste - для копирования, вырезания и вставки нужных областей.
Кнопки удаления одной области и всех областей.
Кнопка Move для перемещения выбранной области по картинке.
Кнопки Квадрат, Многоугольник и Круг - для выделения областей соответствующей формы.
Snap to Grid - мною не разгаданная:).
HTML Editor - особо важная для нас - просмотр получившегося кода.
Testing - просмотр получившейся страницы в браузере.

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

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

Теперь обратите внимание на расположенное внизу поле с надписью "Alternative Text". Именно сюда мы и записываем перевод. Можно сделать по-другому. В панели управления выбираем меню View, и выбираем настройку Show area settings box. Тогда при выделении области будет выскакивать такая табличка:

Опять же в поле Alternative Text записываем перевод.
Больше никаких полей заполнять не надо. Далее операция повторяется до окончания текстов на странице.

4) Ищем на верхней панели вот эту кнопочку (та самая которая HTML Editor):

Нашли? Жмите. Если не нашли, значит вы скачали какую-то не ту программу:))). Появится код того, что вы только что натворили:

Сохраните это в каком-нибудь блокноте. Костяк перевода сделан.

Следующий этап - оформление:

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

<html>
<head>
<title>{Название комикса}</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFF00">
<div align="center">
<a href="index.htm">Начало</a> | <a href="01.htm">01</a> | <a href="02.htm">02</a> | <a href="03.htm">03</a> | <a href="04.htm">04</a> | {далее код странц повторяется, меняются только числа}
 {Номер станицы}

{***Сюда мы вставляем получившийся в Мап Дизайнере код***}

<a href="index.htm">Начало</a> | <a href="01.htm">01</a> | <a href="02.htm">02</a> | <a href="03.htm">03</a> | <a href="04.htm">04</a> | {и не забудьте с самого начала подсчитать, сколько у вас получается страниц, чтобы потом не переделывать все страницы}
</div>
</body>
</html>

Здесь нужно лишь заменить текст, поставленный в фигурные скобки. Страница перевода почти готова, остался один ньюанс: в коде перевода, взятом из Мап Дизайнера нужно заменить слово alt на слово title. Таким образом мы получаем такой текст:

Все, сохраняем данную страницу под названием: номер страницы.htm ( в данном случае 02.htm). Одна страница перевода готова. Далее следующий перевод, сделанный в Мап Дизайнере, мы вставляем в эту же страницу, и сохраняем ее снова но только под другим именем (03.htm). Не забывайте, что первую страницу, куда мы вставляем обложку, мы называем index.htm. Если на обложке нет текста, которые мы переводим - это просто картинка - тогда вместо кода от Мап Дизайнера мы вставляем строчку <img src="имя файла.jpg" width="x" height="y" border=0>, где имя файла.jpg - конкретное название обложки (скажем Batman Darkness 00FC.jpg), x - ширина рисунка, y - его высота (они определяются опять же в любом графическом редакторе, скажем в том же ACDSee).

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

Второй вариант того же, по сути, дейстия более приемлем для людей, работающих с распространнеными html-редакторами, а точнее с одним из них - Macromedia Dreamweaver. В принципе, функция построения карт (<map>) встроена во все редакторы, но из всех встречаемых мной только в Дримвейвере реализована так, что перевод действительно работает.
Для того,чтобы сделать перевод в Дримвейвере, следует создать страницу, оформить ее так же как описано выше, вставить картинку и потом обязательно сохранить. Далее кликаем мышкой по картинке и обращаем внимание на рабочее меню:

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

В графе "ссылка" ("href") мы удаляем все (обычно там стоит #), в графе "текст" ("alt") пишем перевод. Готово. Все сохраняем. Плюс здесь состоит в том, что Дримвейвер сам продублирует текст с атрибутом title.

Кстати о title. Зачем он нужен? - спросите вы. Дело в том, что именно и только с ним перевод работает в браузере Opera. Поэтому наличие его в коде перевода не только желательно, но и обязательно.

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

Ну и в заключение приведу все (какие мне пришли на ум) плюсы и минусы динамического перевода.
Минус, собственно говоря, один, но очень толстый - перевод работает корректно только в браузерах Opera до версии 6.х (седьмая и последующие версии перевод не поддерживают), и Internet Explorer весии от 6.х (в предыдущих версиях наблюдается своебразный глюк - при открытии страницы верхняя часть перевода отображается нормально, но при прокрутке страницы вниз перевод не отображается.). Причем очень часто в ИЕ перевод появляется на довольно короткое время - при большом объеме текста его просто не успеваешь прочитать. Приходится отводить мышку и подводить ее снова.

Зато плюсов неисчислимое множество:
1. Не требуется переделывать большие объемы картинок, которые от пересжатия явно не выигрывают в качестве.
2. Выполняется гораздо быстрей, чем "замазывание текста".
3. Людям, уже имеющим комикс в английском варианте, не нужно заново скачивать его, но уже в русском.
4. У читателя сразу перд глазами оба варианта текста - английский и руский, так что он имеет возможность сравнить правильность перевода и пнуть по этому поводу перводчика:).
5. Сам по себе перевод в архиве весит очень мало - всего несколько килобайт.

Кажется это все. Надеюсь я объяснила все достаточно подробно и у вас не возникнет вопросов. Если же они возникнут - обращайтесь по адресу - вам помогут:))

Автор Deirdre.