Категории раздела
Защита от взлома [15] |
Настройка компьютера [14] |
Чистка компьютера [5] |
Ремонт компьютера [11] |
Про ICQ ( Аську ) [10] |
Работа с сайтом [8] |
Работа с дедиком [10] |
Поиск по сайту
Проги
[Игры] | |
GTA 4 / Grand Theft Auto IV. Полное издание. Русская версия [RePack] [2010] (0) |
[Оффис] | |
Enable Button 1.1 (0) |
[Вспоминалки паролей] | |
brutusaet2 (0) |
[Утилиты ПК] | |
Inno Setup Unpacker (0) |
[Утилиты ПК] | |
SoftICE Patches #6 (0) |
[Рассыльщики ICQ] | |
NFOrm v1.1 (0) |
[Вспоминалки паролей] | |
NNM-club brute cheker - брут торента нонейм (0) |
[Игры] | |
Need for Speed: Shift 2 Unleashed 1xDVD5 (2011/RUS/ENG) (0) |
[СД и ДВД] | |
Magic Divider (0) |
[Литература] | |
FTP.EXETOOLS.COM (0) |
Статьи
[Ремонт компьютера] | |
Можно ли восстановить данные со сгоревшего диска? (0) |
[Чистка компьютера] | |
CCleaner – очистка компьютера от мусора (0) |
[Работа с дедиком] | |
Способы добычи дедиков (0) |
[Работа с дедиком] | |
Как создать учетку на дедике (0) |
[Защита от взлома] | |
Взломали в одноклассниках что делать (0) |
[Работа с сайтом] | |
как продвигать сайт самостоятельно ,как его рекламировать? (0) |
[Про ICQ ( Аську )] | |
как получить красивый номер isq (1) |
[Про ICQ ( Аську )] | |
как создать свой ICQ чат. (0) |
[Ремонт компьютера] | |
Инструменты для ремонта — самое необходимое (0) |
[Настройка компьютера] | |
Технология ReadyBoost позволяет ускорить работу Windows 7? (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="Откроется в новом окне" - обеспечивает подсказку "Откроется в новом окне" при наведении курсора на малую картинку в статье. Этот способ достаточно неудобен еще и тем, что для отображения картинки к статье в информере "Случайные статьи" потребуется добавить одно изображение в блоке "Изображения" (см. первый способ), при этом код изображения в текст статьи можно не вставлять.
| ||
Просмотров: 923
| Теги:
|