kondakoff: (Default)
Alexander Kondakov ([personal profile] kondakoff) wrote2010-11-28 01:27 am

Как я вставляю фотографии в посты.

Не один раз, мои Друзья спрашивали меня, как я вставляю большие фотографии в свои посты, потому как встроенный редактор livejournal не позволяет этого сделать так, как хочется.
Решил написать об этом своеобразную Инструкцию, что бы было просто и понятно тем, кто недавно в livejournal.com, но хочет достичь большего, чем дает ему стандартный интерфейс.

1.
И так, все мои файлы обрабатываются в Lightroom 3.3 чего и Вам рекомендую.
Изредка, я использую программу RPP, нередко Adobe Ps3. Но основная работа проходит именно в Lightroom 3.3.
Снимаю только в RAW, а если это отсканированные файлы, то сохраняю их в TIFF формате.
В Сеть выкладываются изображения в JPG формате, в разрешении 72 dpi и 900 pix по длинной стороне.
Lightroom 3.3 с конвертацией и интерполяцией в нужный размер справляется замечательно.

2.
После этого, "заливаю" все фотографии на www.flickr.com, мне он кажется очень удобным и стабильным.
Так же, можно воспользоваться Веб-альбомом Picasa, там все на русском, достаточно большой объем бесплатного места для фотографий, тут дело вкуса и Вашего желания.
Возможны так же и другие варианты, главное, что бы фотография нужного размера была на стороннем сервере, а не на Вашем домашнем ПК.

3.
Так вот, самое важное:
При написании поста, переходим во вкладку * HTML * (по умолчанию вкладка * Визуальный редактор*)
Здесь Вы так же можете писать, можно переходить с одной вкладки на другую, не изменяя текста, но тут Вы можете пользоваться т.н. ТЭГАМИ.
Тэги - это язык программирования HTML, элемент языка разметки гипертекста, для задания того, как будет отображаться текст, и написав правильный ТЭГ, вы имеете возможность менять шрифт, вставлять фото, видело, звук в ваш пост.
Очень рекомендую сайт http://htmlka.com/ здесь хорошо описаны возможности ТЭГОВ.

4.
Но мы про фотографии.
В flickr.com, (или любом другом фото сервере) Вам нужно открыть Ваше изображение в полный размер (но если Вы загрузили туда фотографию прямо из фотокамеры,Ваш файл будет очень большой) открыв в полный размер вы кликаете правой кнопкой мыши и в выпадающем меню выбираете Сохранить ссылку на изображение (мы говорим о flickr.com).
Эту ссылку вы вставляете в ТЭГ.
ТЭГ выглядит так:



Там где написано БОЛЬШОЙ РАЗМЕР вставляете сохраненную ссылку на изображение.
Там где написано НАЗВАНИЕ - вставляете название или описание Вашей фотографии.
Очень важно, делать это аккуратно, не изменяя ТЭГ.
Если у вас много фотографий, повторяйте ТЭГ много раз, копируя его в текст поста, меняя только название и ссылку на изображение.

5.
Что бы убрать часть поста ПОД КАТ (есть такой термин) нужно в нужном месте поста поставить специальный ТЭГ с любым текстом в нем.В нормальном виде читатель будет видеть верхнюю часть поста, до этого тэга, а кликнув на него, ему откроется весь пост.
Вот как пишется ТЭГ для этого:



Вместо ЧИТАЕМ ДАЛЬШЕ можно написать все что угодно, например КЛИКНИ СЮДА! или ТКНИ СЮДА! и т д.

6.
И последнее, это очень важно, пост всегда нужно "закрыть"
т е написать закрывающий ТЭГ

Пишется он так:



Т е в самом конце, когда вы поставили финальную точку повествования, в следующую строку впишете этот ТЭГ.
Вот и все.
Пробуйте, если будут вопросы, буду рад ответить.
Удачи!

2010 © Text by Alexander Kondakov.

[identity profile] sashykn.livejournal.com 2010-11-28 09:31 am (UTC)(link)
http://www.w3.org/TR/xhtml1/dtds.html - img - alt:required — как веб-дизайнер.

[identity profile] evgenybe.livejournal.com 2010-11-28 12:16 pm (UTC)(link)
В приведенной Вами ссылке говорится что "Чтобы избежать проблемы доступности для людей, которые не в состоянии видеть изображение, вы должны предоставить текст используя аттрибут Alt".
То есть, если показ картинок отключен, или браузер не может показывать их, то пользователь увидит вместо картинки текст.
Это на 100% правда. Но правда абсолютно ничего не дающая тем, кто зашел в пост именно с целью посмотреть фотографии. Ибо никакой текст картинку не заменит.
Кроме того, в 99% (я лично процент не проверял, но предполагаю), что в alt ничего не стоит и ни один браузер на этом не спотыкается, и никаких сообщений не выдает.

Вашу ссылку, я перекрываю своей ссылкой http://htmlbook.ru/html/img в которой сказано:
"Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой.