Homepage für mehrere Auflösungen optimieren

[McMannus]

Hi all,

ich hätte mal eine Frage bezüglich Flash-Pages allgemein. Im Moment stehe ich vor der Aufgabe, die Homepage eines Vereins neu aufzusetzen. Da ich auf "ordentliche" Anzeige achten soll, werd ich wohl eine Version in 1024*768 und eine in 1280 * 1024 erstellen. Weils für mich einfacher war die 2te Version als erstes zu erstellen, da ich die Auflösung auch benutze, hab ich mit dieser angefangen.

Wenn ich jetzt jedoch die 1024 * 768 Version anfange, müsste ich das ja an meim PC auch ändern, damit ich die Anzeige korrekt sehe. Dann ist bei mir aber verständlicherweise alles riesig groß und ein wenig verzerrt. Ich habe einen 17 Zoll Flat Screen.

Meine Frage ist nun zum ersten, ob sich das dann auf allen anderen Bildschirmen, die 1024 * 768 benutzen, genauso verzerrt aussieht. Außerdem wärs nett, wenn ihr mir evtl Tipps geben könnte wie man/ihr an so etwas rangeht, also ob es da quasi ne Technik gibt?

Danke schonmal für die Hilfe!

Jan

[edding950]

Problematisch ist Dein Vorhaben insofern, da es sich um verschiedene Anzeigeverhältnisse handelt.

1280*1024 ist 5:4
1024*768 ist 4:3

Dein Flatscreen (TFT?) bringt dann wahrscheinlich auch noch sein eigenes Anzeigeverhältnis mit sich, in dem die Bildwiedergabe verzerrungsfrei ist. Bei neueren Widescreen und bei HD-fähigen Geräten sowieso, ist ein Anzeigeverhältnis von 16:10 einzuhalten. Versucht man andere Verhältnisse zu fahren, wirkt alles nicht nur fürchterlich unscharf, sondern eben auch verzerrt ohne Ende..

Ich würde mir ein Anzeigeverhältnis rausgreifen ( z.B. 4:3 ) und die Elemente Deines Layouts proportional zur jeweils vorliegenden Breite skalieren, anstatt verschiedene Layouts für verschiedene Seitenverhältnisse anzulegen.

[McMannus]

Proportionale Verkleinerung würde dann bedeuten, dass ich zum Beispiel in der html Seite im swf-Object einfach die Größe proportional entweder mit Prozentwerten oder fixen Werten anpasse. Das wäre doch das einfachste oder?

Jan

[tux]

naja, skalierung trägt natürlich nicht unbedingt zur klarheit der
dargestellten inhalte bei...
...texte und bilder skalieren...*graus*...

ich denke es kommt vor allem auf deine know-how an, was du wie
umsetzt. du könntest z.b. alle inhalte dynamisch einlesen (db oder xml),
und die gestaltungselemente / panes oder was auch immer je nach
auflösung neu erstellen und zb die textfelder dementsprechend switchen...

du kannst aber auch alles fix in der eigentlichen grösse der container
lassen und nur diese abhängig von einem auflösungsraster positionieren...

[edding950]

Zitat von tux

naja, skalierung trägt natürlich nicht unbedingt zur klarheit der
dargestellten inhalte bei...
...texte und bilder skalieren...*graus*...

Das war sicherlich in Zeiten ein Problem, in denen das Antialializing in Flash auf einfache Vektorformen limitiert war. Seit Flash 8 werden Flashseiten, sofern es vom Anwendungsbereich her sinnig erscheint, als stufenlos skalierbar von 800 px Anzeigenbreite ( unterstes Limit für Fortschrittsverweigerer mit gaanz alten Monitoren ) bis 1920 px Anzeigenbreite ( für Full-HD Anzeige ) angelegt.

Ich sehe da weniger Probleme, sondern eher Vorteile. Eigentlich fraglich ist der Sinn von statischen Bildschirmlayouts mit fixen Maßen in Zeiten fortschreitender Emanzipierung des Internets von klassischen Workstations.

Zitat von McMannus

Proportionale Verkleinerung würde dann bedeuten, dass ich zum Beispiel in der html Seite im swf-Object einfach die Größe proportional entweder mit Prozentwerten oder fixen Werten anpasse. Das wäre doch das einfachste oder?

Jan

Klar, das wäre eine Möglichkeit. Der normale und IMHO einfachste Weg ist es aber, den Flashfilm stets auf 100% des übergeordneten HTML-Objekts ( z.B. div oder table ) anzeigen zu lassen und innerhalb des swfs zur Laufzeit die Bühnengröße zu überwachen, um so die Anzeigegröße per Actionscript dynamisch und stufenlos anzupassen.

[McMannus]

und innerhalb des swfs zur Laufzeit die Bühnengröße zu überwachen, um so die Anzeigegröße per Actionscript dynamisch und stufenlos anzupassen.

