Как вставить картинку на страницу сайта?

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

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

  • - коды доступа к cms;
  • - Adobe Photoshop.

Инструкция

  • Подготовьте изображение для «заливки» на сайт: поправьте яркость/контрастность, подгоните размер, устраните мелкие недочеты, портящие общее впечатление от картинки.
    Все это можно сделать с помощью программы Adobe Photoshop или другого графического редактора, наделенным необходимым функционалом.
  • Если на сайте используется система управления содержимым, то зайдите на правах администратора или редактора. Для этого потребуется ввести логин и пароль в панели входа.
  • Загрузите картинку в папку, предназначенную для хранения графических материалов. Теперь вы можете ее использовать на страницах сайта.
  • Перейдите в папку материалов, выберите команду, например, «Добавить» или «Редактировать». Перед вами откроется панель управления со значками. Поставьте курсор на то место на странице, в которое хотите поместить иллюстрацию.
  • Нажмите на «Изображения» - откроется форма для загрузки графических файлов. Выберите объект и задайте его параметры.
  • Сохраните полученный результат и обязательно посмотрите, что получилось в итоге. Возможно, вам захочется что-то изменить. Для этого правой кнопкой мыши щелкните по графическому файлу и в выпавшем меню выберите «Свойства изображения».
  • Если нет возможности загрузить картинку на хостинг, то вставить иллюстрацию можно посредством ссылки – в графе «Путь» укажите адрес.
  • В языке html за вставку изображений отвечает тег . Чтобы добавить графический файл, в коде необходимо прописать . Сделать его фоновым изображением для ячейки таблицы позволит связка:
  • Переход к просмотру полной версии изображения можно сделать при помощи .
  • Оцените статью!