среда, 1 сентября 1971 г.

Рекомендации по созданию и публикации ИСТОРИЙ

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

          Начнем с того, что создавать публикации надо в режиме HTML. Интерактивный режим СОЗДАТЬ нам не подойдет. В процессе чтения этой небольшой статьи Вы сами поймете - почему. А значит, при создании первого своего поста первым делом переходим в режим HTML и никуда из него не выходим. Если при этом в вашем чистом посте уже есть какие-то символы, которые Вы не вводили - удалите их без колебания.

          Второе, что тоже надо сделать при создании первого своего поста - развернуть на панели справа от текстового поля опцию "Параметры" и поставить точку-галку в позицию "Использовать тег <br>". Исполнение этой настройки означает, что движок сайта сам не будет лишний раз разрывать введенный вами текст на абзацы по пустой строке. Это - к лучшему. И это даст Вам большую свободу в работе над вашей Историей.

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

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

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

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

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

Я перечислю:

  • Маленький = 200 точек по больше стороне
  • Средний = 320 точек по больше стороне
  • Крупный = 400 точек по больше стороне
  • Очень крупный = 640 точек по большей стороне
  • Исходный размер = все же не совсем исходный - Blogger (Движок сайта) ограничивает размер изображения до 1600 точек по большей стороне - при загрузке в качестве иллюстрации к статье. Чаще всего большего не требуется, а если Ваше изображение в размере не превышает 1600 по большей из сторон, то эта позиция означает размещение в публикации именно изображения исходных размеров.

          При этом надо помнить, что всегда можно исправить ошибку и уже загруженное изображение вызвать к показу в каком-то другом размере.

          Давайте рассмотрим код вставки картинки:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqfjMsA4JDtTuaZ2dCQ_9JnBFN2xLCdNvb5nIi20V9i917ZrPHiAQZCCNIx6JlfjHRMINae3MbTQ0PkI254zRJFdNPT_7Daa__FGQjEZr1CQaEZFsIIUwQPz8QMoHwGyeJv8eIsS_0jQ/s1600/rules1-001.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqfjMsA4JDtTuaZ2dCQ_9JnBFN2xLCdNvb5nIi20V9i917ZrPHiAQZCCNIx6JlfjHRMINae3MbTQ0PkI254zRJFdNPT_7Daa__FGQjEZr1CQaEZFsIIUwQPz8QMoHwGyeJv8eIsS_0jQ/s640/rules1-001.jpg" /></a>

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

          Видите, что в адресе изображения, которое будет показано в публикации есть компонент s640? - если его заменить на s320, то в публикации Ваши читатели увидят ту же самую картинку, но размером не 640 точек по больше стороне, а всего лишь 320.

          Но надо иметь в виду, что вставлять в адрес картинки можно НЕ только стандартные для данного сайта величины: s200, s320, s400, s640, s1600. Можно вставлять и другие - например s155 - задавая тем самым нужный размер своим иллюстрациям.

          Но, поскольку текстовое поле в дизайне этого сайта как раз шириной что-то около 640 точек, то нам больше всего подходит опция "Очень крупный", которая соответствует тем самым 640 точкам.

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

          Вот, как преобразится код:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqfjMsA4JDtTuaZ2dCQ_9JnBFN2xLCdNvb5nIi20V9i917ZrPHiAQZCCNIx6JlfjHRMINae3MbTQ0PkI254zRJFdNPT_7Daa__FGQjEZr1CQaEZFsIIUwQPz8QMoHwGyeJv8eIsS_0jQ/s1600/rules1-001.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqfjMsA4JDtTuaZ2dCQ_9JnBFN2xLCdNvb5nIi20V9i917ZrPHiAQZCCNIx6JlfjHRMINae3MbTQ0PkI254zRJFdNPT_7Daa__FGQjEZr1CQaEZFsIIUwQPz8QMoHwGyeJv8eIsS_0jQ/s640/rules1-001.jpg" width="120" height="80" /></a>

          И вот, как он будет исполнен:

где

