фиксирания оформления
Предимства на този план
своите недостатъци
- Обявена "оптимума за максимална четливост" ширина не може адекватно да изпълняват своята роля, ако текстът на сайта значително се увеличава с непроменена височина на текст линия на размера (в този случай се оказва, че текстът "размива", а това е много трудно да се възприемат) , Въпреки това, следва да се отбележи, че ако имате добър дизайн, този проблем се появява само при много висока степен на увеличение на текста;
- Имаме малък монитор (640 × 480 пиксела, също не трябва да забравяме за мобилни устройства) се появява хоризонтална лента за превъртане на ширината на сайта на 760 пиксела. Въпреки, че това е много рядък проблем;
- ширина на сайта на 760 пиксела може да изглежда доста непривлекателна (твърде тесен) на монитори с голяма разделителна способност на екрана;
- Малката ширина на основния контейнер може да ограничи разумен брой колони в оформлението, но той може да бъде предимство, тъй като прави създаването на сайта, като се вземат предвид такава строга рамка (т.е. най-вече не може да се прилага много стегнато и техники за дизайн, тъй като това са ограниченията, наложени ).
Съвети за оформление с фиксирана ширина
Пример фиксирана ширина блок
гумени модели
Каучук оформление се получава, ако обикновено не тръбопровод контейнер определя ширината (подразбиране е 100%) или задаване на ширината в проценти. С други думи, без да се включват граници и пълнеж, сайт, с ширина от 100% ще заемат цялата видима част на екрана, без да създаде хоризонтална лента за превъртане.
Предимствата каучук оформление
- С подходящо оформление каучук оформление позволява голяма гъвкавост при показване независимо от ширината на прозореца на потребителски клиент. На практика това е доста рядко, но теоретично, ако се прави правилно, е възможно;
- Гумени оформление идентичен с оформлението, браузър по подразбиране, това ни дава възможност да го разгледа "идеологически правилно". Но може да смятаме, че желанието на разработчиците да направят "идеологически правилни" предимство сайт относителна лекота на използване? Мисля, че можете;
- оформление Гумени сайт позволява използването на наличната способност на екрана на максимум. Голяма част от съдържанието на страницата е "над линията на гънката" (т.е. вижда без допълнителна страница превъртане). Въпреки това ...
Обърнете внимание на недостатъците на този план
- Твърде много от четене страници текст и острото си желание да запълни всички наличното пространство може да бъде в ущърб на удобство на потребителя. Твърде много текст може да "остави" до потребителя и да направи сайта претоварен или хаотично. Има една поговорка: "Празното пространство продава» ( "White пространство продава", не знам руския еквивалент на експресията, ясно е, че празното пространство е необходимо да се обръща повече внимание на съдържанието), и това е вярно, дори и за уеб сайтове;
- Ако оформление ограничение ширината да използват CSS макс ширина собственост (която не се поддържа от Internet Explorer (IE) версия 6 и по-рано, по-кратко, генерала (лошо) се поддържа) и да бъде само един оформление гуру може да бъде резултат от търсенето на "правилната идеология" се в най-добрия уеб сайт, който ще бъде трудно да се използва. Представете си, че трябва да се чете на дължината на повече от 1000 пиксела линия и сте наясно с проблема.
Някои съвети как да използвате този план
- Използвайте гумена оформление точно както е предписано. Не позволявайте на желанието си да направи всичко "идеологически правилно", за да надделее над здравия разум. Трябва да е някакъв вид добра причина да използват този вид оформление. Ако решите, че го използвате, уверете се, че гумената оформлението на вашия сайт изглежда добре по-голямата част от разделителната способност на екрана. В противен случай оставете го, играта е не си струва труда;
- При използване на гумени оформление имате район с фиксирана ширина, така че, всъщност, имаш хибрид каучук и фиксирано оформление, и с минимална ширина се определя от ширината на фиксирани блокове или най-големият от обекти (изображения, например). Бъдете внимателни. Ако искате да направите уеб сайт е гумен манекен, и то трябва да бъде наистина, а не само с думи;
- Ако все още са направили хибрид каучук и фиксирано оформление (например, както е показано в моя CSS ръководство. Уверете се, че тя обикновено изглежда с разделителна способност от 800 × 600.
И, всъщност, един пример
Гъвкаво оформление
При използване на гъвкав контейнер основен размер на оформление и друга (основен) на елементи, определени в тях. Ем е пряко пропорционално на размера на текста или шрифт. Ето защо, като се увеличи размера на текста на размера на страницата на участъците, посочени в ги, ще се увеличи пропорционално.
Пример за еластичната оформление може да се разглежда по мое мнение, CSS Zen Garden (ограничен хибрид еластична гума и оформление). Доколкото ми е известно, това е единственият представителството на CSS дзен градина, която е гъвкава и достъпно, колкото е възможно най-малко с не може да се редактира (първоначално е посочено) оформлението на страницата. Аз съм горд от този факт (в действителност, един много добър пример, но в моя Opera 9.22 при ширина от по-малко от 150 единици на пиксела "бум" на един друг, ефектът е описано по-горе в червено гумено оформление).
Предимствата гъвкаво оформление
- Ако всичко е направено правилно, това е много стабилен оформление, защото всички промени в размера пропорционално. В резултат на това всички все още е добро за всички промени по размер;
- Гъвкаво оформление е доста сложно нещо, това е невероятно готин, и всеки път, когато това е предизвикателство към себе си на първо място. Първото ми запознанство с него беше Томи Олсон на сайта (който, както изглежда, е добър пример за това как да се направи гъвкави сайтове). Той ме удари, принуден да се усмихва и да мисли дълбоко за това как аз не знам много (впечатли по дяволите, от мен). Най-добрият пример може да бъде увеличаване на текста на уеб сайтове с гъвкаво оформление: просто задръжте Ctrl и завъртете колелцето на мишката ... вече не мога да го чуя "Уау"
Недостатъци гъвкаво оформление
- Въпреки своята привлекателност и елегантност, аз не знам много добре се възползва от нея, тя те кара да се чудя, защо имаме нужда от нея?
- Ако не ограничава размера на външния съд, този план може да бъде истинско бедствие за потребителя: тя ще бъде опъната по-широк и по-широк и по-широк - без видима полза.
Малко съвети за еластичната оформлението
- Ако ще да се наложи, като се използват гъвкаво оформление, уверете се, че работи върху малки монитори. В противен случай, защо имаме нужда от нея?
- Гранични размери еластичен блок за определяне на външните размери на контейнера (с помощта на гумена или фиксирана ширина, т.е. създаване на хибриден оформление). Например, #wrapper
- Не забравяйте, че IE 6 и по-ниски не поддържат максимална ширина имота, уверете се, че когато зададете възможно най-голям текст в IE не хоризонтален плъзгач, се появява в резолюция 1024 × 768. Във всеки случай, можете да видите моето решение за CSS Zen Garden. Следващата стъпка ще бъде да има налагане на резолюция 800 × 600 с същото състояние. Като пример, можете да видите моята гъвкаво оформление хостинг сайт (ограничен хибрид каучук и еластична оформление). Смятам pereverstat го за една година, но сега той е на работа например.
Пример еластичен набор
В заключение
Както можете да видите, като всеки от описаните видове модели имат своите плюсове и минуси (може би знаете, от друга?). И аз не мога да кажа със сигурност кой от тях е по-добре. Това е просто ниво на представяне на обекта, както е отбелязано в самото начало, следователно, с голяма отговорност и по-малко доверие мога да кажа, че някой от тези подредби може да се прилага за оформлението на достъпни и лесни за използване уеб сайтове. По този начин, аз не предлагам да стане не по пътека поддръжници "идеологическа коректност" прави нещо, само защото е "право", за сметка на достъпност и използваемост. Не се опитвам да ги критикувам, защото те ни карат да се отрази на всяка стъпка и са източник на вдъхновение, но ако се тръгне по стъпките си, го правим с повишено внимание. Да предположим, че имате цел и план ще бъде. "Само защото" не е достатъчна причина - така че аз говоря на децата си.
Какво да се опита и така аз знам какво ще се случи.
И ако забраните Flash. Java скрипт и в същото време. колко сайта ще бъде 100% функционален.
Така че от JS не е аргумент. 2 години и половина в сайта отидоха само един посетител с JS увреждания.
И ако потребителят има една стара операционна система и стария браузър. Не се поддържа CSS 3 и HTML 5 и HTML 4.01, а понякога наистина не притежават. че всичко това е в горивната камера.
Всички proportsiolnalno променя динамично. в резултат на използването на само EM и%. вместо PX. PT, и др.
Да, така си и мислех.
Аз тук не ми харесва.
На първо място. Снимки с този подход почти никога не са естествената му размер, преоразмеряване и обикновено има лош ефект върху начина, картината изглежда.
На второ място. Повечето сайтове вече са изложени с размер на шрифт с фиксирана и диапазон от размери, а тесни (например, основният текст е рядко по-малко от 12 пиксела и по-големи 14-16px). Тази форми имат определени очаквания на потребителите, те се използват за някои истини шрифта а.
Font в даден сайт, да наложи своя път ще бъде на големи монитори изглеждат по-големи (и по малко - по-малък) от шрифтовете в други сайтове. От тази потребителите със сигурност да създаде впечатление, че е на този, че даден сайт не е, и ще ги използва по такъв странен сайт.
Това, което не ни убива ни прави хора с увреждания.
Font в даден сайт, да наложи своя път ще бъде на големи монитори изглеждат по-големи (и по малко - по-малък)
Погрешно изявление.
размер на шрифта. показани на различни монитори размер / разрешаване разположени върху ергономична област в съответствие с техния размер. Тя ще бъде в същото ъглов размер.
Тръгнах в края на страницата. аспект ергономия динамичен тип оформление еластичен
Да променя размера на прозореца приблизително 700h700
Защо промяна. И ако това се прави с фиксиран или гумено-сайт. Page обикновено се разпада. поради свързващи елементи към различни страни на екрана или скрита извън браузъра. Трябва да се работи плъзгача цяла.
Това води до образуването на потребители на определени очаквания
Ние трябва да оформят очаквания.
Знаеш ли как изглежда като контакт на монитора 25. "Чисто" цветове "слети заедно елементите на страницата може да се каже, че този контакт.
Така например, вашия сайт на монитор 25 "(CRT) не мога да видя. Дори да не е създадена, за да 2048 хоризонтални. И в хронометър. Аз нямам никакво желание да развалят визия. Ергономия. Нито един от които има не може да се помогне.
Големи монитори за разрешаване не поръчват, че ще се вмести като много елементи, като е възможно. и показване на тези елементи. например изображение. с много по-добра разделителна способност.
Разбира динамично оформление еластин възприема необичайно. но все пак като се има предвид ергономичността и използваемостта е най-съвършен вид оформление.
преоразмеряване и като цяло лошо за това,
Всъщност, ако докоснете качеството на изображението на матричните дисплеи. LCD. плазма и други "плосък" показване на изображението в правилното качество никога няма да бъде възможно. Резолюцията и размера на клетъчен дисплей е твърде голям в сравнение с този на CRT монитори.
От тази гледна точка. преоразмеряване на изображенията не се въведе забележите значително влошаване на качеството на изображението. Още снимки повлияни от коментаторите. обикновено IE 9 показва картината е много по-добре, отколкото например Google Chrome 13. втория gorazdot по-лошо от показаната алгоритъм за обработка на изображения. че много забележим, когато се покажат в курсив в частност.
Ако в Google Chrome ще направи нормални графична обработка. Току-що му запълзя като мъртъв костенурка и ще бъде в края на опашката на изпълнението.
Свързани статии