Главная » Статьи » Общая рубрика, для всех » Инструкции по работе с сайтом

Добавление изображений в статьи
  Если вы захотите добавить статью на сайт то вам может пригодится описание как добавлять туда картинки и фотографии.
  При добавлении изображений в текст статей существует немаловажное требование: ширина изображения, отображаемого в тексте, не должна превышать 400 пикселей. Это связано, во-первых, с тем, что изображения бОльшей ширины занимают слишком много места на экране, особенно при малых его разрешениях, во-вторых, с тем, что, чем изображение больше, тем дольше оно загружается.
 
Таким образом, если требуется разместить в тексте статьи изображение больших размеров, допустим, 1200*900 пикселей, следует вставить в текст статьи малое изображение, не превышающее 400 пикселей по ширине, таким образом, что при клике по нему в новом окне открывается большое изображение.
 
Существует два способа вставки изображений в текст статьи.
 
Способ первый, простой.
 
1. Создаем новую статью или открываем для редактирования существующую.
 
2. Набираем текст статьи.
 
3. Под окном редактирования текста находим блок "Изображения", выбираем изображение для вставки в текст на своей машине, для чего жмем кнопку "Выберите файл" (1), выбираем нужный нам файл изображения (2), в диалоге выбора жмем кнопку "Открыть" (3). На этом этапе можно добавить столько полей для выбора файлов, сколько будет изображений в статье, для чего жмем "плюсик" (4). Цифрами обозначены кнопки на рисунке. Щелкните по рисунку для просмотра в полном размере.
 
 
4. В блоке "Изображения" справа от имени выбранного файла указываем размер изображения для предпросмотра 400*400 пикселей
 
 
5. Копируем код изображения (например, $IMAGE4 $ ) (1) и вставляем в текст в нужном месте (2).
 
 
6.Для добавления нового изображения жмем "плюсик" в блоке "Изображения" (1).
 
7. Выставляем нужные нам значения всех прочих параметров статьи и жмем кнопку "Сохранить" внизу страницы редактирования (2).
 
 
Следует заметить, что этот способ формирует все изображения автоматически, включая и изображение в информере "Случайные статьи", что в правой колонке, однако, вследствие "корявости" текстового редактора uCoz, изображения могут оказаться внутри тегов <span> или <p>, из-за чего станут отображаться с отступом слева.
 
Способ второй, посложнее.
 
Для добавления картинки в статью потребуется создать 2 изображения - малое для размещения в статье и большое для перехода по ссылке и подробного разглядывания.
 
Исходную (большую) картинку откройте в любом графическом редакторе и уменьшите ее размеры таким образом, чтобы ширина составляла не более 400px (В мегапикселях - 0.0004 Mpx) - тогда на ноутбуке картинка поместится в колонку контента. Да и страница со статьей станет гораздо легче в плане траффика. Сохраните уменьшенную картинку под другим именем, например, если исходный файл имел имя korchevka_1.jpg, уменьшенное изображение сохраните под именем, (m от слова маленькая), m_korchevka_1.jpg.
 
Загрузите оба изображения в каталог на сервере. Для этого в верхней панели сайта, где перечень разделов - Общее, Управление, Магазин... нужно выбрать меню "Управление", а в нем "Файловый менеджер". В открывшемся окне открываем папку 2012noviy (это для всего, что загружаем в 2012году, в следующем году откроем папку 2013...). И в ней внизу находим "Обзор", выбираем картинку на нашем компьютере и загружаем.
 
При добавлении статьи:
 
Там, где нужно вставить изображение, в панели меню редактора выберите пиктограмму "Изображение", в открывшемся окне выберите малое изображение в той папке, где сохраняли изображение (2012noviy), нажмите кнопку "Вставить".
 
В окне редактора появится вставленное изображение, оно будет выделено. Здесь я сохраняю, хотя можно сразу переходить к следующему шагу. Если я сохранил то нужно заново выделить картинку, путем нажатия на нее курсора. 
 
Не снимая выделения с изображения, на панели инструментов редактора выберите пиктограмму "Ссылка", в открывшемся окне выберите большое изображение в той папке, куда его сохранили. нажать на кнопку рядом,"цель" и  в поле "Фрейм/окно (Target)" выберите "Blank(ровое окно)".
 
Нажмите кнопку "Сохранить". Вернее "ВСТАВИТЬ" "ОК" Закройте окно.
Категория: Инструкции по работе с сайтом | Добавил: Helen2011 (17.01.2012)
Просмотров: 2210 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]