Déi éischt Saach, déi de gréissten Designer u sech beim Bau vun senger Websäit gesinn, ass wéi eng Léisung fir ze designen. Wat dat wierklech erfaasst ass decidéiert wéi wäit de Konzept soll sinn. Et gëtt keng sou eppes wéi eng Standard Websäit Breet.
Firwat Consider Resolution
1995 hunn d'Standard 640x480 Resolutioun Kontroller déi gréissten an bescht Iwwerwaachungsméiglechkeeten. Dëst bedeit, datt Websäefer konzentréieren op d'Säiten, déi gutt an Webbrowser kucken, op enger 12-Zoll-14-Zoll-Iwwerwaachung bei dëser Resolutioun maximéiert sinn.
Dës Deeg, 640x480 Resolutioun mécht manner wéi 1 Prozent vun de meescht Websäitenverloschter. D'Leit benotzen Computer mat méi héicher Aufléisunge wéi 1366x768, 1600x900 a 5120x2880. A ville Fäll fënnt ee fir en 1366x768 Resolutiounscreen.
Mir sinn an engem Punkt an der Geschicht vum Webdesign, wou mir net vill iwwer d'Resolutioun këmmere mussen. Déi meescht Leit hunn grouss, breet Bildschirmer a se hunn hir Browserfenoss net maximéieren. Also wann Dir décidéiert eng Säit z'ënnerstëtzen, déi net méi wéi 1366 Pixel breed ass, kënnt Är Säit wahrscheinlech an de meeschte Browserfenewisen souguer op grousse Monitore mat méi héije Resolutiounen.
Browser Width
Éier Dir iergendwou denkt "okay, ech maachen meng Säiten 1366 Pixel breed", et ass méi fir dës Geschicht. Een Opruff gesinn oft wann d'Breet vun enger Websäit decidéiert ass wéi grouss Äert Client seng Browseren halen. Ginn speziell hir Browseren op enger Full-Screen-Format maximéieren oder se se méi kleng wéi de Vollbild?
An enger informeller Unzuel vun Mataarbechter, déi all d'Betriebsanlag 1024x768 Laptop benotzt hunn, hunn zwee hir Applikatioune maximéiert gehal. De Rescht huet verschidde Fënsteren op verschiddene Grënn gefrot. Dëst illustréiert datt wann Dir d'Intranet vun dësem Entreprise bei 1024 Pixel breed entwéckele musst horizontal fir d'ganz Säit ze gesinn.
Nodeems Dir Konto fir Clienten déi maximéieren oder net, denkt un d'Browser Grenze. All Websäiten hunn e Scrollbar an Grenzen op de Säiten déi d'verfügbaren Raum vu 800 bis ronn 740 Pixel oder manner op 800x600 Resolutiounen reduzéieren an ongeféier 980 Pixelen op maximéierten Fensteren bei 1024x768 Auflösungen. Dëst ass de Browser "chrome" genannt an et kann ewechhuelen an d'usable Plaz fir Är Säitentwurf.
Fixed oder Flësseg Säiten
Déi tatsächlech numeresch Breet ass net dat eenzegt wat Dir braucht ze denken wann Dir Äert Websäit breet entwëckelt. Dir musst och entscheeden ob Dir eng feste Breet oder Flësseg Breite hutt . An anere Wierder, wärt Dir d'Breet un enger spezifescher Zuel (fix) oder zu engem Prozentsatz (Flësseg) festgeluegt?
Fixed Width
Fixed Breede Säiten genau wéi se kléngen. D'Breet ass op enger spezifescher Ziffer festgeluecht an net egal wéi grouss oder kleng de Browser ass. Dëst kann gutt sinn, wann Dir Äre Konstrukt brauch fir genau dat selwecht ze genau ze halen egal wéi wäit oder schmuel Är Lieserbrowser sinn, awer dës Methode bréngt Äre Lieser net berücksichtegen. Leit mat Browser méi schmuel wéi Äre Konzept muss horizontal scrollen, a Leit mat breeden Browser gi grouss Mounts vu Leerplazen op der Kaart.
Fir feste Breed-Säiten ze maachen, einfach benotzt spezifësch Pixel Nummeren fir d'Breet vun Äre Divisiounen.
Liquid Breite
Flësseg Breed- Säiten (heiansdo flexibel Breed-Säiten genannt) variéieren breed wéi jee wéi wäit d'Browser-Fënster kënnt. Dëst erlaabt Iech d'Säiten ze designen, déi méi op Är Clienten konzentréieren. De Problem mat flëssege Brécke Säiten ass datt se schwéier ze liesen sinn. Wann d' Scannerlängt vun enger Zeil vum Text méi laang wéi 10 bis 12 Wierder oder méi kuerz wéi 4 bis 5 Wierder ass, kann et schwéier sinn ze liesen. Dëst bedeit datt Lieser mat groussen oder kleng Browserfenstern Problemer hunn.
Fir flexibel Breed -Seiten z'erreechen, benotzt just Prozentzuelen oder Ems fir d'Breet vun Äre Divisiounen. Dir sollt och selwer mat der CSS max-width property virstellen. Dës Eigenschaft erméiglecht Iech e Breedeg an Prozenten ze setzen, ma dann beschränken se esou datt et net sou grouss ass, datt d'Leit net liesen kënnen.
An de Winner Is: CSS Media Queries
Déi bescht Léisung, déi dës Deeg ass, benotzt CSS Medien Queryën an adaptéiertem Design fir eng Säit ze kreéieren déi un d'Breet vum Browser kuckt. E reaktive Webdesign benotzt den selwechten Inhalt fir eng Websäit ze erliewen déi funktionnéiert oder seet 5120 Pixel breed oder 320 Pixel breed. Déi verschiddene Gréisste Säiten kucken verschidden, awer si hunn déi selwecht Inhalter. Mat der Medienabfuerderung op CSS3 befaasst all Empfangsgeriicht d'Abfrage mat senger Gréisst, an de Stylblat entsprécht op déi bestëmmten Gréisst.