1. СамИздат с иллюстрациями (опыт чайника).

2.       Как любой автор, я постарался в своей работе привести пояснительные схемы и рисунки, что и сделал, но... Автор - это вовсе не обязательно ещё и продвинутый пользователь компьютера. Как и следовало предположить, я столкнулся с СамИздатом и его особенностями. Вначале я просто перенёс через буфер обмена свою работу в окно добавления произведения, но с иллюстрациями оказался непреодолимый завал, а спросить не у кого. Попытался осилить статью Белоглазова А.И. Html и Самиздат, не помогло. Попытался через литературу и различные диски с текстовыми редакторами осилить этот путь, тоже оказалось мало продуктивно. Наконец через год от начала мытарств встретил статью Hydrophyte: Оформление страниц на Самиздате при помощи картинок, ну просто прелесть, как раз для таких чайников, как я. Пошёл первым из описанных в статье методов, всё замечательно в Windows XP работает как часы, проделал все шаги до слов " С ворд-файлом, содержащим большое количество картинок и формул всё". И, как вы понимаете, картинок в своей работе в СамИздате не увидел. Несколько раз дочитал статью и инструкции СамИздата до конца, дошло. Совершил ещё один заход в свой раздел, и свершилось чудо - картинки появились наконец-то в тексте работы. Я выражаю огромную благодарность указанным авторам, но им этот вопрос знаком и видимо набил уже оскомину, поэтому они некоторые важные детали пропустили, а я об них споткнулся. Своим опытом я и хочу поделиться, думаю, что я не один такой чайник блестящий и с носиком.

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

4.          Пошаговое руководство для размещения иллюстраций в СамИздате.

5.       Создать своё произведение в Word-е. При этом формат абзаца может быть любой, по вашему усмотрению с красной строкой или без неё. Обязательно включите кнопку "Непечатаемые знаки" () достать её можно через "Сервис" → "Настройка" → "Команды" → "Вид" → "Отображать все знаки" ().

6.       Оформить второй документ, например, с названием "Схемы". В "Схемах" вы формируете свои иллюстрации, тут тоже есть свои чудинки. Нужно выделить знак (), который стоит на чистом листе, далее → "Формат" → "Абзац" → "Первая строка" → "(Нет)", так как это форматирование отразится и на текстах надписей, которые мы будем вставлять.

7.       На каждой его странице ставите три абзаца () (трижды нажимаем "Enter"), "Непечатаемые знаки" должны быть включены. Тогда вы их хорошо увидите.

8.       Курсор у вас остановится на третьем абзаце, далее → "Вставка" → "Разрыв" → "Разрыв страницы" и нажмёте его, курсор перескочит на следующую страницу.

9.       Возвратите курсор на второй абзац исходной страницы. Это удобно для того, чтобы на этой же странице при необходимости можно было бы создать не одну, а две, три версии одной и той же иллюстрации, как выше (→первый абзац), так и ниже (→третий абзац) исходной.

10.   Следующий шаг → "Вставка" → "Рисунок" → "Создать", щёлкаем по это кнопке. На странице появится рамка с уголками и полосками внутри. Она именуется "Полотно", это можно узнать, если щёлкнуть по ней (выделить), а потом → "Формат" → "Полотно", щёлкните по ней.

11.   Появится окно "Формат полотна" с ним надо как следует ознакомиться. Если хотите, чтобы ваш рисунок был в рамке то на первой вкладке "Цвета и линии" надо выбрать параметры линий, если рамка не планируется, то всё равно → "Цвета и линии" → "Нет линии".

12.   На закладке → "Размер" нужно выбрать подходящий размер. Чтобы рисунок нормально смотрелся, то для небольшого простенького рисунка будет хорош размер около 5*5см. Меньший размер плохо смотрится, я проверял, не могу сказать ничего о формулах, но они, как указывает Hydrophyte: Оформление страниц на Самиздате при помощи картинок обрабатываются так же в формате рисунков.

