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