Совет 1: Как вставить изображение на страницу

Иллюстрированный текст воспринимается гораздо легче, чем текст без иллюстраций. Это относится и к текстам, размещенным в интернете. Если вы хотите, чтобы ваша запись в блоге заинтересовала читателей, вставьте в нее несколько изображений. Тем более что это совсем не сложно.
Вам понадобится
  • - браузер;
  • - файл с изображением.
Инструкция
1
Загрузите в интернет изображение, которое собираетесь вставить в запись. Для этого вы можете использовать фотоальбомы своего аккаунта в любой социальной сети или свой аккаунт на фотохостинге. Если у вас нет подобных аккаунтов, воспользуйтесь одним из фотохостингов, позволяющих загружать изображения без регистрации. Для этого перейдите по адресу http://vfl.ru, http://www.radikal.ru/, http://www.saveimg.ru, http://www.easyfoto.ru или http://imglink.ru. Кликните по кнопке «Обзор». В открывшемся окне выберите на диске своего компьютера файл с нужным изображением и кликните по кнопке «Открыть». На некоторых из перечисленных ресурсов есть кнопка «Закачать». Нажмите на эту кнопку. Дождитесь окончания загрузки файла. Ваша картинка загружена в интернет.
2
Скопируйте адрес изображения. Для этого щелкните правой кнопкой мыши по картинке и выберите в контекстном меню пункт «Свойства изображения». Откроется окно со свойствами вашей картинки. Щелкните левой кнопкой мыши по адресу в свойствах и нажмите сочетание клавиш Ctrl+C. На некоторых фотохостингах адрес изображения можно увидеть в таблице под самой картинкой. Можете скопировать адрес оттуда.
3
Напишите код для вставки изображения. Он должен выглядеть так, как показано на иллюстрации. Между кавычками - «лапками» - вставьте адрес своего изображения и размер изображения в пикселях. Размер изображения можно узнать из его свойств точно так же, как вы узнавали адрес картинки. Если вы хотите, чтобы загруженная картинка выглядела в вашей записи наполовину меньше, чем в оригинальном размере, разделите значения ширины и высоты на два. Вставьте полученные значения в код.
4
Вставьте код изображения в свою запись. Нажмите кнопку «Отправить» или «Опубликовать».

Совет 2: Как вставить картинку на страницу сайта

Изображение – неотъемлемый атрибут оформления сайта. С его помощью можно значительно облегчить понимание материалов, представленных на web-страницах, создать благоприятное впечатление на пользователей, а также сделать ресурс понятным и удобным.
Вам понадобится
  • - коды доступа к cms;
  • - Adobe Photoshop.
Инструкция
1
Подготовьте изображение для «заливки» на сайт: поправьте яркость/контрастность, подгоните размер, устраните мелкие недочеты, портящие общее впечатление от картинки. Все это можно сделать с помощью программы Adobe Photoshop или другого графического редактора, наделенным необходимым функционалом.
2
Если на сайте используется система управления содержимым, то зайдите на правах администратора или редактора. Для этого потребуется ввести логин и пароль в панели входа.
3
Загрузите картинку в папку, предназначенную для хранения графических материалов. Теперь вы можете ее использовать на страницах сайта.
4
Перейдите в папку материалов, выберите команду, например, «Добавить» или «Редактировать». Перед вами откроется панель управления со значками. Поставьте курсор на то место на странице, в которое хотите поместить иллюстрацию.
5
Нажмите на «Изображения» - откроется форма для загрузки графических файлов. Выберите объект и задайте его параметры.
6
Сохраните полученный результат и обязательно посмотрите, что получилось в итоге. Возможно, вам захочется что-то изменить. Для этого правой кнопкой мыши щелкните по графическому файлу и в выпавшем меню выберите «Свойства изображения».
7
Если нет возможности загрузить картинку на хостинг, то вставить иллюстрацию можно посредством ссылки – в графе «Путь» укажите адрес.
8
В языке html за вставку изображений отвечает тег <img>. Чтобы добавить графический файл, в коде необходимо прописать <img src= "адрес картинки">. Сделать его фоновым изображением для ячейки таблицы позволит связка:<table><tr><td background="адрес картинки"></td></tr><tr><td background="адрес картинки"></td></tr></table>
9
Переход к просмотру полной версии изображения можно сделать при помощи <a href= "адрес увеличенной копии изображения"> <img src= "адрес иконки"> </a>.
Видео по теме
Видео по теме
Полезный совет
Для вставки изображений на форум указывается тег IMG и адрес изображения, то есть, все это выглядит как [IMG]адрес изображения[/IMG].
Источники:
  • Работа с тегом IMG
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500