13.   На закладке → "Положение" выберите нужный вам вариант положения рисунка на странице, но помните, что для того пути, по которому мы пойдём, доступны всего два: "По правому краю" и "По левому краю". Их и придётся выбирать, но прежде нужно щёлкнуть по вариантам соотношения рамки и текста. Мне нравится кнопка → "Вокруг рамки" →"По правому краю". Вы можете выбрать и иные параметры для вашего полотна, кроме правого и левого края, но не будете знать, по какому краю в этом случае будет выровнен ваш рисунок, когда его будете преобразовывать в веб-страницу. Потом → ОК, и окно исчезает, а полотно меняет положение и размер.

14.   Теперь необходимо внутри полотна создать рисунок при помощи автофигур, либо впечатав его из файла. Для этого щёлкните по полотну и вставьте рисунок из буфера обмена, или творите при помощи автофигур, которые можно достать из "Сервис" → "Настройка"→"Команды"→"Автофигуры". Рисунок, если его выделить (щёлкнуть по нему) будет обозначен кружочками, один их которых зелёный (для поворота рисунка). Если размер рисунка вас не удовлетворяет, то пока есть эти кружочки (выделение) → "Формат" → "Рисунок" → "Размер" подбираем нужные размеры.

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

16.   Рамка у нас светится (выделена), и мы → "Вставка" → "Надпись" → "Горизонтальная" и щёлкаем её. Втаскиваем надпись внутрь полотна, следите, чтобы их рамки не соприкасались. Щёлкаем по рамке, чтобы в ней замерцал курсор (рамка надписи при этом состоит из косых полосок). Иногда курсора не видно, просто форматирование текста надписи может быть с отступом. Чтобы это увидеть, надо расширить надпись вправо и вниз. Когда нашли курсор в поле надписи, и он далеко от левого края, то → "Backspase" на клавиатуре, и курсор уедет влево.

17.   Вписываем в надпись "Рисунок 1" или "Рис. 1", или "Схема 1", то есть то, что вам нужно. Располагаем рамку надписи так, чтобы её текст был на нужном месте. Щёлкаем по рамке надписи, она изменит свой вид, и, поставив курсор на рамку, можно будет менять её положение и размеры, подберите оптимальные.

18.   Пока надпись выделена → "Формат" → "Надпись" → получаем окно "Формат надписи", подобное формату полотна или рисунка, устанавливаем при целесообразности "Нет линий", прозрачность 100%, тогда на полотне будет виден только текст, который мы вписали.

19.   Далее → "Сервис" → "Настройка" → "Панели инструментов" → "Полотно", и ставите на эту строку галочку. На вашей странице появляется небольшая панелька "Полотно" в ней будет строка "Подобрать размер". Выделите снова полотно и щёлкните по этой строке. Далее, когда вы снова выделите полотно, то можно будет копировать и перемещать его вместе с рисунком и надписью. Собственно для этого всё и делалось.

20.   Вы выделяете своё полотно, щёлкнув по его рамке (должна засветиться рамка с уголками, кружочков не должно быть, если они есть, то сместите курсор кнаружи и ещё раз щёлкните) и копируете его, но использовать для этого надо не правую клавишу мыши, а меню "Правка" → "Копировать".

21.   Открываете своё произведение и находите то место, куда этот рисунок необходимо вставить. Очень рекомендую вставлять наше полотно в пустой абзац, а лучше ставите три пустых абзаца подряд и, установив курсор на средний, вставляете полотно из буфера обмена, это облегчит жизнь в последующем. Можно вставить полотно и в абзац с текстом, но потом эту вставку будет труднее заметить при редактировании теста, которое неизбежно нас ждёт впереди.

22.   Вы нажали на кнопку "Вставить" буфера обмена и видите, что вашего рисунка на том месте, куда вы его хотели вставить, нет. Он может оказаться на соседней странице. Если это произошло, то выделяем полотно → "Формат" → "Полотно" → "Положение" → "Дополнительно", а внизу этой вкладки увидите "Перемещать вместе с текстом". Там стоит галочка, вот её-то и надо снять, это освободит ваше полотно от привязки. Жмёте ОК, попадаете снова на вкладку "Положение" там стоит "Другое", его надо сменить на "По правому краю" или "По левому краю", если надо, то пред этим включаем ещё и одну из кнопок с собакой, например "Вокруг рамки". Жмём ОК.

