O deseño da páxina web pódese facer de dous xeitos diferentes:
- Deseños de ancho fixo: son esquemas onde o ancho da páxina enteira está configurado cun valor numérico específico.
- Disposicións líquidas: son esquemas onde o ancho da páxina enteira é flexible dependendo da amplitude do navegador do visor.
Hai boas razóns para utilizar ambos os métodos de deseño, pero sen comprender tanto os beneficios relativos como as deficiencias de cada método, non se pode tomar unha boa decisión sobre o que usar para a súa páxina web.
Deseños de ancho fixo
Os deseños fixos son deseños que comezan cun tamaño específico, determinado polo deseñador web . Quedan ese ancho, independentemente do tamaño da xanela do navegador que vexa a páxina. Os deseños de ancho fixo permiten que un deseñador controle máis directamente o xeito no que a páxina se verá na maioría das situacións. A miúdo son preferidos por deseñadores con fondo impreso, xa que permiten ao diseñador facer axustes mínimos para o deseño e facer que sexan consistentes entre os navegadores e as computadoras.
Deseños líquidos
Os esquemas líquidos son esquemas que están baseados en porcentaxes do tamaño da xanela do navegador actual. Se flexionan co tamaño da xanela, aínda que o visor actual modifique o tamaño do navegador mentres estean a ver o sitio. Os esquemas de ancho de líquido permiten un uso moi eficiente do espazo proporcionado por calquera ventá do navegador web ou resolución de pantalla. A miúdo son preferidos por diseñadores que teñen moita información para atravesar o menor espazo posible, xa que permanecen consistentes en tamaño e pesos relativos da páxina independentemente de quen está a ver a páxina.
Que hai en Stake?
O método escollido para o deseño do teu sitio web terá un impacto máis que o deseño . Dependendo do que escolla, afectará a capacidade dos lectores para escanear o seu texto, atopar o que busca ou ás veces mesmo usar o seu sitio. Así mesmo, o estilo de deseño afectará os teus esforzos na comercialización do teu sitio web a través da marca, a dispoñibilidade inmobiliaria e a estética do teu sitio.
Beneficios dos deseños de ancho fixo
- Un deseño de largura fixa permite que o diseñador compile páxinas que se vexan idénticas sen importar quen está mirándoas.
- Os elementos de ancho fixado como as imaxes non dominarán o texto en monitores máis pequenos porque o ancho da páxina enteira incluirá eses elementos.
- A duración da exploración non será afectada por grandes segmentos de texto, non importa o ancho do navegador web.
Beneficios dos esquemas líquidos
- Un esquema de ancho de líquido se expande e se contrata para cubrir o espazo dispoñible.
- Utilízase todo o inmoble dispoñible, permitindo ao diseñador que mostre máis contido en monitores máis grandes, pero aínda así sexa viable en pantallas menores.
- Os esquemas líquidos proporcionan consistencia en anchos relativos, o que permite que unha páxina responda de forma máis dinámica ás restricións impostas polo cliente como maiores tamaños de fonte.
Desvantaxes aos deseños de ancho fixo
- Os deseños de ancho fixo poden causar o desprazamento horizontal en fiestras máis pequenas. E a maioría da xente non quere desprazarse horizontalmente.
- Tamén poden dar lugar a grandes extensións de espazo en branco en monitores maiores, resultando nun gran espazo non utilizado e máis desprazamento vertical do que doutro xeito sería necesario.
- Os deseños anchos fixos non xestionan moi ben os cambios dos clientes nos tamaños de letra. Para pequenos aumentos no tamaño da fonte, poden estar ben, pero para incrementos maiores, o deseño pódese comprometer.
Inconvértelos aos esquemas líquidos
- Os esquemas líquidos permiten un control moi pouco preciso sobre o ancho dos distintos elementos da páxina.
- Poden producir columnas de texto que son demasiado grandes para escanear cómodamente ou en pequenos navegadores demasiado pequenos para que as palabras aparezan claramente.
- Os esquemas líquidos poden ter problemas cando se coloca un elemento de ancho fixo, como unha imaxe, dentro dunha columna de líquido. Se a columna se mostra sen espazo suficiente para a imaxe, algúns navegadores aumentarán o ancho da columna, sen ter en conta as instrucións do diseñador, mentres que outros navegadores farán que se superpusen en texto e imaxes para acadar as porcentaxes correctas.
Conclusión
Moitos sitios que teñen moita información que precisan transmitir no menor espazo posible funcionarían ben cun deseño líquido. Isto permítelles aproveitar todos os inmobles que proporcionan monitores maiores mentres non cortan pantallas menores.
Os sitios que precisan un control preciso de como se ve a páxina en cada situación farían ben que use un deseño de ancho fixo. Isto proporciona máis garantía de que a marca do seu sitio web sexa consistente e clara, independentemente do monitor de tamaño que se vexa.
Preferencia de deseño
Moitos prefiren un enfoque mixto. Non lles gusta usar esquemas líquidos para grandes bloques de texto, xa que pode facer que o texto sexa ilexíbel nun monitor pequeno ou non se poida escapar nun grande. Polo tanto, tenden a facer as columnas principais das páxinas un ancho fixo, pero fan que os encabezados, os pés de páxina e as colunas laterales sexan máis flexibles para ocupar os bens inmobles restantes e non perdan a capacidade dos navegadores máis grandes.
Algúns sitios usan scripts para determinar o tamaño da xanela do seu navegador e logo cambiar os elementos de visualización de conformidade. Por exemplo, se abre este sitio nunha xanela moi ancha, pode obter unha columna adicional de ligazóns no lado esquerdo, que os clientes con monitores máis pequenos poden non ver. Ademais, o envoltorio de texto en torno á publicidade depende do tamaño da xanela do navegador. Se é o suficientemente amplo, o sitio envolverá o texto ao seu redor, se non, mostrará o texto do artigo debaixo do anuncio. Aínda que a maioría dos sitios non precisan este nivel de complexidade, demostra unha forma de aproveitar pantallas maiores sen ter impacto na pantalla en pantallas menores.