Мирчар на полочке
    Вход через социальные сети
    E-mail:
    Пароль:
    Воспользуйтесь формой, если у вас не получается войти через uID.
    Администрация Каталога: Tinory (Профиль в Мирчар).
     
    Главная » Статьи » Web-чар

    Добавляем картинку

    В продолжение разговора о правильном добавлении материала...

    Стоит ли объяснять, что наличие картинок в тексте значительно улучшает его восприятие. Конечно, их не должно быть много, но одна-две - это как правила хорошего тона. Пожалуй, вы не найдете на Полочке статьи, где бы не было картинок. Предлагаю поговорить о том, как правильно вставлять картинки в html-страничку и как это лучше делать на uCoz.

    Любители бросить камень в огород Юкоз настаивают на том, что наименование файла-картинки должно быть "говорящим", хоть и пишется на латинице. То есть это название должно соответствовать тому, что нарисовано на картинке или что написано в статье, к которой картинка относится. Оно, конечно, замечательно и для поисковой оптимизации может быть полезно (немного), и, даже, на uCoz может быть реализовано. Если кому-то очень интересно, могу даже рассказать, но пользоваться этим методом на юкозе не рекомендую - по ходу объясню, почему.

    Итак, Вы-таки решили, что "говорящие" названия файлов-картинок абсолютно необходимы вашему сайту, а он на uCoz. Для этого в файловом менеджере необходимо создать папку для картинок - обзывайте, как хотите, только не путайте ее с папкой, где лежат служебные картинки, обслуживающие дизайн. В только что созданной папке нужно создать папку с именем, к примеру, "img1". Потом таких папок будет много, и цифра будет расти. А дело в том, что в одну папку на юкозе помещается лишь 200 файлов и папок. Да... - это, чтоб бардака не было - вот и первый минус. Дальше - просто: вы подготавливаете картинку, если есть необходимость, то и о превью нужно позаботиться. Закачиваете их в подготовленную папку, определяете путь к картинкам и переходите к статье. Тут, воспользовавшись визуальным редактором, нажимаете кнопку "Вставить картинку" и заполняете все поля. К этим полям мы вернемся позже, а сейчас еще пара минусов. Во-первых, чтобы вообще пользоваться таким способом, необходимы права доступа к файловому менеджеру - их кому попало не дают, а лучше вообще никому кроме себя, администратора, не давать. Да и визуальный редактор - тоже для избранных.

    Соответственно, и красивые статьи с картинками сможет делать только администратор. А Юкоз, между тем, дает более широкие возможности!

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

    Также настоятельно не рекомендую использовать сторонние хостинги изображений. Если вдруг тот "подвиснет" - ваша статья останется без изображений (а между прочим, рисунки могут быть не только "украшательством", но и нести большую смысловую нагрузку). А если вы вообще используете свободный доступ, как на радикале, то срок жизни таких картинок в сети находится под большим вопросом.

    А что же все-таки uCoz.

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

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

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

    Давайте настроим добавление картинок. Какой модуль вы используете, каталог статей? Вот настройки этого модуля и открываем в ПУ.

    Количество изображений - устанавливает, сколько изображений сможет подключить к материалу рядовой пользователь. В любом случае, вы, как администратор, сможете добавить хоть все 30 штук. Размеры уменьшенного изображения лучше установить такими, чтобы картинка не распирала и не ломала страницу - это порядка 500-600 пикселей в ширину. Если оригинал картинки больше этого параметра, сервер создаст "превьюшку" по указанным параметрам. Максимальные размеры полного изображения - какую бы масштабную фотографию (это обычно, фоток и касается) вы не загрузили - сервер ее уменьшит до этих размеров, что значительно сэкономит место. Максимальный размер изображения в килобайтах - также экономит место, если вы решили, что вам нужны монументальные изображения и в предыдущих настройках установили 0х0.

    Теперь о самой вставке картинок в текст. Можно пользоваться кодами типа $IMAGE1$, которые предоставляет система. При этом, если картинка большая, Юкоз сам организует превью и ссылку на увеличенное изображение. 

    Для маленьких картинок (меньше 400 пикселей) удобно использовать "обтекание текстом", расширив код так: $IMAGE1-left$ или $IMAGE1-right$ (изображение прижато к левому краю или к правому). Этот способ пригоден для тех, у кого нет доступа к визуальному редактору (или html).

    Описание актуального для Ucoz алгоитма работы с загрузчиком картинок можно прочитать в статье Добавляем картинки v2.2.

    Не забудьте посмотреть видеоурок. Все-таки львиную долю объяснений и комментариев я свалила туда.


    Добавляем картинку
    Web-чар | | 4816 | 6 | 4.0/4 | uCoz, кодинг
    Еще по теме:
    Всего комментариев: 6
    avatar
    0
    6 Мирчаровец sleiter • 21:54, 24.10.2016
    Спасибо за видеоурок, очень понятный, и собственно а как устанавливать видео в тексте, также как и картинку? Я  встречал много видеоуроков на полочке, но не совсем понимаю как добавлять их в статью.
    Ответ: Ну, видео предварительно заливаются на видеохостинг - тут по другому никак (либо нужно устанавливать собственный видеоплеер на сайт, что уж очень геморройно). А дальше в визуальном редакторе есть кнопка "YouTube". Для ютуба достаточно ссылки на видео. Для рутуба в нем есть "код вставки" - его и использовать.
    avatar
    0
    5 aldeberskova • 10:57, 24.10.2016
    Видеоурок получился хорошим а самое главное наглядным и статья замечательная.
    avatar
    1
    4 Анатолий • 12:36, 20.08.2013
    Спасибо большое админу за статью! Разобрался, что к чему. Все работает! Вывод такой UCOZ - это заготовка, и для лучшего восприятия сайта,ее желательно допилить напильником.
    avatar
    0
    3 Анатолий • 17:15, 19.08.2013
    Это по типу вот этой статьи можно сделать? Я про $IMG_URL1$ http://pro100komp.ru/comp/makearticles-on-ucoz.html Или есть еще какой либо вариант? заранее благодарен.
    avatar
    0
    2 Анатолий • 19:56, 18.08.2013
    "Например, на Полочке первая из прикрепленных картинок выводится в краткой версии материала автоматически" Не понял, каким это образом она выводится. Это же не вордпресс...
    Ответ: А при чем тут вордпресс. Юкоз точно также формирует страницу из шаблонов, которые содержат так называемые системные переменные или $Юкоз-козы$. Прикрепленные картинки в шаблоне "Вид материалов" вызываются кодом $IMG_URL1$ (цифра - номер прикрепленной картинки до 10)
    avatar
    0
    1 cat • 14:14, 16.07.2013
    Спасибо. Единственный адекватный вариант объяснения как прописать alt на ucoz. Но то , что можно оставить коммент, только войдя в систему крайне неудобно и объясняет почему у вас столько просмотров и не одного комментария.
    ComForm">
    avatar