bujhm: (Default)
[personal profile] 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>

This account has disabled anonymous posting.
(will be screened if not validated)
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

December 2025

S M T W T F S
 123 4 5 6
78 9 1011 1213
14 151617181920
2122 23 242526 27
28 29 3031   
Page generated 30/12/25 17:59

Expand Cut Tags

No cut tags