23.   Полотно у нас ещё выделено, берём его курсором и перетягиваем на нужное место. При этом желательно чтобы пробелы между страницами были показаны, тогда вы красиво установите рисунок относительно текста на странице, что может быть важно при печати на принтере.

24.   Установили полотно с рисунком, снова входим в меню "Полотно" → "Подобрать размер", полотно при этом немного сжимается, но выделение с него не снимается.

25.   Далее → "Формат" → "Полотно" → "Положение" → "Дополнительно" → "Перемещать вместе с текстом", теперь ставим на эту строчку галочку → ОК, справа на странице высветится якорь - привязка к тексту, а окно "Дополнительно" исчезает. Снова уточняем положение рисунка на странице, оно снова "Другое", меняем его на необходимое. Например → "Вокруг рамки" → "По правому краю" → ОК.

26.   Таким образом работаем со всеми иллюстрациями. Можно сначала все подготовить в файле "Схемы", а потом все вставить в текст, но порядок работы с каждой картинкой получится таким, как я написал. Если у вас получится по иному, то замечательно, я делюсь тем, что сработало.

27.   Можно далее → "Файл" → "Предварительный просмотр" и оценить свою работу, при необходимости уточнить положение рисунков на страницах, но это всё касается варианта произведения для печати или просмотра в Word-е, а нам нужно создать документ для СамИздата.

28.   Когда вы убедились, что всё в порядке, то возвращаемся в Word → "Правка" → "Выделить всё" → "Копировать". Теперь в буфере обмена у вас всё ваше произведение вместе с картинками.

29.   Заходим в ту папку, где хранится ваш исходный документ, который вы только что скопировали. Создаём в ней новую папку → "Файл" →"Создать" → "Папку". Появляется папка, её название выделено цветом, называем эту паку "Самиздат", что и впечатываем в поле названия.

30.   Открываем папку "Самиздат" и создаём в ней ещё одну папку → "Файл" →"Создать" → "Папку", которую назовём какой-нибудь очень нерусской буквой (не сходной начертанием с русскими буквами), обязательно строчной, а не прописной (СамИздат чувствителен к регистру), например q.

31.   Кроме того, в папке "Самиздат" создаём новый документ→ "Файл" →"Создать" → "Документ Word" и называем его "Копия для СИ". Открываем его и вставляем в него то, что у нас хранится в буфере обмена, копию вашего исходного документа.

32.   Закрываем исходный документ.

33.   Далее → "Правка" → "Формат" → "Абзац" → "Первая строка" → "Нет" →ОК. Этим вы убрали красную строку во всех абзацах, всё равно HTML красную строку в таком виде не понимает. Снимаем выделение текста и ставим курсор на первую строку произведения.

34.   Затем удерживаем Ctrl большим пальцем левой руки, а указательным будем нажимать Tab, правой рукой будем нажимать стрелку перевода курсора вниз. Сначала → Tab → ↓ → Tab → ↓ и так до конца документа. Нажав (↓) "Вниз", курсор перескочил в начало следующего абзаца, нажали Tab, появилась красная строка. СамИздат по другому не воспринимает красную строку. Абзацы для рисунков я не переводил на красную строку.

35.   Далее → "Файл" → "Сохранить как веб-страницу". Появится окно в нём строка "Папка" найдите и выделите папку с нерусской буквой. В строке "Имя файла" уберите название "Копия для СИ" и поставите эту же нерусскую букву (строчную, а не прописную). В строке "Тип файла" нажмёте стрелку справа и в перечне найдёте "Веб-страница с фильтром", нажмите эту строку, а только потом жмите кнопку "Сохранить". Вас предупредят, что рисунки будут выровнены по правому и левому краю, соглашайтесь, ведь вы это уже сделаи. Предупредят ещё о чём-то, соглашайтесь и с этим.

36.   Откройте папку "q". Там видим свой документ с ярлыком несколько иного вида, чем вордовский документ - это HTML документ, и кроме того папку "q files", в ней лежат все наши иллюстрации каждая в виде отдельного файла с названием "image 001" и далее по возрастанию номеров.

