Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Бесплатный курс "Сайт на WordPress"
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
*Наведите курсор мыши для приостановки прокрутки.
Работа с изображениями. Навигационная карта
|
|
Размер: 35,1 Мб. Длительность: 12 мин. 47 сек. |
Этот урок - продолжение урока "Ссылки, url-адреса и понятие атрибута"
Этот видеоурок посвящен работе с изображениями средствами HTML.
Мы рассмотрим основные операции, такие, как: задание размеров в пикселях и процентах, добавление альтернативного текста и др. Кроме того, мы поговорим о том, как сделать ссылкой часть изображения.
Изображения уже давно стали практически обязательной составляющей веб-страниц. Именно графическое представление информации позволяет сделать сайт более привлекательным, дружественным и "живым".
Разумеется, во всем надо знать меру, но грамотное и уместное использование графики на сайте сейчас является стандартом де-факто, поэтому очень важно уметь работать с изоображениями.
Сначала мы разберем, как вставлять изображение на страницу.
После этого мы изучим некоторые обязательные и необязательные атрибуты, которые связаны с тэгом img.
Следующим шагом мы научимся управлять размерами изображения, используя для этого либо пиксели, либо процентное задание размеров.
Также мы рассмотрим такой момент, как создание так называемой навигационной карты, когда какая-то часть изображения является ссылкой.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Обратите также внимание на уроки ниже. Первый бесплатный курс позволит вам освоить работу с HTML и научиться создавать "каркасы" для сайтов. Второй курс покажет 5 прикладных техник для "резиновой" верстки сайтов:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
