Как вставить блестящую картинку?

2 ноября 2014 г. Просмотров: 778 Инструкции
Иногда небходимо вставить на веб-страницу сайта, блога или форума картинку. Цели могу быть различными: привлечение внимания, демонстрация каких-либо товаров или же создание красивого образа.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • Свой сайт (форум, блог), файл изображения.

Инструкция

  • Если у вас есть сайт, то вставить изображение на веб-страницу не составит большого труда. Зайдите по ftp в папку своего сайта. Загрузите изображение, которое хотите вставить на веб-страницу. Имя файла изображения доллжно быть на латинице. Например, images/img1.jpg.Откройте веб-страницу, на которой хотите разместить изображение в обычном текстовом редакторе (например, в блокноте). В том месте странички, где вы хотите вставить изображение, пропишите следующий код:, где images/img1.jpg — это ссылка на ваш файл изображения. Обратите внимание, что в таком случае изображение должно находиться в одной директории с веб-страницей, если же изображение лежит ниже, то ссылка должна быть такого вида: srс=" /имя_директории/images/img1.jpg". Если же изображение лежит в директории выше, чем веб-страница, то ссылка на изображение будет такая: src="../имя_директории/images/img1.jpg".
  • Если же вы ведете блог на таких популярных CMS, как WordPress и т.п., то для вставки картинки в запись вопользуйтесь интерфейсом редактора. Выберите файл изображения со своего компьютера, загрузите его, сохраните запись - и изображение появится в посте.Или же переключите редактор в HTML-вид и сделайте все, как описано в «Шаге 1».
  • Редакторы записей в таких сервисах блогосферы, как «Живой Журнал», LiveInternet и т.п., имеют функциональность, аналогичную описанной в «Шаге 2». То есть вы можете вставить изображение как из обычного редактора, так и в HTML-виде.На форумах же помимо визуальных редакторов записей для вставки изображений дополнительно используются ВВ-коды. На любом форуме есть подробное описание по их использованию. Обычно вставка изображения с помощью BB-кода выглядит так: = ссылка на изображение Ну а сделать изображение красивым и блестящим можно в таких редакторах растровой графики, как Photoshop или GIMP.
  • Оцените статью!