37.   Открываем папку "q files". Выделяем в ней все файлы, и наведя курсор на один из них, нажимаем правую кнопку мыши, если в появившемся меню видите строку "Переместить", то можно щёлкнуть по ней и далее указать папку "q". Если такой строки нет, то нажимаем "Вырезать", папку "q files" закрываем и оказываемся в папке "q", туда и вставляем все вырезанные файлы с картинками. Если этих файлов много (больше двух), то все выделяем, удерживая Ctrl, наводим курсор на один из них и давим на правую клавишу мыши, в появившемся меню → "Отправить" → "Сжатую Zip-папку". После чего в папке "q" появится ещё и Zip-папка.

38.   Далее наводим курсор на HTML документ "q" и щёлкаем правой кнопкой мыши, в появившемся меню → "Открыть с помощью" → "Блокнот" при этом документ откроется в том же виде, в котором вы его сможете потом увидеть при редактировании текста в СамИздате.

39.   В "Блокноте" в меню "Правка" → "Заменить...", → появится окно с двумя строчками, в строку "Что" вписываем q.files/. Обязательно после названия папки нужно поставить слеш (косую чёрточку  /  ) вплотную без пробелов. Строку "Чем" оставляем пустой.

40.   Затем в этом же окне жмём "Заменить всё" и ваш текст должен поехать вниз.

41.   Если он не едет, то читайте статью Hydrophyte: Оформление страниц на Самиздате при помощи картинок.

42.   Далее находите в своём документе, в котором производили замены любую иллюстрацию, она будет обозначена, например <img width=345 height=266 src="image001.gif" вместо gif, могут быть jpg, png - это всё форматы рисунков. Если вы вставляли картинку на пустой абзац, то будет более длинная связка <p class=MsoNormal><img width=345 height=266 src="image006.gif", а если в средний абзац между двумя пустыми, то <p class=MsoNormal> будет ещё один спереди и один сзади от такой связки. Просто такие связки легче выискивать в однообразном тексте HTML. Этот шаг делать не обязательно, он носит ознакомительный характер.

43.    Далее закрыли все документы, можно HTML документ "q" переименовать по вашему желанию, но строчными буквами и обязательно на английском языке.

44.   Подключитесь к Интернету, и войдите в свой раздел в СамИздате, и нажимаете "Добавить произведение", отвечаете на все вопросы, особенно помеченные *. Имя файла будет q, или иное, если вы переименуете его.

45.   Когда дойдёте до аннотации, то напишите её прямо в окне, либо заготовьте заранее в виде отдельного документа Word, копируйте и вставьте в рамку аннотации.

46.   Далее спускаетесь ниже там есть кнопка "Обзор", можно войти через неё в папку "q", выделить в ней HTML документ и нажать "Store". И ваш документ перекочует постепенно в более широкое окошко, но это не самый лучший вариант, так как для проверки придётся открывать "Text editor". Лучше открыть свой HTML документ, → "Правка" → "Выделить всё" → "Копировать". Затем не входя в окно "Обзор" на СамИздате, щёлкаете по крупному окошку для текста → "Вставить". Далее просматриваете весь ли текст вошёл в это окно, если весь, то → "Store". Если не весь вошёл, то вам придётся разбить произведение на части, каждую часть обработать как отдельный документ по приведённой методике и вставлять по отдельности.

47.   Далее входите в свой раздел и видите, что появилось новое произведение, красуется его название и размер, а перед ним две малюсеньких кнопки "Edit" и "Text editor", они понадобятся обе, но вначале мы давим на "Edit".

48.   Появляется окно с предложением вставить иллюстрации, там четыре окошка, в окошко "Автор" можете вписать автора, хотя это не обязательно. Нажимаете "Обзор" и находите свою Zip-папку с иллюстрациями, жмём на неё и вскоре они появятся в специальной форме, где каждой иллюстрации отведена своя строка, а все они располагаются в порядке возрастания номеров.

49.   Если иллюстраций мало, то обходимся без Zip-папки, а вставляем иллюстрации по одной.

50.    Внутри формы наводим курсор на любую картинку и щёлкаем правой кнопкой мыши, появится меню в конце, которого будет строка "Свойства", щёлкаем по ней.

