Здравейте, скъпи читателю!
Красив килим ще подобри всяка, дори и най-обикновен на вид стая. Вашият уеб ресурс - една и съща стая. Ако направите с интересен дизайн, можете да привлече по-голям брой посетители. Днес ще ви покажа как да направите фона на сайта.
От моя собствен опит мога да кажа, че дизайнът е понякога досадно. Искам нещо ново и интересно. Най-лесният начин да се актуализира стария шаблон - промяна на цвета дизайн на уеб ресурса.
Промяна на дизайна, можете да използвате HTML или CSS. Кой не знае това основно маркиращи езици и стилове, с тяхна помощ, са разработени уеб страници сайтове.
HTML (HyperText Markup Language) буквално означава "Hypertext Markup Language", всичките му команди интерпретирани от браузъра и показани в лесен за употреба форма.
CSS (Cascading Style Sheets - Cascading Style Sheets) е официален език, който описва появата на оригинала написан с помощта на език за маркиране. Тя се използва главно за описание и на външния вид на уеб страниците, които са били написани на HTML.
Между двата езика имат много общи черти, а именно подобни Имената на командите и методи за използване. Но HTML - строителен материал за уеб собственост, както и CSS - лигавицата.
Предшестващо състояние в HTML
Следните елементи могат да се използват като фон в HTML:
- цвят;
- Изображение за фон;
- Texture образ;
Сега за всеки от тези елементи ще говорим по-подробно.
За да зададете цвета на фона, който искате да използвате свойство фон-цвят на маркировката стил.
В NTML може да бъде определен цвят:
- Под формата на три двойки 16 шестнадесетични цифри, всеки от които е отговорен за компонентите на цвят (червено, зелено, синьо). За да стане ясно, припомни детството: той като цветни смесване цветове вода, например, сини + жълто = зелен, и, в зависимост от количеството на всеки нов цвят се получава. Така 16 шестнадесетични цифри и количеството от всеки цвят.
- Ключова дума (зелено, жълто и т.н.). В този случай, аз препоръчвам да се използва само на основните цветове, като името на нюанси браузър не признава.
- В RGB (*, *, *), където люспа - е число от 0 до 255. Както в първия случай, предвид размера на определен цвят (червено, зелено, синьо) до получаване на желания резултат.
- Съвсем наскоро стана възможно и вариант RGBA (*, *, *, *), където първата цифра, както в предишния случай - количеството на определен цвят, а последният - нивото на непрозрачност, която се определя от броя от 0 до 1.
За да получите прозрачен фон, е необходимо да се определи стойността собственост на фона цвят е прозрачен.
фоново изображение
Сега нека видим какви възможности отворен език за хипертекст да зададете фоново изображение. За да осъществи плана си, можете да използвате имот фон-изображение.
Тъй като не всички цифрите са големи, понякога трябва да го разтегнете за цял екран. Да речем, че искам да разбера отразено в средата и само веднъж. Въпреки това, браузърът вместо една голяма снимка показва голям брой малки, че запълни целия екран.
Как да го направя, ако моделът не е гума? Това е много проста! Забраната за клониране с помощта на фон-повторете. Допустимите стойности собственост:
- повторение забрана - никой не се повтаря;
- върху двете оси - повтори;
- Вертикална - повтаря-ил;
- повторение на фоново изображение хоризонтално - повтори-х.
Както се досещате, вие важна първа възможност.
Разбира се, по-добре е да разбера в центъра. Тя е за това и има такава собственост като фон-позиция. Координати, можете да зададете следните начини:
В някои случаи, по време на превъртане на страниците се изисква определена позиция на изображението. Отстранен фон уеб ресурс ще ви помогне да създадете имот фон-привързаност. Това отнема стойностите на фиксирани или превъртане. За да се определи рисунката, използвайте първата стойност.
текстурни фон
Снимки, направени с високо качество, влияят на скоростта на зареждане на уеб ресурси. Но на компютъра в случай на високоскоростен интернет връзка не е толкова ясно за потребителя, както и на мобилни устройства, където такава страница, ще бъдат записани за дълго време.
За да се реши този проблем ще помогне текстура, в която малък образ се използва като текстура. Снимката се зарежда само веднъж, дори ако няколко повторения. Как да го направя, това е ясно от предишния пример.
CSS инструменти
Описаните по-горе качества са доста подходящи за каскадни стил (CSS). За да създадете уеб дизайн ресурс с CSS е достатъчно, за да използвате командата от примерите, че цитираните по-горе. Резултатът ще бъде един и същ.
С CSS, можете да създадете адаптивни фон трябва да се показва правилно на всяко устройство с различен разширяване на екрана.
За CSS стилове обикновено създава отделен файл. Тази опция е полезна, защото не е нужно постоянно да предпише стилове във всеки HTML документ.
C уважават! Руслан Абдуллин
Свързани статии