Mir ist nicht ganz klar, wie du das meinst.
(1) Meinst du mit Bühnengröße die Werte, die ich über das Stage-Objekt ermitteln kann?
(2) Bezieht sich die Anzeigegröße auf den kompletten Flash-Film als Ganzes oder auf die einzelnen MovieClips innerhalb des Films?

Gruß

[edding950]

1) Ja

2) Natürlich der komplette Film - alles andere macht bei proportionaler Größenänderung keinen Sinn.
Ich lege mir für sowas immer einen Master-Container an, der alle MovieClips des kompletten Flashfilms enthält. Wenn nun über einen onResize-Callback eine neue Bühnengröße vorliegt, wird anhand der gemessenen Breite der Master-Container neu skaliert.

[McMannus]

Dankeschön für die Ansätze, ich werde mich mal dran machen

Grüßle

[McMannus]

Also ich habe das jetzt mal probiert, nun entstehen da Probleme, wenn ich es als swf Object in die html-Seite einbaue.

Mein Code:

Stage.scaleMode = "noScale";
 
breite = 900; //Breite des Dokuments (so hab ichs angelegt)
hoehe = 660; //Höhe des Dokuments
var verhaeltnis = hoehe/breite;
var stagelistener:Object = new Object();
stagelistener.onResize = function() {
    skalieren(inhalt); //inhalt ist der MC, in dem alle Inhalte stecken, sprich der den du als Master-Container angesprochen hast
}
Stage.addListener(stagelistener);
 
function skalieren(mc:MovieClip) {
    var buehnenbreite = Stage.width;
    mc._width = buehnenbreite;
    mc._height = Math.floor(buehnenbreite*verhaeltnis);
    mc._x = 0;
    mc._y = 0;
} 

Im swf-Object gebe ich 2 Größen-Werte an. Die sollten ja nach Möglichkeit relativ sein. Wenn ich aber 100% angebe wird weder die volle Breite des Browser -Fensters noch die des swf-Files genommen. Auf welchen Wert beziehen sich denn 100% ?

Gruß

[bobo_k1]

mal ganz davon abgesehen würde ich nie im Leben ein Vereins-Homepage als Flash aufsetzen - es sei denn es ist ein 3 Mann Schachklub - ansonsten fährst du mit einem ordentlichem, verwaltbaren CMS deutlich besser. Sonst musst du alle 3 Tage den Content ändern, weil hier was geändert wird, sich hier die Trainingszeiten ändern, der neu ist.

Oder es ist ein reicher Verein - dem du jede Änderung sehr teuer verkaufen kannst.

check das mal - ist ein demo cms - das hast du in drei Stunden aufgesetzt und bestückt mit Inhalt weil es so einfach geht.
http://cms.vizar.de

Backend:

http://www.silverstripe.com

[McMannus]

Mh, was heißt teuer verkaufen. Da ich selbst in dem Verein mitwirke und mich freiwillig angeboten habe, das zu machen, habe ich keine Probleme damit, ein wenig Zeit in die Seite zu investieren.
Bei mir ist das eher so, dass ich das der Übung bzw. der Erfahrung wegen mache.
Das mit dem CMS ist kein Problem das läuft soweit alles ganz gut über XML/PHP. Abgesehen davon geht es mir ja nicht nur um speziell diese HP, sondern um das oben geschilderte Problem generell.

Gruß

PS:Trotzdem danke für die Links, vielleicht kann ich sie ja an anderer Stelle mal verwenden.

[Vic Vega]

Zitat von edding950

bei HD-fähigen Geräten sowieso, ist ein Anzeigeverhältnis von 16:10 einzuhalten.

16:9

[Vic Vega]

Zitat von edding950

Seit Flash 8 werden Flashseiten, sofern es vom Anwendungsbereich her sinnig erscheint, als stufenlos skalierbar angelegt.

Hört sich gut an.
Flash berechnet also Bitmaps beim
skalieren nicht neu sondern greift
auf das hochaufgelöste Original
zurück, oder wie funktioniert das?

[styleguerilla]

Die Methode wie man das Problem lösen kann, kennt man schon von HTML/CSS - als Schnellschuss Google-Fund dazu: http://www.tutorio.com/tutorial/liquid-flash-layout

Skalieren kann vor allem bei Texten, die nicht wie Bitmaps glättbar sind, zu Katastrophen führen. Würde ich schwer von abraten und ist auch absolut nicht gängige Praxis.

[trinity12345]

Hallo,
habe das liquid layout ausprobiert.
Problem: muß man das mit jeder einzelnen .swf machen?
Außerdem funktionieren die scripts dann nicht mehr.
Gibt es dafür eine unkomplizierte Lösung?
Danke für Hilfe.