Распоредот на веб-страница може да се направи на два различни начини:
- Фиксни распределби на ширина - Ова се распореди каде ширината на целата страница е поставена со одредена нумеричка вредност.
- Течни распореди - Ова се распореди каде широчината на целата страница е флексибилна во зависност од тоа колку е преголем прелистувачот на гледачот.
Постојат добри причини за користење на методите на изгледот, но без разбирање и на релативните придобивки и недостатоците на секој метод, не можете да донесат добра одлука за тоа кој да го користите за вашата веб-страница.
Распоред на фиксна ширина
Фиксни распореди се распореди кои започнуваат со одредена големина, утврдени од Веб дизајнерот . Тие остануваат таа ширина, без оглед на големината на прозорецот на прелистувачот кој ја гледа страницата. Распоредот со фиксна ширина овозможува дизајнерот по-директна контрола над тоа како страницата ќе изгледа во повеќето ситуации. Тие често се претпочитаат од дизајнерите со позадина за печатење, бидејќи тие им овозможуваат на дизајнерот да направи прилагодувања на изгледот на изгледот и да ги остават конзистентни во прелистувачите и компјутерите.
Течни распореди
Течни скици се распореди кои се базираат на проценти од големината на прозорецот на прозорецот. Тие се флексуваат со големината на прозорецот, дури и ако тековниот гледач ја менува големината на прелистувачот додека го гледаат сајтот. Димензиите на ширина на течност овозможуваат многу ефикасно користење на просторот обезбеден од кој било даден прозорец на веб-прелистувач или резолуција на екранот. Тие често се најпосакувани од дизајнери кои имаат многу информации за да се префрлат на колку што е можно помал простор, бидејќи остануваат доследни во големината и релативната тежина на страницата, без оглед на тоа кој ја гледа страната.
Што е на ниво?
Методот избран за вашиот веб-сајт ќе има влијание врз повеќе од само вашиот дизајн . Во зависност од тоа кој ке го одберете, ќе влијае на способноста на читателите да го скенираат текстот, да најдат што бараат или понекогаш дури и да го користат вашиот сајт. Исто така, изгледот стил ќе влијае на вашите напори за маркетинг на вашата веб-страница преку брендирање, достапност на недвижности, и естетиката на вашиот сајт.
Предности на распоред на фиксна ширина
- А фиксна ширина распоред му овозможува на дизајнерот да се изгради страници кои ќе изгледаат идентични, без разлика кој е во потрага по нив.
- Елементите на фиксна ширина, како што се сликите, нема да пренагласнат текст на помали монитори, бидејќи ширината на целата страница ќе ги вклучи тие елементи.
- Должината на скенирање нема да биде погодена од големи сегменти на текст, без разлика колку е широк Веб прелистувачот.
Предности на течни распореди
- Распоредот на ширина на течност се проширува и договори за пополнување на расположливиот простор.
- Се користат сите расположливи недвижности, овозможувајќи дизајнерот да прикажува повеќе содржини на поголеми монитори, но сепак останува одржлив за помали прикази.
- Течни распореди обезбедуваат конзистентност во релативните ширини, дозволувајќи им на страната да реагира подинамично на ограничувањата наметнати од купувачите, како што се поголеми големи букви.
Недостатоци до фиксна распределба на ширина
- Распоредот со фиксна ширина може да предизвика хоризонтално лизгање во помали прозорци на пребарувачот. И повеќето луѓе не сакаат да се движат хоризонтално.
- Тие исто така може да резултираат со големи пространства на празни места во поголеми монитори, што резултира со многу неискористен простор и повеќе лизгање вертикално отколку што инаку би било потребно.
- Распоредот со фиксна ширина не ги задоволува клиентските промени на големината на фонтот многу добро. За мали зголемувања на големината на фонтот, тие можат да бидат во ред, но за поголеми зголемувања, распоредот може да стане компромитиран.
Недостатоци до течни распореди
- Течни распоред овозможи многу малку прецизна контрола над ширината на различните елементи на страницата.
- Тие можат да резултираат со колони од текст кои се или премногу широк за да удобно скенираат, или на помали прелистувачи премногу мали за зборовите да се појавуваат јасно.
- Течниот распоред може да има проблеми кога елементот со фиксна ширина, како што е сликата, се става во течна колона. Ако колоната е изречена без доволно простор за сликата, некои прелистувачи ќе ја зголемат ширината на колоната, без оглед на инструкциите на дизајнерот, додека другите прелистувачи ќе предизвикаат преклопувања во текстот и сликите за да се постигнат точните проценти.
Заклучок
Многу сајтови кои имаат многу информации што треба да ги пренесат во што е можно помал простор, ќе работат добро со течен изглед. Ова им овозможува да ги искористат предностите на сите недвижности што ги обезбедуваат поголемите монитори, а не да ги намалуваат помалите прикази.
Веб-страниците за кои е потребна прецизна контрола врз тоа како изгледаат страниците во секоја ситуација, би било добро да користат распоред со фиксна ширина. Ова обезбедува поголема сигурност дека брендирањето на вашата веб-страница е конзистентна и јасна, без оглед на тоа на кој монитор се гледа.
Предност на распределба
Многумина преферираат мешан пристап. Тие не сакаат да користат течни распореди за големи блокови на текст, бидејќи тоа може да го направи текстот или нечитлив на мал монитор или да не може да се пребарува на голем. Значи тие имаат тенденција да ги направат главните колони страници фиксна ширина, но прават заглавија, подножја и странични колони да бидат пофлексибилни за да ги преземат преостанатите недвижнини и да не го изгубат капацитетот на поголемите прелистувачи.
Некои сајтови користат скрипти за да ја одредат големината на прозорецот на прелистувачот и соодветно да ги менуваат елементите на екранот. На пример, ако отвориш такво место во многу широк прозорец, може да добиеш дополнителна колона од врски на левата страна, дека потрошувачите со помали монитори можеби нема да гледаат. Исто така, завиткување на текст околу рекламирањето зависи од тоа колку е широк вашиот прозорец на прелистувачот. Ако е доволно широк, сајтот ќе го заокружи текстот околу него, во спротивно, ќе го прикаже текстот на статијата под рекламата. Додека повеќето сајтови не треба ова ниво на сложеност, тоа покажува начин да ги искористат предностите на поголемите екрани без да влијаат на екранот на помалите екрани.