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