HP für die meisten User kompatibel gestalten
lima-city → Forum → Die eigene Homepage → Grafikdesign
agent
befehl
befehlen
beitrag
bildschirm
body
counter
datei
design
developer
dune
erfahrung
extension
farbe
hit
opus
staffel
statistik
summen
warnung
-
Da ?ffter Fragen aufkommen, die sich um die gestaltung der HP drehen (Wie Breit...? / Im IE anders als in andern Browsern? usw.),
wollte ich mal meine Erfahrungen mitteil.
Ich mach ja schon seit Jahren eine Statistik f?r BB.
http://starfun.xardas.lima-city.de
Ich hab mich auch immer gefragt, wie sehen meine Besuche die Seite, und hab mir mal die Auswertung meines Web-Counters zu herzen genommen und meine Seite auf die Werte abgestimmt.
Da meine Seite zum gro?en Teil mit Javascript generiert wird, war es sehr wichtig, nur mit Codes zu arbeiten, die auch von anderen Browsern verarbeitet werden.
Nun aber zu dem, was ich euch von meinen Erfahrungen mittgeben kann.
die Seite die ihr erstellen wollt sollte folgendes ber?cksichtigen:
(werte von ca. 250.000 hit?s in 3 countern)
(1. 2003 / 2. 2004-05 / 3. 2005-06)
(sind die letzten 3 BB-Staffeln)
Browser: (HTML und JavaScript)
==========
wer die seite kompatiebel zu IE und Firefox gestaltet ist auf der sicheren seite.
dazu kann ich nur http://de.selfhtml.org/ emfehlen, die bei jedem befehl / Tag angibt, welcher Browser
diesen auch kennt (mit angaben bei ausnahmen)
Werte aus den Contern:
(Rest sind andere bzw. unbekannt)
1.
IE 6: 75,0 %
IE 5: 5,0 %
MoFF: 5,0 %
-------------
Summe: 85 % aller hit?s
2.
IE 6: 76,9 %
IE 5: 2,6 %
MoFF: 7,7 %
-------------
Summe: 87,2 % aller hit?s
3.
IE 6: 67,0 %
IE 5: 3,0 %
MoFF: 22,0 %
-------------
Summe: 92 % aller hit?s
------------------------------------
Bildschirm:
=============
mit 1024 x 768 sollte der gr??te Teil bedient werden.
(hab mein CSS mit Javascript in die Datei integriert, wo bei 1024 x 768 und gr??er eine gr??ere Schritgr??e gew?hlt wird, das ist aber noch ein ?berbleibsel, als die seite noch f?r 800 x 600 designt war)
Werte aus den Contern:
(1024 x 768 und Gr??er)(Rest ist kleiner bzw. unbekannt)
1.
72,5 %
2.
79,4 %
3.
88,4 %
------------------------------------
wer will, kann sich alle anderen werte (OS / Farbe usw.) selbt ansehen
1. http://www.webstats4u.com/s?tab=1&link=5&id=2331734
2. http://www.webstats4u.com/s?tab=1&link=5&id=2858956
3. http://www.webstats4u.com/s?tab=1&link=5&id=3433091
------------------------------------
Da meine Seite ja nur 1 Seite je Staffel hat, braucht ich auch kein festes Design (Breite).
Bei mir bekommt jeder ein Vollen Bildschirm.
und mann braucht, bei eine gr??eren Aufl?sung, keine Lupe.
mich w?rde es jetz aber auch mal interessieren,
ob jemand giebt, deren werte drastisch anders sind.
(aber nicht werte von Anno Dune Mal, wo es einiges noch garnicht gab)
ihr k?nntet meine Erfahrungen ja noch mit euren erg?nzen.
um so leichten ist es f?r Web-Neilinge.
Gr??e -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Vielen Dank f?r die Statistik, aber es gibt trotzdem eine Sache, die mich stutzig macht.
Werte aus den Contern:
(Rest sind andere bzw. unbekannt)
1.
IE 6: 75,0 %
IE 5: 5,0 %
MoFF: 5,0 %
-------------
Summe: 85 % aller hit?s
2.
IE 6: 76,9 %
IE 5: 2,6 %
MoFF: 7,7 %
-------------
Summe: 87,2 % aller hit?s
3.
IE 6: 67,0 %
IE 5: 3,0 %
MoFF: 22,0 %
-------------
Summe: 92 % aller hit?s
------------------------------------
Bildschirm:
=============
mit 1024 x 768 sollte der gr??te Teil bedient werden.
(hab mein CSS mit Javascript in die Datei integriert, wo bei 1024 x 768 und gr??er eine gr??ere Schritgr??e gew?hlt wird, das ist aber noch ein ?berbleibsel, als die seite noch f?r 800 x 600 designt war)
Werte aus den Contern:
(1024 x 768 und Gr??er)(Rest ist kleiner bzw. unbekannt)
1.
72,5 %
2.
79,4 %
3.
88,4 %
Es gibt anscheinend noch eine Menge Leute, die mit IE 5 surfen, wo IE 7 schon Beta ist.
F?r solche Leute muss man dann st?ndig abw?rtskompatibel sein und teilweise gegen das W3C programmieren.
Also w?re es vllt ganz gut wenn du ein paar Links zu FF und Opera auf die Seite einbaust, damit deine Surfer auf dem neuesten Stand sind.
Ansonsten w?rde mich mal das Script interessieren, mit dem du Browser erkennst. Bekommst du damit auch getarnte Opera oder FF( User Agent Extension) User raus? -
man kann nicht immer f?r alle ein kompatibles design machen
-
bladehunter schrieb:
Ansonsten w?rde mich mal das Script interessieren, mit dem du Browser erkennst. Bekommst du damit auch getarnte Opera oder FF( User Agent Extension) User raus?
Probiers doch mal mit PHP steht immer in der Variable$_SERVER['HTTP_USERAGENT']
-
@bladehunter
da hast du schon recht, aber da ich keine speziellen IE befehle benuze, die erst ab IE6+ gehn, ist die seite IE5+ kompatiebel.
hab ja, zumindest, bei BB6 oben rechts ein link zu FF,
bei allen anderen ?ndern sich nicht mehr und werden auch nicht mehr so oft aufgerufen.
zur browsererkennung mit jave schau mel das
http://starfun.xardas.lima-city.de/temp/browser1.htm
wer mal ne l?sung f?r eine frage hier im forum
( HTML und JavaScripz )
( http://www.lima-city.de/boards.php?m=thread&id=44433 )
die Werte oben sin aber von meim Web-Hit-Counter-Provider (sihe links 1. Post), wie die es machen wei? ich auch nicht, denk aber, das sie es so machen wie xhochy es beschreibt.
aber in wie weit man damit auch getarnte Browser erkennen kann ist mir unbekannt.
vielleicht meintest du ja auc das mit der CSS
das geht zB. so
-----------------
st='';
st=st+'<style type=text/css>';
st=st+'body {background-color:white;font:verdana;COLOR=black;';
if(screen.width>=1024){st=st+'font-size:12pt;}'}else{st=st+'font-size:9pt;}'}
st=st+'</style>';
document.write(st);
-----------------
dadurch wied bei gr??eren Bildschirm die Schriftgr??e erh?t.
ist nur teil aus eim JS zwischen <head> </head>, ist im beispeil f?r 1 CSS Wert, hier body
alle andere kann man genau so definieren
also Tabellen und Links usw.
-----------------------------------------------
@chue
das ist auc richtig,
aber man kenn zumindest versuche, den meisten besuchern zu entsprechen.
also mindestens IE5+
sonst gibts nur eine l?sung um wirklich alle zu erreiche, das zauberwort hei?t Flash.
Beitrag ge?ndert am 12.02.2006 14:49 von starfun
EDIT (by thoba): 2. Posting:
hab noch 2 hilfreiche Firefox Extension gefunden
1. IE Tab - Firefox Extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&category=Developer%20Tools&numpg=10&id=1419
macht ein FF-Tab zum IE-Tab
dieser verh?lt sich wie der orginal IE ohne ihn extra zu laden.
bei der Browsererkennung (link 1 post weiter oben) wird der tab auch als IE erkant
2. Html Validator - Firefox Extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&category=Developer%20Tools&numpg=10&id=249
sagt der name eigentlich schon
hat eine Quellcodeanzeige, bei der man Fehler / Warnungen (Formfehler) angezeigt bekommt und diese auch gleich mit beispiel erl?utert werden.
es werden auch Javascript befehle untersucht.
habs mal mit meiner BB6 seite getestet und nur 66 warnungen bekommen, die ich aber mit gutem gewissen vernachl?ssigen kann.
zB. sowas:
BAD <table height="100%">
GOOD <table style="height: 100%">
?brigen hat die Lima-Startseite 151 Warnungen
die meisten sind aber ebenfals zu vernachl?ssigen
ich find die beiden Extension sehr hilfreich.
sorry f?r?s doppelpost, das 1. waren aber antworten
Gr??e
Beitrag ge?ndert am 13.02.2006 13:54 von starfun
Beitrag ge?ndert am 13.02.2006 14:44 von thoba -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage