7 Съвети за добра оформление шаблон сайт

Аз вече писах за основните правила за проектиране на дизайна на сайта, т.е. какво трябва да бъде дизайна по отношение на оформление. Сега е време за затягане на гайките и програмист.

Всеки програмист, при вземането на работа на своя собствена отговорност, трябва да се придържат към определени правила, така че шаблонът е качество както по отношение на посетителите, както и от гледна точка на търсачките на.

Така че какви са тези правила? Нека ги разгледаме в седем стъпки.

1. Структурата на сайта.

Минималната ширина на РХ оформление 1000, независимо от какъв тип оформление сме - фиксиран или гума. Защо 1000 пиксела? ширина оформление трябва да се приспособи към популярната резолюция на монитора и за предпочитане без появата на лентата за превъртане хоризонтална (лично аз не я харесвам). Днес тя е - 1024 х 768 пиксела. Изваждане от широчината на вертикалната лента за превъртане прозорец на браузъра и да получите ширина 1000 пиксела. Когато намаляване или увеличаване то трябва да изглежда като красива прозорец на браузъра, т.е. елементи на сайта нямат никакво къде да изчезнат или се сблъскате с един на друг. оформление на сайта ще бъде гъвкав - движение на китката трансформира фиксирана оформлението на каучук и обратно. Това се прави по следния начин: създаване на обща рамка (контейнер) и вътре в нея е поставен на останалите блокове (капачка сайт, в ляво и / или дясно колона, менюта и т.н.). Освен това, чрез използването на стилове ние работим има минимална широчина на основната опаковка.

Долна единица (сутерен) на обекта с броячи и авторските права трябва винаги да се притиска към дъното. Можете да проверите това, като задържите натиснат клавиша Ctrl + превъртете надолу колелцето на мишката. резолюция оформление ще се увеличи, тъй като монитора с екран с висока разделителна способност. За да се върнете в нормален режим, натиснете клавишната комбинация Ctrl + 0.

Що се отнася до кода, оформлението трябва да бъде изцяло на divah или както казват оформлението на блок. Тази позиция е по принцип трябваше да се сложи на първо място, защото по мое мнение, налагането на масите са отдавна е нещо от миналото.

Вижте също: Enquire.js - създаване на адаптивни сайтове лесно

3. съвместимост различни браузъри.

Оформление, оформление трябва да изглежда еднакво във всички популярни браузъри, и да не забравяме за старата версия. Основни браузъри, при което да се "точат" си оформления това - Firefox, Opera, Google Chrome, Safari, Internet Explorer 7, 8, 9. 6-ти IE (Internet Explorer), поставени капачка. Когато потребител влезе в сайта Ви, като се използват IE 6.0, страницата се отваря с информацията за него, че този браузър е стара версия и е време да преминете към по-модерен и предлага по-долу линкове за изтегляне популярните браузъри.

Като цяло, тази стъпка, аз предлагам да отделят необходимото внимание, защото много потребители и много от тях използват различни версии, и трябва да изглеждат едни и същи. Curve оформление може да бъде една от причините, поради които посетителите могат да го напуснат.

4. Graphics.

Вижте също: Азбука на семантично маркиране към HTML5

Проверете колко тежите след оформлението на страницата, можете, с помощта на Firebug плъгин за Mozilla Firefox. Open Firebug, преминете към раздела "мрежа" и се презарежда страницата. В края на списъка ще видите броя на заявките и на общия размер на страници.

5. Стриктно спазване оформление ДПУ на.

Шаблонът ви изложи, трябва стриктно да се съобразят с PSD-източници. Дизайнер може би изготвянето на един елемент, който е прекарал на п-ия брой пъти, а вие сте преминали и развали всичко - правя, както желаете. В краен случай, ако имате нещо не работи, можете да се консултирате по този въпрос с дизайнера и ръководителя на проекта или от клиента.

6. Спазването на стандартите на W3C.

оформление на сайта се извършва в съответствие с определени стандарти, издадени от World Wide Web Consortium (W3C). Тази организация разработва и внедрява технически стандарти уеб развитие. Така че, маркират си дизайн трябва да се придържат към тези стандарти, или както се казва да бъде валидиран. Проверете шаблон съвпадение ще помогне на специален софтуер, наречен валидатор.

Защо е толкова важно, че кодът на сайта е валиден?

На първо място, валиден и красив код, съответстващ на всички стандарти, се обработва по-бърз браузър и оформление ще покаже еднакви във всички браузъри. След като всички доставчици на браузъра да се придържат към стандартите на W3C в дизайна на техния продукт. Представете си, че всеки разработчик ще напише код на свой собствен начин. След това ще се случи точно хаос.

На второ място, търсачките могат да бъдат негативно отношение към обектите, кодът, който съдържа грешката. Колкото повече си кодът отговаря на W3C политика на консорциум, тези лоялни към търсещите машини, които ще се третират. Поради това, обърнете внимание на този аспект на популяризиране на сайта в търсачките.

Най-валидатора може да "Кълна се" на старите таговете не са затворени, добре проектирани и т.н.

Бих искал да добавя, за стандартите на W3C, е фактът, че стриктно се придържат към тези правила, не са принудени. Тези стандарти са консултативни в природата. Но последиците от тяхното неспазване ще бъдат закачени на вашата съвест.

7. Проверете за грешки.

Преди доставката на шаблона на клиентите, не забравяйте да го проверите за грешки. Грешките могат да бъдат различни. Обикновено, потребителят не може да ги види, но ако Firebug плъг-ин за ръка, всички те могат да бъдат проследени, като кликнете върху раздела "конзола".

Често е, например, ще се създаде лист стил, да го свържете чрез внос, а след това в хода на развитие Оказва се, че това не е необходимо. Отне, аз го изтрих, и връзката е останало. Потребителят не вижда, обаче, тъй като разработчик, но двигателите на браузъра и търсене виждат всичко. Така че, внимавайте да не са били разбити файлови пътища.

Е, това е в общи линии всичко, което исках да кажа. На добър час! Чао на всички!

Заур Магомедов

Аз можете да:

Поръчайте сега Поръчайте сайт до ключ