Webside-layout kin op twa ferskillende manieren dien wurde:
- Fixed Width Layouts - Dit binne layouts wêr 't de breedte fan' e folsleine side ynsteld is mei in spesifike numerike wearde.
- Liquid Layouts - Dit binne layouts wêr 't de breedte fan de folsleine side fleksibel is ôfhinklik fan hoe breed de browser fan de werjouwer is.
Der binne goeie redenen foar gebrûk fan beide layoutmetoaden, mar sûnder begrip te wêzen as de relative foardielen en tekoarten fan elke metoade kinne jo gjin goede beslissing meitsje oer hoe jo jo brûke wolle foar jo webside.
Fêste breedtekenings fêst
Fêste ôfbyldings binne lokaasjes dy't begjinne mei in spesifike grutte, bepaald troch de webûntwerper . Se bliuwe dy breed, sûnder de grutte fan it finster fan de blêder dy't de side besjogge. Fêste breedtekenings jouwe in ûntwerper mear direkte kontrôle oer hoe't de side yn de measte situaasjes te sjen sil. Se wurde faak foarkomt troch ûntwerper mei in print eftergrûn, om't se de ûntwerper tastien meitsje om minuere oanpassingen te meitsjen oan it layout en hawwe konsekwint oer browsers en kompjûters bliuwe.
Liquid Layouts
Flüssige layouts binne lêsten dy't basearre binne op persintaazjes fan de aktuele blêder finster. Se fytse mei de grutte fan it finster, ek as de aktuele werjouwer har browsergrutte feroaret as se de side besjen. Flüssige breedtekenings jouwe in tige effisjint gebrûk fan de romte dy't jo brûke fan in gegeven webblêder-finster of skerm-resolúsje. Se wurde faak foarkomt troch ûntwerpers dy't in soad ynformaasje hawwe om oer safolle mooglik romte te krijen, om't se konsekwint yn grutte en relative sidewichten bliuwe, sûnder dat de side besjogge.
Wat & # 39; s by Stake?
De metoade keazen foar jo Webside-ûntwerp sil in ynfloed hawwe op mear dan allinich jo ûntwerp . Ofhinklik fan hokker jo kieze, sille jo de kapasiteiten fan jo lêzers beynfloedzje om jo tekst te besjen, fûn wat se sykje of soms sels jo side brûke. Ek de layoutstyl hat ynfloed op jo ynstânsjes op it marketing fan jo webside fia branding, realisaasjebewiwening en de estetyk fan jo side.
Benefisjes fan fêste breedtekenings
- In fêste breedtekening makket de ûntwerper om siden te bouwen dy't elkoar sjogge dy't sjogge nei har.
- Fêste breedte-eleminten lykas bylden sille gjin tekst oer lytsere monitors beweegje, om't de breedte fan 'e folsleine side elke eleminten befettet.
- Scanlange sil net beynfloede wurde troch grutte segmint fan tekst, lykas breed de webblêder is.
Benefisjes fan Liquid Layouts
- In floeibere breedteplak fergruttet en kontrakten om de beskikbere romte te folle.
- Alle beskikbere real estate wurdt brûkt, sadat de ûntwerper mear ynhâld op gruttere monitors sjen litte, mar bliuwt noch altyd leefber op lytsere bylden.
- Liquid layouts jouwe konsistinsje yn relatyf breedten, sadat in side mear dynamysk reagearret op klant-opsleine beheiningen as gruttere lettertypen.
Untwerpen nei fêste breedtekenings
- Feste breedtekenings kinne horizontale skrollen feroarsaakje yn lytse browserfensters. En de measte minsken wolle graach horizontaal scrollen.
- Se kinne ek in grutte útwreidings fan wite-spaasjes yn gruttere monitors fytse, sadat in soad ûnbedienbere romte en mear skowen fan 'e horizontaal as eventueel nodich wêze moast.
- Feste breedtekenings behannelje de wizigingen fan jo webside net goed. Foar lytse ferheegingen yn 'e lettertype, kinne se goed wêze, mar foar gruttere ferhege kin it layout kompromisearre wurde.
Untwerpen nei Liquid Layouts
- Flüssige lagen soargje foar in hiel lyts genôch kontrôle oer de breedte fan de ferskate eleminten fan 'e side.
- Se kinne resultaten yn kolommen fan tekst dy't ek te breed binne om komfortabel te scannen, of op lytsere browsers te lyts foar de wurden om dúdlik te sjen.
- Flüssige layouts kinne problemen hawwe as in fêste breedsel, lykas in ôfbylding, yn in flater kolom pleatst wurdt. As de kolom sûnder genôch romte foar it ôfbylding makket, sille guon browsers de kolombreedte fergrutsje, sûnder oertsjûgingen fan 'e ûntwerper's ynstruksjes, wylst oare browsers oerlappe yn tekst en byldbyldings om de korrekte prestaasjes te berikken.
Konklúzje
In soad websiden dy't in soad ynformaasje hawwe dy't se nedich ha om te ferwizen om't safolle mooglik romte wurke mei in floeibere layout. Hjirmei kinne se gebrûk meitsje fan alle realisme dy't gruttere monitoaren leverje, wylst net lytsere bylden koarte.
Siden dy't genôch kontrôle nedich meitsje hoe't de siden yn elke situaasje sjogge goed dwaan om in fêste breedtekening te brûken. Dit soarget foar mear assurance dat it branden fan jo webside konsekwint en dúdlik is, hokker grutte kontrôle it sichtber is.
Layout foarkar
In soad foarkomme in gemyske oanpak. Se wolle graach net brûke fan flüssige opmaak foar grut blokjes fan tekst, lykas dat de tekst ek net lêsber op in lyts monitor of ûnferwiderlik is op in grutte. Sa leauwe se de haad kolommen fan siden in fêste breedte meitsje, mar meitsje kopteksten, fuotters, en sylkoluminten fleksibel om it ferbliuwste realisaasje op te nimmen en net de kapasiteit fan gruttere browsers te ferliezen.
Guon siden brûke skripts om jo finstergrutte fan jo blêder te bepalen en dan de display-eleminten oan te passen. As jo bygelyks in side yn in tige breed finster iepenje, kinne jo in ekstra kolom fan links op 'e lofterkant krije, dat klanten mei lytsere monitors net sjogge. Ek tekstferhúzjen om 'e reklame is ôfhinklik fan hoe brede jo browserfenster is. As it breed genôch is, sil de webside tekst omkeare, oars sil it artikel tekst ûnder de advertinsjes werjaan. Hoewol de measte siden dit nivo fan kompleksiteit nedich hawwe, is it in wize om foardiel fan gruttere skermen te foarkommen sûnder dat it skerm op lytsere skermen beynfloedet.