картинка в шапке

картинка в шапке

И так друзья я показал в курсах 2-3 как писать шаблон, это примеры теперь покажу как поставить картинки если вы в первом курсе скачали программы что я вам показал ссылки если нет вот ссылка на страницу 

скачать заготовку макета = http://catcut.net/MXDA

Создайте папку и назовите любым названием что вам было понятно самим например sait-test, скаченный файл перетащите в папку запустите файл index.html. откроется браузерное окно как на картинке ниже.

 

Теперь давайте посмотрим файл index.html код нажмите адин раз мышкой потом левой кнопкой мыши и открыть через Notepad++, если вы не скачали программу вот ссылка Notepad++

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

А можно проста на фотошопе создать картинку на всю шапку,  в картинке можно поставить логотип вашего сайта название, также ваше фото, давайте теперь рассмотрим сам код.

Найдите строчку на верху <header class="header"> это шапка с закрытом тегом </header> между ними открытым тегом и закрытым вставьте картинку кто не понил смотрите ниже  картинку все для вас.

 

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

как закрепить картинку вот например так <strong><img src="bga.png" alt="Птица" width="100%" height="150" /></strong> не забудьте написать название картинки.

Подробности можете посмотреть в странице где всё описывается о картинках вот ссылка.

На этом пока я завершаю урок если кому понравилось поделитесь с другим и не забудьте поставить комментарии желаю удачи.

 

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: