Категории раздела
Защита от взлома [15] |
Настройка компьютера [14] |
Чистка компьютера [5] |
Ремонт компьютера [11] |
Про ICQ ( Аську ) [10] |
Работа с сайтом [8] |
Работа с дедиком [10] |
Поиск по сайту
Проги
[Утилиты ПК] | |
C functions decompiler for IDA (0) |
[Игры] | |
Might & Magic: Heroes VI v.1.3 (2011/RUS/ENG/RePack от R.G. Механики) (0) |
[Игры] | |
Need for speed 5 in 1(2003-2007/Rus) (0) |
[Вспоминалки паролей] | |
CRACKL@B Protected Storage Viewer 1.0 + SRC (0) |
[Генераторы сорс] | |
Generator (0) |
[Утилиты ПК] | |
Inno Setup Unpacker (0) |
[Утилиты ПК] | |
OllyDbg 1.10 (0) |
[Игры] | |
Бот в тюряге by noober (0) |
[Рассыльщики ICQ] | |
NFOrm v1.1 (0) |
[Оффис] | |
Microsoft Office 2010 Pro Plus + Visio Premium + Project Pro + SharePoint Designer SP1 VL x86 RePack by SPecialiST V13.1 [14.0.6129.5000, 29 (0) |
Статьи
[Работа с сайтом] | |
Регистрация сайта в поисковиках Рамблер, Апорт, Mail.ru (0) |
[Работа с сайтом] | |
Как продвинуть сайт (0) |
[Работа с дедиком] | |
Учимся добывать дедик (0) |
[Настройка компьютера] | |
Как установить вин хр на нетбук (0) |
[Чистка компьютера] | |
Как почистить программы? (0) |
[Чистка компьютера] | |
CCleaner – очистка компьютера от мусора (0) |
[Про ICQ ( Аську )] | |
Аська для мобильного – установка и настройка (0) |
[Про ICQ ( Аську )] | |
как получить красивый номер isq (1) |
[Работа с дедиком] | |
Как создать учетку на дедике (0) |
[Настройка компьютера] | |
Настройка ноутбука (0) |
Главная » Статьи » Работа с сайтом |
Добавление изображений в статьи
Не пугайтесь баннеров - это всего лишь картинки, если ткнуть 3 раза, баннер больше не появится в течении суток. |
Способ первый, простой. 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(ровое окно)". Нажмите кнопку "Сохранить". Вернее "ВСТАВИТЬ" "ОК" Закройте окно. В окне редактора вы увидите ту же выделенную картинку, но на панели тегов перед тегом <IMG> появится тег <A>. ?????????? При переходе к панели html-кодов (Нажмите кнопку HTML) на месте нашей ссылки-картинки будет следующий код: <a href="/2012noviy/korchevka_1.jpg"><img src="/2012noviy/s_korchevka_1.jpg" alt=""></a>. Во втором окне где текста много там огромный код, поэтому нужно спуститься вниз до человеческого текста, затем чуть выше найти название картинки Редактор uCoz не вставляет корректно ни атрибут окна для открытия ссылки (target), ни ее заголовок (title), поэтому код лучше исправить вручную до такого вида: <a href="/2012noviy/korchevka_1.jpg" target="_blank" title="Откроется в новом окне"><img src="/2012noviy/s_korchevka_1.jpg" alt=""></a>. То есть выделенное синим вставить после названия картинки и кавычек с пробелом. "Откроется в новом окне" можно заменить на "Нажмите, чтобы увеличить" target="_blank" обеспечивает открытие большой картинки в новом окне. title="Откроется в новом окне" - обеспечивает подсказку "Откроется в новом окне" при наведении курсора на малую картинку в статье. Этот способ достаточно неудобен еще и тем, что для отображения картинки к статье в информере "Случайные статьи" потребуется добавить одно изображение в блоке "Изображения" (см. первый способ), при этом код изображения в текст статьи можно не вставлять.
| ||
Просмотров: 908
| Теги:
|