51.   Появится окно, в котором в том числе указан адрес этой картинки http://zhurnal.lib.ru/img/r/rytow_w_g/w/image003.gif . Как видите в нём появилась значительная добавка к тому, что вы видели в HTML документе. Аккуратненько выделяем в адресе всю переднюю часть, включая слеш/ перед словом image и копируем в буфер обмена такую конструкцию http://zhurnal.lib.ru/img/r/rytow_w_g/w/.

52.   Нажимать на сохранение картинок бесполезно, но я нажимал, при этом самиздат напишет, что сделать этого не может, пишет "Связаться с программистом". Я это предложение проигнорировал и вернулся к редактированию иллюстраций. Прочитав всю форму с картинками до конца, вы узнаете, что вам предлагается добавить ссылки в файл с текстом, чем и надо заняться.

53.   Возвращаетесь в свой раздел и нажимаете "Text editor", ждёте, пока файл не загрузится в окошко редактирования.

54.   Теперь внимательно просматриваем весь текст, стараясь не пропустить связки <p class=MsoNormal><img width=345 height=266 src="image006.gif", или голые <img width=345 height=266 src="image006.gif", это уж как вы о себе побеспокоились.

55.   Найдя такое обозначение добавления картинки, ставим курсор между открывающей кавычкой и буквой i в слове image, и вставляем то, что у нас сохранено в буфере обмена. Так проходим до конца текста.

56.   Жмём "Store". Ждём перезагрузки отредактированного файла в СамИздат, открываем файл и любуемся картинками, проверяем, все ли они вставлены, если не все, то значит, вы где-то пропустили добавление адреса к команде добавления картинки. Остаётся повторить процедуру редактирования текста и выискать пропущенную вами команду и добавить к ней адрес картинки.

57.   На этом месте трудов праведных я честно отпраздновал победу, чего и вам желаю. Кто умеет сделать лучше, пусть поделится, это нужно, я поделился тем, что сумел постичь в "китайской грамоте" компьютерной логики. Если что-то сделал не совсем ладно поправьте, но у меня получилось.

Рытов Василий Григорьевич

 

Санкт-Петербург

09.01.2007.

 

 

Важное дополнение.

При попытке размещения статьи с единственной иллюстрацией я столкнулся с определённой трудностью, которую сумел преодолеть. Выполнив всё, в соответствии с приводимой инструкцией я получил в формате "Блокнот" преобразованный документ со ссылкой на рисунок. Открыв документ повторно в своём компьютере, я увидел текст с рисунком. Затем переправил документ и рисунок в "Самиздат", путём копирования и помещения в брандмауэр. Открыл статью в "Самиздате", а рисунка в ней не оказалось. Начал внимательно проверять текст в режиме редактирования и выявил, что ссылки на рисунок в тексте "Самиздата" просто нет, вместо неё стоит команда нового абзаца, а ссылки на рисунок нет. Я попробовал иным другим способом переслать статью, через "Обзор", и снова результат оказался тем же - в тексте "Самиздата" не было ссылки на рисунок, а стояла вместо неё та же аббревиатура нового абзаца.

Тогда я скопировал из раздела "Иллюстрации" в режиме редакции иллюстраций адрес своей картинки, в соответствии с пунктом 51 инструкции, и добавил этот адрес в документ, но не в "Самиздате", а в своём компьютере. Тот самый документ, который был преобразован для размещения в "Самиздате", я его открыл в режиме "Блокнота", нашёл ссылку на картинку, выполнил пункт 55, вставил адрес в текст. Потом скопировал всю конструкцию относящуюся к данной картинке <img width=345 height=266 src=" http://zhurnal.lib.ru/img/r/rytow_w_g/w/image006.gif" и вновь вернулся в текст статьи в "Самиздате", открыв её в режиме редактирования текста. Нашёл тот самый пустой абзац <p class=MsoNormal> и вплотную к нему вставил то, что было скопировано. Закрыл редактирование, открыл статью и увидел в ней рисунок. Может быть, это ещё не все глюки которые сопровождают размещение картинок в "Самиздате", но если наступлю ещё на какие-нибудь грабли, то отпишу и про них.

Удачи вам.