Как сделать рисунок на сайте?

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

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

  • - собственный сайт
  • - рисунок, который нужно поместить на сайт
  • - знать, что такое HTML-код

Инструкция

  • Чтобы сделать рисунок на сайте, загрузите изображение в файловое хранилище сайта.
    Файлы на сайт можно загружать с помощью «менеджера файлов» или по ftp. Для получения конкретных инструкций по загрузке файлов обратитесь к вашему хостеру (тому, кто предоставляет хостинг для вашего сайта).
  • После загрузки картинки узнайте ссылку на нее. Ссылка на вашу картинку будет такого вида: images/img1.jpg. Если Вы нашли картинку в интернете и знаете ссылку на нее, можно, конечно, использовать такую ссылку; но лучше сохранить эту картинку и залить к себе на сайт через «файловый менеджер», так как при удалении картинки с другого сайта на вашем ресурсе она отображаться тоже не будет.
  • Получив ссылку на нужный рисунок, вставьте ее между кавычек в следующий HTML-код: . Должна получиться такая конструкция: . Вместо "images/img1.jpg" должна быть ссылка на вашу картинку. Эту запись нужно поместить в нужное место в HTML-коде вашего сайта.
  • Если изображение на сайте нужно подкорректировать по размеру, то в HTML-коде укажите нужные ширину и высоту изображения. Запись вида width="100" указывает ширину картинки в пикселях, а запись height="80" - высоту изображения в пикселях, где число в кавычках и есть количество пикселей. Общий код изображения с указанными размерами выглядит так: . Цифры в коде замените на нужную вам ширину и высоту изображения.
  • Нелишним будет указать название изображения для того, чтобы при просмотре сайта в режиме без картинок посетитель мог понять, какие изображения присутствуют на сайте. Для добавления названия вставьте в код вывода картинки такую запись: alt="Название". Вместо слова «Название» напишите название вашей картинки. В результате рисунок на сайте будет иметь такой HTML-код: .
  • Оцените статью!