jürgen: Optimierung für Bildschirmauflösungen

Beitrag lesen

hallo,

die diskussion ist sehr interessant, aber doch auch sehr theoretisch. ich möchte mal aus der praxis berichten. wir bieten kostenlose homepagevorlagen an. gerade die auflösung liegt uns sehr am herzen. es erscheint uns verstärkt das eher solche seiten gewählt, die den platz vollständig ausnutzen.

Eine Webseite sollte immer für verschiedene Monitorauflösungen (800x600 und 1024x768) konzipiert sein, da man nicht wissen kann, mit welchem Monitor ein Anwender die Seite ansurft bzw. welche Auflösung der Anwender auf seinem Bildschirm eingerichtet hat.

das ist nicht veraltet sondern ist neben der browserkompatibilität (crossbrowser - in möglichst vielen browser funktionabel) der wichtigste punkt der webdesign ausmacht.

es sollte für den anwender nur eine einzige scroll-leiste zu sehen sein, nämlich die vertikale (von oben nach unten) leiste neben dem inhalt.

auf keinen fall weitere scroll-leisten wie - eine untere horizontale leiste - und auch keine weiteren vertikalen scroll-leisten, wie man es manchesmal bei frame-seiten und auch inline-frame-seiten sieht.

wie geht das jetzt ¿

neben der technik ist auch wichtig, dass es auf den ersten blick nicht so aussieht, dass die seite für mehrere auflösungen geschrieben ist.

dazu sollte man in der regel dem menü eine feste pixelgrösse geben und dem platz für inhalt und logo prozentmässig anpassen. die grafiken ganz oben rechts und ganz unten links (ausgehend von 800x600 ohne browserleisten) sollte man dann kacheln.

1. frameset-konstruktion:

bei einer frameset-konstruktion sieht das dann so aus:

a)beispiel: http://www.on-mouseover.de/templates/hp39/index.html

b) hier mit pixel-menü links und prozent-menü oben. beispiel: http://www.on-mouseover.de/templates/hp13/index.html

***

2. als nicht-frame-konstruktion (tabellen-konstruktion):

zu beachten ist, das einige browser auf der inhaltszelle keine höhenangabe in prozent akzepieren, hier ist die höhe in pixeln vorzugeben.

a)hier ist das menü oben auf 760 pixel begrenzt - durch die kachelung rechts oben sowie auch beim linken menü (nach unten unbegrenzt) die kachelung links unten fällt das aber garnicht so auf: beispiel: http://www.on-mouseover.de/templates/hp25/index.html

b) reine tabellenseite ohne grafiken: beispiel: http://www.on-mouseover.de/templates/hp06/index.html

***

3.) inline-frame-seiten:

zu beachten ist, das der netscape browser bei inline-frames auf dem inhaltsframe leider keine höhenangabe in prozent aktzeptiert - man sieht dann nur eine leere seite.

a)somit bleibt einem hier nur ein pixel-layout zur auswahl. beispiel: http://www.on-mouseover.de/templates/hp04/index.html

liebe grüsse, Jürgen

0 52

Optimierung für Bildschirmauflösungen

Mathias Schäfer (molily)
  • barrierefreiheit
  • essays
  1. 0
    Perun
    • essays
  2. 0
    Steffen
    • essays
  3. 0
    Steffen
    • essays
  4. 0
    Monika
    • essays
  5. 0
    Mathias Schäfer (molily)
    • essays
  6. 0
    Monika
    • essays
  7. 0
    Thomas Mueller
    • essays
  8. 0
    Ralf
    • essays
  9. 0
    Dirk
    • essays
  10. 0
    Jeena Paradies
    • essays
  11. 0
    Dirk
    • essays
  12. 0
    Yves Goergen
    • essays
  13. 0
    Markus Merz
    • essays
  14. 0
    Mitch
    • essays
  15. 0
    Jörg
    • essays
  16. 0
    martin
    • essays
  17. 0
    Ünal Aydin
    • essays
  18. 0
    Roland Skop
    • essays
  19. 0
    Veit Krahl
    • essays
  20. 0
    jürgen
    • essays
  21. 0
    Perun
    • essays
  22. 0
    Zoi
    • essays
  23. 0
    Uruk
    • essays
  24. 0
    nicname
    • essays
  25. 0
    Davie
    • essays
  26. 0
    Zoi
    • essays
  27. 0
    Davie
    • essays
  28. 0
    Dirk Wohlrabe
    • essays
  29. 0
    Jeena Paradies
    • essays
  30. 0
    Mathias Schäfer (molily)
    • essays
  31. 0
    Struppi
    • essays
  32. 0
    weddige
    • essays
  33. 0
    Mathias Bigge
    • essays
  34. 0
    ryback
    • essays
  35. 0
    Markus Merz
    • essays
  36. 0
    Wilhelm
    • essays
  37. 0
    ff-webdesigner
    • essays
  38. 0
    Andy
    • essays
  39. 0
    Lars
    • essays
  40. 0
    Nuno
    • essays
  41. 0
    Lars
    • essays
  42. 0
    Nuno
    • essays
  43. 0
    Froschkoenig84
    • essays
  44. 0
    Jens
    • essays
  45. 0
    Gert Ebersbach
    • essays
  46. 0
    Ralph Schumann
    • essays
  47. 0
    Stefan
    • essays
  48. 0
    Vitaliy Köln
    • essays
  49. 0
    Tom
    • essays
  50. 0
    Michael
    • essays
  51. 0
    Mathias Schäfer (molily)
    • essays