Рисунки на странице сайта

Работа с графикой на языке HTML

Рисунки для веб - сайта хранятся на вер-серврах в виде отдельных файлов и подключаются к веб-странице с помощью тега <img>.  К рисункам относим иллюстрации и украшения, а также фон страницы.
Размеры изображений в байтах должны соответствовать содержательным размерам этих изображений (в пикселях или милиметрах), Размеры в байтах должны быть минимально возможными - 

• качество изображения сохраняется;
• размер изображения не нарушает стиль страницы.

Этот критерий назовем качеством изображения на сайте.

Скачайте презентацию и распакуйте ее.

Из этой презентации  (слайды 49-60) вы узнаете, какие форматы графических файлов можно вставлять на веб-страницу и как это делать, а также, как сделать красочный фон для страницы.

Включение отдельных изображений в конструкторе сайтов  

Рисунки на страницу сайта добавляются очень просто: Меню - Вставка - Изображение
Однако этот инструмент не позволяет настраивать параметры тега <img>, которые позволяют добиться соответствия качеству изображения на сайте. Вы можете выбрать только отображаемый размер картинки (всего 3 варианта), выравнивание и обтекание.  Для улучшения необходимо  корректировать страницу в режиме HTML.
Но размер картинки в байтах все равно останется неизменным. 

Фон страницы в конструкторе сайтов 

Фон, цвет и стиль символов можно выбрать, если перейти: 
Меню - Еще - Управление сайтом - Темы, цвета и шрифты
Выбирая значения параметров, предлагаемых конструктором, вы можете поменять фон, цвет отдельных элементов, стиль символов для всех страниц сайта.
Здесь можно определить собственную картинку для фона.

Выводы

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