Игорь Белый (bujhm) wrote,
Игорь Белый
bujhm

"Как положить фотку в ЖЖ"

Продолжаем учинять ликбез по базовым тэгам языка html, и для тех, кому почему-то лениво читать FAQ ЖЖ на эту тему.
Вопрос стоит так: "как положить фотку в ЖЖ". Не устаю удивляться, сколько же народу испытывает трудности с этой простой операцией, но стесняется спросить. А вы не стесняйтесь, мне не влом. Если вы столь упорно не желаете использовать умную машинку Семаджик, я могу только снять шляпу.


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

Действие второе
Залить фотографию в Сеть. Эту возможность предоставляют масса серверов - например, http://ljplus.ru/ или http://up.li.ru/ Если потратить небольшое количество времени, можно и другие найти, главное, чтоб бесплатно было. Файл фотографии при этом должен быть в формате *.jpg или *.gif. (Можно и *.png, но если вы знаете, что это такое, это объяснение не для вас). Имейте в виду, что если вы умудритесь каким-то образом затолкать туда файл *.bmp, я за ваше здоровье не отвечаю. Мало что можно придумать более негуманного, чем файл *.bmp в интернете.
Цель операции - получить ссылку на нужный файл картинки, которую вы запихнули в Сеть. Например, "httр://www.ljplus.ru/img/user/file.jpg"

Действие третье
Написать у себя в журнале вот такой код:

<img src="http://адрес_картинки_в сети.jpg" width="ширина в пикселах" height="высота в пикселах" border="толщина рамки; если её нет, пишите 0" alt="слова, которые вы скажете, если зрители не увидят вашу картинку" />

Заметьте, что параметр src="" является обязательным. То есть, если вы просто напишете <img border="0" />, у вас, безусловно будет удовлетворение от сделанной работы, но не более.
Параметры width="" height="" border="" и alt="" - могут и не быть, но если они есть, броузеры всех стран и народов скажут вам спасибо. Потому что вы им сильно облегчите жизнь, а следовательно и жизнь простых юзеров, которые ни в чём не виноваты, разве что полезли читать ваш ЖЖ.
Ширину и высоту можно узнать очень просто - в Проводнике тыкнуть правой клавишей мышки на файл картинки и выбрать "Свойства". Дальнейшие поиски сильно зависят от того, что у вас там на компьютере понаставлено, но ширина и высота там обязаны быть, ищите.
С толщиной рамки лучше не экспериментировать, пишите "0". Или "1" если приспичит. Если вам попортят лицо друзья, фотографии которых вы разместили в интернете, случайно поставив траурный border="10", я тут ни при чём.
Параметр alt нужен вот зачем. Многие юзеры, устав от мелькания всякого графического фуфла - баннеров, порнухи и пр. - просто отключают показ картинок в своих браузерах. Нафик. Вместо картинок у них только белые прямоугольнички с красным крестиком, они на них смотрят и получают особое эстетическое удовлетворение. Да, но как же они увидят вашу бесценную картинку, которую вы с такими мучениями прописали в ЖЖ? Очень просто - они увидят ваш текст, который вы прописали внутри параметра alt - alt="Это картинка моего любимого кота, которому я всё-таки оторвал яйца за что, что он сожрал всю купленную камбалу". Нормальный человек не сможет устоять перед таким искушением и включит показ картинок.
Не забудьте про косую палочку / в конце тэга. Для броузеров это что-то вроде изысканного десерта. Или поцелуя на прощанье. Особенное внимание, короче, они это любят.

Пример тэга для картинки:
<img src="httр://beliy.ru/private/learn_html.gif" width="200" height="125" border="0" alt="добрые слова" />

Действие четвёртое
Запихнуть всю эту строку с картиночным тэгом под ЖЖ-кат! Это важно, потому что обычные юзеры, которым вы искорёжили френдленту вам спасибо за это не скажут. Зато воплей о ЖЖ-кате у вас в комментах будет предостаточно.

Делается ЖЖ-кат просто:
<lj-cut text="там суперкартинка, да">строка с тэгом картинки</lj-cut>
То есть, зрители во френдленте сначала увидят только текст про суперкартинку, да, и будут иметь нормальный выбор - зайти к вам под кат и посмотреть её или не заходить. Хорошие результаты даст использование того же текста, что находится в параметре alt.
Правилом хорошего тона в Сети считается предупредить безвинных юзеров о весе того счастья, которое им светит под катом. Поэтому не поленитесь, тыкая правой кнопкой мыши по файлу, в "Свойствах" глянуть ещё и на размер в кило(или мега)байтах. Если файл весит больше, чем 500 килобайт, стоит предупредить об этом прямо в тексте ЖЖ-ката.

В итоге у вас получится что-то вроде:

<lj-cut text="Это картинка моего любимого кота, которому я всё-таки оторвал яйца за что, что он сожрал всю купленную камбалу, 700 kB"><img src="httр://beliy.ru/private/learn_html.gif" width="200" height="125" border="0" alt="Это картинка моего любимого кота, которому я всё-таки оторвал яйца за что, что он сожрал всю купленную камбалу" /></lj-cut>

Теоретический курс по засовыванию картинок в ЖЖ закончен. Выполняйте эти несложные правила, и Вас будут любить юзеры, броузеры и даже одна женщина - зубной техник.

P.S. Для позорных лентяев, к которым вы, конешно, не относитесь -
<lj-cut><img src="httр://beliy.ru/private/learn_html.gif"></lj-cut>

Tags: жж, мудрость
Subscribe

  • Рождественский Бу!фест 2012: буквы, звуки, цацки

    Оригинал взят у de7ign в Рождественский Бу!фест 2012: буквы, звуки, цацки Рождественский Бу!фест 2012: буквы, звуки, цацки В этом…

  • Картинки с Бу!феста

    Снимал Макс (я на акустике безвылазно). У него неплохо получается, кстати. Эта фотография - абсолютный призёр зрительских симпатий: И ещё немного…

  • Буу

    Как таким можно не делиться. Выступает Юрек Якубов и "Улица Курзу" - вся поляна танцует и ликует. Прямо из Харькова приехали на Бу!Фест. Вот же они…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 49 comments

  • Рождественский Бу!фест 2012: буквы, звуки, цацки

    Оригинал взят у de7ign в Рождественский Бу!фест 2012: буквы, звуки, цацки Рождественский Бу!фест 2012: буквы, звуки, цацки В этом…

  • Картинки с Бу!феста

    Снимал Макс (я на акустике безвылазно). У него неплохо получается, кстати. Эта фотография - абсолютный призёр зрительских симпатий: И ещё немного…

  • Буу

    Как таким можно не делиться. Выступает Юрек Якубов и "Улица Курзу" - вся поляна танцует и ликует. Прямо из Харькова приехали на Бу!Фест. Вот же они…