Добавление иллюстраций

т       

Сайт создан по технологии «Конструктор сайтов e-Publish»

 

Добавление иллюстраций

Для увеличения красочности и информативности сайта, на страницы сайта можно вставлять изображения.

Добавим изображение на нашу страницу (для примера добавим изображения здания школы). Для этого поставим курсор в место, куда мы хотим поместить изображение, и щелкнем кнопку «Изображение» на панели инструментов.

Для увеличения красочности и информативности сайта, на страницы сайта можно вставлять изображения.

Добавим изображение на нашу страницу (для примера добавим изображения здания школы). Для этого поставим курсор в место, куда мы хотим поместить изображение, и щелкнем кнопку «Изображение» на панели инструментов.

 

Появится окно проводника, в котором необходимо выбрать размещение необходимого нам изображения. Для удобства, при выборе изображения, рекомендуется в меню «Вид» окна проводника выбрать «Эскизы страниц».

 

Появится окно проводника, в котором необходимо выбрать размещение необходимого нам изображения. Для удобства, при выборе изображения, рекомендуется в меню «Вид» окна проводника выбрать «Эскизы страниц».

 

 

В этом режиме в можете просмотреть привью изображений.

Выберем изображение и щелкнем кнопку «Открыть».

В этом режиме в можете просмотреть привью изображений.

Выберем изображение и щелкнем кнопку «Открыть».

 

Появится окно «Свойства изображения». Это окно стоит рассмотреть подробнее.

 

Появится окно «Свойства изображения». Это окно стоит рассмотреть подробнее.

 

 

Кнопка «Вставка изображения» позволяет выбрать другое изображение.

 

Кнопка «Вставка изображения» позволяет выбрать другое изображение.

 

 

Кнопка «Перейти в графический редактор», позволяет перейти в графический редактор, где вы можете отредактировать изображение, изменить его размеры, воспользоваться фильтрами и т.д.

 

Кнопка «Перейти в графический редактор», позволяет перейти в графический редактор, где вы можете отредактировать изображение, изменить его размеры, воспользоваться фильтрами и т.д.

 

 

Щелкнем по кнопке и перейдем в графический редактор.

 

Щелкнем по кнопке и перейдем в графический редактор.

 

 

Воспользуемся пунктами из меню «Преобразовать» и «Фильтры», для редактирования изображения.

 

Воспользуемся пунктами из меню «Преобразовать» и «Фильтры», для редактирования изображения.

 

 

Просмотрим результирующее изображение.


Просмотрим результирующее изображение.


 

Если нам не нравится результат преобразований, то необходимо выйти из редактора и отказаться от сохранения. Для этого нажмем на кнопку «Закрыть» в правом верхнем углу экрана.

 

Если нам не нравится результат преобразований, то необходимо выйти из редактора и отказаться от сохранения. Для этого нажмем на кнопку «Закрыть» в правом верхнем углу экрана.

 

 

Или выберем пункту меню «Файл» - «Выход».

 

Или выберем пункту меню «Файл» - «Выход».

 

 

И на вопрос «Сохранить» щелкнем мышкой по кнопке «Нет».

И на вопрос «Сохранить» щелкнем мышкой по кнопке «Нет».

 

Закроем графический редактор и вернемся в окно свойства изображения.

Если изображение слишком велико, и не помещается в окно просмотра его можно передвигать. Щелкнем по изображению и, не отпуская левую кнопку мыши, передвинем изображение в нужном направлении. При нажатии мышки, курсор будет видоизменен.

Закроем графический редактор и вернемся в окно свойства изображения.

Если изображение слишком велико, и не помещается в окно просмотра его можно передвигать. Щелкнем по изображению и, не отпуская левую кнопку мыши, передвинем изображение в нужном направлении. При нажатии мышки, курсор будет видоизменен.

 

В полях ширина и высота изображения выставим изображения (размеры указаны в пикселях). Максимально допустимые размеры для изображения, размещаемого на сайте 150 – 200 пикселей. Если установлена галочка «Пропорциональное изменение размеров» (она выставлена по умолчанию), достаточно изменить только один из параметров, второй будет рассчитан автоматически.

Выставим размеры изображения.

 

В полях ширина и высота изображения выставим изображения (размеры указаны в пикселях). Максимально допустимые размеры для изображения, размещаемого на сайте 150 – 200 пикселей. Если установлена галочка «Пропорциональное изменение размеров» (она выставлена по умолчанию), достаточно изменить только один из параметров, второй будет рассчитан автоматически.

Выставим размеры изображения.

 

 

Выпадающее меню «Местоположение» дает выбрать, как текст будет обтекать изображение. Если «Местоположение» будет выбрано «Влево», то текст будет расположен справа от изображения.

Выберем местоположение изображения.

 

 

Выпадающее меню «Местоположение» дает выбрать, как текст будет обтекать изображение. Если «Местоположение» будет выбрано «Влево», то текст будет расположен справа от изображения.

Выберем местоположение изображения.

 

 

 

Отступы по горизонтали и вертикали устанавливаются для того, чтобы текст не находился вплотную к изображению. Выставим их равными 5 пикселям.

 

 

Отступы по горизонтали и вертикали устанавливаются для того, чтобы текст не находился вплотную к изображению. Выставим их равными 5 пикселям.

 

 

 

Если вы укажите толщину рамки, то вы можете задать ее цвет. Но следите, чтобы цвет рамки совпадал с общей цветовой гаммой дизайна.

Установим толщину рамки равную 2 пикселям.

 

 

Если вы укажите толщину рамки, то вы можете задать ее цвет. Но следите, чтобы цвет рамки совпадал с общей цветовой гаммой дизайна.

Установим толщину рамки равную 2 пикселям.

 

 

 

Выберем цвет рамки, для этого щелкнем по кнопке «Сменить цвет».

 

 

Выберем цвет рамки, для этого щелкнем по кнопке «Сменить цвет».

 

 

 

Появится окно «Цвет».

 

Появится окно «Цвет».

 

 

Выберем подходящий нам цвет и щелкнем «ОК».

 

Выберем подходящий нам цвет и щелкнем «ОК».

 

 

Описание, это всплывающая текстовая подсказка, которая будет появляться при наведении курсора на изображение, в ней поясняется, что изображено на картинке.

Например «Здание школы».

 

Описание, это всплывающая текстовая подсказка, которая будет появляться при наведении курсора на изображение, в ней поясняется, что изображено на картинке.

Например «Здание школы».

 

 

Щелкнем по кнопке «ОК». Изображение вставилось на страницу. Если вам не нравится положение картинки на странице вы можете переместить ее, выделив щелчком мыши и, не отпуская левую кнопку мыши, перетащить в нужное место

 

Щелкнем по кнопке «ОК». Изображение вставилось на страницу. Если вам не нравится положение картинки на странице вы можете переместить ее, выделив щелчком мыши и, не отпуская левую кнопку мыши, перетащить в нужное место