Днес качествените уебсайтове трябва да изглеждат добре на голямо разнообразие от резолюции на екрана. За да направите това, е необходимо елементите на дизайна на страницата да се мащабират в широки граници. Това се отнася главно за заглавката на сайта.
Необходимо е
възможността за промяна на маркирането на страниците на ресурса
Инструкции
Етап 1
Използването на подходящ шаблон е универсално решение, което ви позволява не само да разтягате, но и да компресирате заглавката, както и други елементи на дизайна. Можете да използвате стандартни шаблони, предоставени от безплатен хостинг или свободно разпространявани в Интернет. Всеки шаблон изисква ревизия и адаптация. Препоръчително е да промените всички графики, за да направите сайта уникален. Никога не използвайте стандартно оформление. Оставете маркирането на страницата - нейния „скелет“и „месото“- съдържанието и елементите на дизайна, заменете със собствените си. Замисленото използване на шаблони ви позволява да спестите времето на разработчика, което може да бъде изразходвано за попълване на сайта с информация или за разширяване на възможностите на услугата.
Стъпка 2
Ако страницата вече е напечатана, можете да опитате сами да разтегнете заглавката. Това изисква основни познания по HTML и CSS. Ако заглавката на сайта е проектирана като един графичен файл, можете да опитате да компресирате и разтегнете изображението му в зависимост от ширината на прозореца. Този метод работи добре, ако коефициентът на мащабиране е малък. Ако превиши ширината на изображението с една четвърт или повече, качеството на картината ще пострада. Отделните пиксели, образуващи изображението, ще станат видими.
Стъпка 3
За да може изображението да остане с високо качество, но в същото време да заема цялото пространство, отредено за него, е необходимо да го разделите на отделни части. Това обикновено е дясната страна, лявата и централната. Желателно е изображението да има плътен по ширина фон, с който е било възможно да се запълнят празнините, които възникват между частите на заглавката. Двете картинки, които оформят ръбовете на заглавката, трябва да бъдат прикрепени към лявата и дясната страна на контейнера. Увийте централното изображение в етикет. Покрийте останалото пространство с фоново изображение с ширина един пиксел.
Стъпка 4
Друг лесен начин е да създадете изображение, което по своята същност е по-голямо от най-големия екран. Изображението се задава като фон в центъра на заглавната секция. Недостатъкът е голямото „тегло“на изображението и като резултат - дългото време за зареждане. Комбинирането на горните методи избягва повечето негативни ефекти.
