Как вставить фотографию в материал?

Не добавляйте на сайт фотографии с цифровых фотоаппаратов, без предварительной подготовки, так как они имеют большой размер, а это может привести к долгой загрузке страниц сайта и потере посетителей.

Подготовить фотографию для размещения на сайте, можно в любом графическом редакторе, например XnView.

Для сайта фотография должна иметь следующие характеристики:

  • Формат изображения: jpg, gif, png.
  • Название фотографии: должно содержать только малые латинские буквы, и/или цифры, без пробелов. Правильно: foto1.jpg. Неправильно: foto 2.JPG. Каждая фотография должна иметь уникальное имя.
  • Размер файла: не более 100 кб.
  • Ширина фотографии: не более 300-400 px. Ширина зависит от дизайна вашего сайта, но указанное значение будет подходить большинству сайтов.

Как подготовить фото, можно прочитать здесь.

Для вставки подготовленной фотографии в материал необходимо:

1. Откройте материал в который необходимо вставить фотографию (см. Где редактировать материал?).

2. Для размещения фотографии слева от абзаца, щелкнуть в начале первой строки этого абзаца. После этого, курсор будет находиться как показано на рисунке.

3. В нижней части редактора, щелкнуть кнопку "Изображение".

4. В появившемся окне щелкнуть кнопку "Добавить файлы", затем выбрать с вашего компьютера подготовленную фотографию для добавления на сайт.

5. Щелкнуть кнопку "Загрузить".

6. Если загрузка прошла нормально, то в верхней части окна появится синяя полоса с сообщением "Загрузка завершена", а в центре окна появится эскиз вашей фотографии в общем списке. Если загрузка завершается с ошибкой, то в место синей полосы, появляется красная с текстом ошибки. В таком случае запишите ошибку и обратитесь к нам в службу поддержки.

7. Щелкните по эскизу вашей фотографии в списке (в нашем примере это m3.jpg), затем нажмите кнопку "Вставить".

8. Теперь ваша фотография должна появиться в материале.

9. Чтобы текст не прижимался к фотографии, добавим отступ. Для этого щелчком выделим фотографию, затем в панели инструментов щелкнуть кнопку настройки изображения:

10. В появившемся окне перейдите во вкладку "Appearance", затем в поле "Alignment" выбрать нужное выравнивание - в нашем случае Left. В поле "Horizontal Space" введите 5.

11. Перейдите во вкладку "General" и в полях "Image Description" и "Title" введите короткое описание фотографии. Например: "Образец №45". Нажмите кнопку "Update".

 

12. Если все сделано правильно, то ваш материал будет выглядеть как показано ниже. Остается только сохранить материал и выйти из панели управления.

Создание и обслуживание сайта

Новости

В портфолио созданных сайтов добавлен новый веб-сайт туристической компании. Посмотреть дизайн сайта можно в разделе Портфолио