Размещение изображений на блоге

Razmeshenie_izobrasheniyНа блоге размещаются несколько видов изображений.

Во-первых, это картинки, предназначенные для украшения сайта –

  • картинки в заголовке – желательно, чтобы они были уникальными, я их делаю сама;
  • стрелочки, галочки и т.п. графические элементы – их можно найти в Яндекс-картинках, введя соответствующий поисковый запрос;
  • контекстные рисунки в публикациях. Например, рисунки, иллюстрирующие какие-либо инструкции, как в данной статье. Их я делаю с помощью программы Fast Stone Capture, позволяющей очень удобно делать копии фрагментов экрана и наносить графические элементы на полученный скриншот;
  • картинки-ссылки – рекламные и прочие баннеры – их нужно редактировать в HTML-коде;
  • формы подписки – это тоже работа с HTML-кодом.

В первых трёх случаях картинки представляют собой файл, размещённый на компьютере пользователя. Задача вставить этот файл в нужное место в публикацию. Технически это осуществляется следующим образом:

нажимаем кнопку Добавить медиафайл;

1_knopka

выбираем "загруженные для этой записи", чтобы не мешали ранее загруженные рисунки;

2_vybor

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

Настраиваем свойства изображения и нажимаем кнопку Вставить в публикацию

3_parametr

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

4_redact

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

5_ssylka na fileТворческих успехов в оформлении блога!


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>