Изображения. 4 html5

ВЫСОТА И ШИРИНА ИЗОБРАЖЕНИЯ

РАЗМЕЩЕНИЕ ИЗОБРАЖЕНИЯ В КОДЕ

ПРАВИЛА СОЗДАНИЯ ИЗОБРАЖЕНИЙ
СОХРАНЯЙТЕ ИЗОБРАЖЕНИЯ В ПРАВИЛЬНОМ ФОРМАТЕ
JPEG, GIF, PNG
СОХРАНЯЙТЕ ИЗОБРАЖЕНИЯ С ПРАВИЛЬНЫМИ ЗНАЧЕНИЯМИ ШИРИНЫ И ВЫСОТЫ
ИСПОЛЬЗУЙТЕ ПРАВИЛЬНОЕ РАЗРЕШЕНИЕ
На большинстве настольных ПК браузеры отображают графику с разрешением 72 ppi (пиксел на дюйм)

ИЗОБРАЖЕНИЯ, СОХРАНЯЕМЫЕ В ПАПКАХ САЙТА, ДОЛЖНЫ ОБЛАДАТЬ ТЕМИ ЖЕ САМЫМИ ЗНАЧЕНИЯМИ ВЫСОТЫ И ШИРИНЫ, ЧТО ВЫ УКАЗАЛИ В КОДЕ СТРАНИЦЫ
КАК МОЖНО ИЗМЕНЯТЬ РАЗМЕРЫ:
Размер 150Х300 пикселов
1. Уменьшение размера
Можно уменьшить размер на 50%
Результат: скорость загрузки выше исходного

2. Увеличение размера изображения:
Увеличение размера исходного изображения приведет к ухудшению его качества
3. Кадрирование изображения:
Можно обрезать какую-либо часть изображения

Иллюстрации и подписи

ФОРМЫ
НАБОР ЭЛЕМЕНТОВ ДЛЯ СБОРА ПОЛЬЗОВАТЕЛЬСКИХ ДАННЫХ
СТРУКТУРА ФОРМЫ
Идеален для коротких форм
При простом получении данных с веб-сервера (без отправки сведений в базу данных)

ВВОД ПАРОЛЯ

ТЕКСТОВАЯ ОБЛАСТЬ

ПЕРЕКЛЮЧАТЕЛИ

ФЛАЖКИ

Раскрывающийся список

СПИСОК МНОЖЕСТВЕННОГО ВЫБОРА

ЗАГРУЗКА ФАЙЛОВ НА СЕРВЕР
Создает поле с кнопкой «Обзор»

КНОПКА ПОДТВЕРЖДЕНИЯ

Графическая кнопка

МЕТКИ ЭЛЕМЕНТОВ ФОРМЫ

ГРУППИРОВКА ЭЛЕМЕНТОВ ФОРМЫ

Валидация данных формы
Проверка правильности заполнения полей. В HTML5 появилась собственная технология валидации введенных данных – работа перекладывается на веб- браузер

ВВОД ДАТЫ

ВВОД URL-АДРЕСА

ВВОД АДРЕСА ЭЛЕКТРОННОЙ ПОЧТЫ

ПОЛЕ ВВОДА ПОИСКОВОГО ЗАПРОСА