Вставка картинок в аннотации

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

Если картинка нужна для аннотации группы, можно создать на своей страничке специальный файл, в котором Вы будете хранить картинки. Пустой файл на СИ не создаётся, поэтому надо хоть что-нибудь написать, буквально несколько слов. Когда файл будет создан, нужно загрузить необходимые иллюстрации в него. Самому файлу можно открыть доступ на чтение только для автора и модератора, тогда другие читатели не будут его видеть.

Ну и третий вариант, если выложенная картинка уже где-то имеется. Например, многим авторам любезно предоставляются картинки, выложенные у Sardukar Wda в тексте "Фишки для авторов СИ".

Второе. Когда картинка уже выложена в "Интернет", не важно, у Вас ли или у кого-нибудь ещё, нам необходимо узнать её точный интернет-адрес. Для картинок, представленных в "Фишках для авторов СИ" эти адреса уже указаны, вместе с тегом, который Вы добавляете в аннотацию. Выглядит он как <img src=интернет-адрес_картинки>

Для всех остальных картинок, которые Вы выкладываете сами, или находите в других местах - адрес надо узнать самим. Сделать это можно при помощи Internet Explorer или броузерами, поддерживающими описанные ниже возможности.

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

Оно выглядит примерно так:

Здесь красным обведён адрес картинки вместе с её именем. Именно вся эта надпись нам и понадобится. Её можно выделить курсором и скопировать, как это обычно делается в Windows.

Точно так же можно узнать адрес любой другой картинки, выложенной в интернете (в том числе и в том же СИ) - достаточно кликнуть по её изображению правой кнопкой.

В Internet Explorer можно просто выделить всю эту строчку и скопировать, нажав CTRL+C или кликнув по выделенному тексту правой кнопкой мыши и выбрав в появившемся меню "копировать" (copy). Потом, после знака "равно" вставить в тег <img src=> при помощи CTRL+V либо нажав правую кнопку мыши и выбрав "вставить" (paste).

Если мы хотим вставить картинку в аннотацию, то в аннотации надо добавить тег картинки, похожий на тот, с помощью которого мы вставляем иллюстрации, но только вместо имени файла с картинкой надо указать полный адрес этой картинки:

<img src=полный_адрес_картинки/имя_файла_с_картинкой.расширение>

Внимание!!! Полный адрес картинки в аннотацию ОБЯЗАТЕЛЬНО вставляйте БЕЗ КАВЫЧЕК!!!

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

Таким образом одни и те же иллюстрации можно загрузить для одного произведения, а потом, если адрес картинки указывать вот этим способом, вставлять эти картинки и в другие тексты, и в аннотации к группам и самим текстам.

Чтобы картинка в аннотации смотрелась лучше, желательно создать в аннотации таблицу из двух столбцов, в один поместить картинку, а в другой - текст, вот так:

<table border=0>
<tr>
<td>
<img src=полный_адрес_картинки/имя_файла_с_картинкой.расширение>&nbsp;
</td>
<td>
текст аннотации, здесь можно использовать теги абзацев, заголовков (очень не желательно, поскольку создаёт загромождения) и теги ссылок <a href=адрес ссылки>текст ссылки</a>
</td>
</tr>
</table>

Обратите внимание, что и тут надо всё вводить без кавычек! Сами кавычки допустимы только для текстовой части, которая будет отображаться.

Пояснение: Выше жирным шрифтом показаны коды таблицы. Их можно предварительно набрать в блокноте и сохранить файл в формате .htm, потом открыть его при помощи Internet Explorer и посмотреть, как всё это будет выглядеть. Синим шрифтом набрано то, вместо чего нужно подставлять что-то свoё. <table></table> - открытие и закрытие тега таблицы. Всё, что помещено между этими тегами - относится к таблице. У нас в открывающем теге добавлен параметр border=0 (<table border=0>) - Это означает, что толщина рамки таблицы будет нулевой (иными словами рамка будет не видна вообще). <tr></tr> - откритие и закрытие тегов строки таблицы, всё, что помещено между ними - относится к конкретной строке таблицы. <td></td> - открытие и закрытие столбца таблицы. Между этими тегами можно писать то, что будет отображаться, а так же вставлять картинки при помощи тега <img src=...>, и разные значки при помощи управляющих когдов. Например, мы вставили сразу за картинкой код &nbsp; он означает неразрывный пробел. Его нужно вставлять в пустующие столбцы (чтобы не глючило). Мы же поставили его сразу за картинкой, чтобы текст в следующем столбце немного отступал от самой картинки. Если Вам покажется, что текс слишком мало отступает от картинки, то можно добавить ещё несколько подобных значков. Имейте в виду, что добавлять обычные пробелы бесполезно, несколько пробелов подряд в HTML-коде (а именно он используется в аннотациях!) воспринимаются как один пробел. Поэтому и нужно вставлять именно &nbsp;

В аннотацию лучше вставлять маленькие картинки - маленькие по объёму, потому что если в вашей странице на СИ будет много больших картинок, то при открытии такой страницы у пользователя нагрузится сразу много килобайт, и он Вам за это спасибо не скажет. Те, у кого интернет платный, будут не в восторге.

Если же Вам надо использовать кавычки в тексте аннотации не внутри тега (тег - то, что заключено в угловые скобки < >), попробуйте использовать следующие управляющие коды (вставлять в то место текста, где должны быть кавычки):

&quot; - кавычка обычная "

&laquo; - открывающаяся кавычка "

&raquo; - закрывающаяся кавычка "

Для правых и левых кавычек коды обязательны, иначе у Вас вместо кавычек будут какие-нибудь постоянные Планка или что-нибудь ещё в этом роде.

Смотрите так же Вставка ссылок в аннотации