width="120" height="80"
- ширина и высота изображения в экранных пикселях.

          На самом деле, все, что касается кода и работы с ним - скорее всего для Вас это - избыточная информация, и что-либо делать с кодом изображений - вписывать в него вручную какие-то недостающие элементы Вам не понадобиться никогда или понадобиться редко. Это все написано для Вашего общего развития и в случае, если потребуется действительно что-то сложное сделать, Вам проще будет обратиться ко мне - я всегда готов помочь Вам и отредактировать Вашу ИСТОРИЮ.

          Заканчивая разговор о фотографиях, должен сказать, что очень важно выбрать подходящую фотографию панорамных пропорций - вытянутую горизонтально с отношением сторон 1:2 или еще лучше 1:3, которая будет "лицом" вышей публикации, ведь в ленте обновлений сайта от всей вашей истории в тысячи слов будет видна только "верхушка айсберга" - первые два абзаца и картинка между ними. Поэтому обязательно нужно вставить самую символичную и тематичную фотографию между первым и вторым абзацем.

          А после второго абзаца - для того, что бы скрыть из ленты новостей большую часть публикации - вставить разрыв:

<!--more-->
- именно эта команда позволяет не выносить все "многабукав" в ленту обновлений и она же отображается в виде ссылки "Читать историю полностью »"

          Далее, надо вставить после каждого абзаца и каждой фотографии (если фотокарточки идут по одной между абзацами текста) тег

<p>

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

<br>

          Если Вы хотите, что бы каждый или некоторые абзацы начинались с красной строки, надо перед таким абзацем вставить конструкцию

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 

          Данный сайт предоставляет собственную систему комментирования публикаций. Она настраивается довольно гибко, вплоть до того, что позволяет комментировать всем и вся, в том числе и анонимным комментаторам. Это не самое лучшее решение. В настоящий момент она настроена так, что комментировать могут все, имеющие регистрацию в одном из сервисов Google - у кого есть Гугло-почта, кто хранит фотокарточки в фотохостинге Google-Photo или Picasa, у кого есть свой канал на Youtube (кстати, он пригодится для публикации видео с ваших пробежек или велогонок), а так же кто зарегистрирован в соц.сети Google-plus.

          Однако, практика показала, что охотнее всего комментарии оставляют посетители в дополнительной системе комментирования от соц.сети Facebook. Код такого комментирования Вы можете добавить в самом конце своей Истории. Вот его образец:

<!--feedback-->

<div class="fb-like"
 data-href="сюда_надо_скопировать_веб_адрес_вашей_публикации" 
 data-send="false" data-width="655" data-show-faces="true" data-font="verdana" data-colorscheme="light"></div>
<br><br>
<div class="fb-comments"
 data-href="сюда_надо_скопировать_веб_адрес_вашей_публикации" 
 data-num-posts="100" data-width="655" data-colorscheme="light"></div>

          Данный код помимо модуля комментирования создает в вашей публикации еще и "волшебную" кнопку "Like" - довольно полезный инструмент для продвижения сайтов и их отдельных страниц в интернете.

          Для корректной работы блока комментирования и кнопки "Like" в двух местах этого кода надо вставить адрес будущей публикации. Есть два варианта его узнать:

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

          Если Ваша история уже была опубликована где-то - на Вашем персональном сайте или личном блоге, и там же уже использовалось комментирование от Фэйсбука, Вы можете использовать адрес первоначальной публикации - тогда Ваши предыдущие комментарии и "лайки" будут параллельно транслироваться и на этот сайт - ПЛАНЕТА БЕГУНОВ.

          Публикую статью, историю, впечатления многолетней давности и уже ранее опубликованные где-то правильнее будет задать этой публикации дату ее первоначального появления в Интернете. Это можно сделать на панели справа в опции "Опубликовано".

          Очень важно присвоить публикации тематическую метку - одну или несколько на выбор из числа разделов сайта:

БЕГ, ТРЕЙЛ, ТРИАТЛОН, РОГЕЙН, ВЕЛОСПОРТ, ПЛАВАНИЕ, ТУРИЗМ, АЛЬПИНИЗМ

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

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

          Вот и все премудрости, на мой взгляд не сложные. Но возможно у кого-то из вас на первых порах могут возникнуть трудности или вопросы. Спрашивайте, задавайте вопросы здесь - в комментировании. Или пишите на мой электронный адрес:

neanerecords2013@gmail.com

Ваш Андрей Климковский




Комментариев нет:

Отправить комментарий