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