welche page größe ist am besten?
lima-city → Forum → Die eigene Homepage → Grafikdesign
bau
besucher
bild
bildschirm
code
design
einzelnen container
festlegen
grafik
handhabe
intensiv testen
mache
maximalwert
pixel
problem
prozent
rein prozentual arbeiten
tabelle
url
vorteil
-
hallo
also ich bin eig mehr so hobby mäßig am homepage basteln.. sprich wenn cih mal etwas zeit zu viel habe spiel ich auf der hp heurm ^^
derzeit arbeite ich an einer kleinen simplen seite
doch dann ist mir heute was aufgefallen..
ich hab einen eher großen bildschirm (22 zoll)
da ist auf meiner page fast die hälfte leer.. in der shcule haben wir ältere bildschirme.. da geht dich die seite nichtmal ganz aus...
das jz zwar ein extremes beispiel wiel glaub ihc heut zu tage keienr mehr so extrem kleine bildschirme hat.
aber könnte mir jemand tipps geben welche größe ca normal ist?
würde mich über eine antwort freuen
lg
ps.
diese seite ist heir gemeint:
http://lol-fighter.lima-city.de/DSW/DSW.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
*edit
legendline schrieb: Alle Seiten müssen für die 1024 x 768 Auflösung optimiert sein.
Wenn das Design dann zu groß ist, muss man dann immer scrollen und nach einer Zeit kommen die Besucher nicht mehr zurück.
müssen sie nicht, ist aber vorteilhaft, wenn möglich aber variable wie hier unten beschrieben*
in Zeiten von iPhone netbooks und notebooks sowie 22" PC´s solltest du am besten deine Seite so viel wie möglich variabel machen. Ein LInk wäre gut. Bzw. für was sie da ist. Wenn du irgendein Tamplate verwendest z.B. bei CMS-Systemen kannst du meist variable Tampletes verwenden. Was viele Vorgteile bringt auch bilder variable gestalten. Bei mir auf der Seite ist das bild unten www.daswing.de variable, es zeigt sich in 99% ma 99% vom bildschirm an, also wie groß das bild im artikel sein kann davon die Prozent. Das ist sehr Vorteilhaft, das sieht wenn du es starr machst bei einen 22" Display einfach nur winzig aus, bei den iPhone weißt du nicht was es ist oder bei einen netbook.
Also so variable wie möglich. Wenn du html programmierst ist es meist vorteilhaft die hilfe im Internet zu beachten.
mfg Stephan
Beitrag zuletzt geändert: 28.5.2010 19:07:58 von daswing -
ich denke so um die 960 bis 1000 Pixel Breite ist durchaus okay für kleinere und ältere Bildschirme. Japp, das läßt viel PLatz bei größeren Bildschirmen aber soweit ich weiß läßt sich da per Javascript was tricksen, daß die breite der Seite da automatisch vergrößert wird.
-
Ich würde mich garnicht auf Pixel festlegen, sondern rein prozentual arbeiten.
Ich mache es eigentlich immer so, dass ich eine Seite so baue, wie ich sie sehe. Wenn ich fertig bin und alles soweit gut aussieht, ändere ich meine Auflösung und schaue, ob es immernoch gut aussieht.
Normalerweise sollte die Seite zumindest ab einer Auflösung von 800x600 Pixeln optimiert sein.
Ich habe den Vorteil, dass ich einen 16:9 Bildschirm und auch einen 4:3 Bildschirm zur Verfügung habe, um wirklich intensiv testen zu können. -
fabo schrieb: Ich würde mich garnicht auf Pixel festlegen, sondern rein prozentual arbeiten.
Ich mache es eigentlich immer so, dass ich eine Seite so baue, wie ich sie sehe. Wenn ich fertig bin und alles soweit gut aussieht, ändere ich meine Auflösung und schaue, ob es immernoch gut aussieht.
Normalerweise sollte die Seite zumindest ab einer Auflösung von 800x600 Pixeln optimiert sein.
Ich habe den Vorteil, dass ich einen 16:9 Bildschirm und auch einen 4:3 Bildschirm zur Verfügung habe, um wirklich intensiv testen zu können.
Schwieriger wird es ja da bei Grafiken. Da kann es passieren, daß die Grafiken in Breite oder Höhe gezerrt oder gequentscht wirken, setzt man da die Prozente falsch. -
Jein. Ich handhabe dieses Problem so, dass ich für die einzelnen Container (Wer Tabellen benutzt, ist selber Schuld...) einen Maximalwert für Bilder angebe (entweder Höhe oder Breite, nicht beides zusammen wegen der Propotionen). Das funktioniert auch prima und wenn man die Propotionen prozentual beibehält, ist das Verfahren sehr rentabel.
Aber wie du schon sagtest... Es ginge auch mit JS, nur finde ich das wesentlich aufwändiger.
Beitrag zuletzt geändert: 28.5.2010 22:56:38 von fabo -
fabo schrieb: Jein. Ich handhabe dieses Problem so, dass ich für die einzelnen Container (Wer Tabellen benutzt, ist selber Schuld...) einen Maximalwert für Bilder angebe (entweder Höhe oder Breite, nicht beides zusammen wegen der Propotionen). Das funktioniert auch prima und wenn man die Propotionen prozentual beibehält, ist das Verfahren sehr rentabel.
Aber wie du schon sagtest... Es ginge auch mit JS, nur finde ich das wesentlich aufwändiger.
Also nochmal um das ganze nachzuvollziehen. Du tust dein bild via
in deinmen Quelltext einfügen. Drum herum legst du ein Div. Und in die CSS Daten für diesen Div schreibst du dann beispielsweise heigh 100% oder hab ich da irgendwas falsch verstanden?<img scr "beispiel" heigh 500px>
-
Mal als blödes Beispiel:
<div id="test"> <img scr "beispiel.jpg" alt="" title=""> </div>
CSS:
#test img { max-width: 500px; }
Wenn ich wach bin, können wir nochmal darüber reden ^^ -
Ich würde das Bild so entwerfen, das ich den Hintergrund (die Sterne) der größtmöglichen Auflösung anpasse, damit jeder Bildschirm ausgefüllt ist. Den Rest in einem ca 800x600Punkte großen "Fenster" anordne. Das kann dann wirklich (fast) jeder komplett und ohne zu scrollen anzeigen lassen.
lg Christian -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage