Frage: Welches Design ist besser?

[Dennis]

Hi @all!

ich wollte mal einem Teil meiner Homepage (das Tutorial) ein neues Outfit verpassen.
Da ich mich bei der Haupthomepage (nur Sizze hochgeladen) für diesen Style entschieden habe:
http://www.riehle-web.com,
dachte ich mir, ich mach aus meinm Tutorial, das jetzt noch so aussieht:
http://tutorial.riehle-web.com/index.html einfach mal
http://tutorial.riehle-web.com/index2.html.

Wie findet ihr dieses Desing? Es würde halt zur Hautphomepage und zu den anderen subdomains
passen. Der Nachteil sind halt die Frames.

Als dritte Variate käme noch hinzu, den neuen Style ohne Frames und Seite für Seite zu machen.

Was würdet ihr mir raten?
Was sieht am besten aus?
Was ist am besten? (Darstellung)

Danke schon mal,
MfG, Dennis.

[e7]

Hi,

ich würde an deiner Stelle die Farben von http://www.riehle-web.com nicht so kräftig wählen und das Design dann durchgehend nehmen (und die Frames raus! Nimm CSS oder was auch immer dafür!)

E7

[Dennis]

Hi @all!

ich würde an deiner Stelle die Farben von http://www.riehle-web.com nicht so kräftig wählen und das Design dann durchgehend nehmen (und die Frames raus! Nimm CSS oder was auch immer dafür!)

Und dann für http://tutorial.riehle-web.com auf den index2.html Style nehmen?
Ja, das mit dem Frames hab ich ja selber schon gesagt ;-)

MfG, Dennis.

[e7]

Hi,

Und dann für http://tutorial.riehle-web.com auf den index2.html Style nehmen?

Die Seiten sollten halt alle gleich aussehen und nicht grün, orange, blau, schwarz, weiß etc. unkoordiniert durcheinander gemischt.

E7

[Jeena Paradies]

Hallo,

http://www.riehle-web.com,

Sorry aber das ist kein Design. Du hast einfach das Fenster in drei verschiedene Teile geteilt, und ihnen unterschiedliche Farben zugeteilt. Das macht wirklich noch kein Desingn aus.

http://tutorial.riehle-web.com/index2.html.

Vorsicht Augenkrebs! Die Farben sind so was von grell dass da keiner freiwillig länger als 2 sec draufbleibt. Außerdem Blau auf Grün? Das kann doch kein Mensch lesen.

Was würdet ihr mir raten?

* Du solltest dich erst einmal mit den Grundregeln der Farbenlehre auseinandersetzen http://www.metacolor.de/ (das erste was ich gefunden habe)
* Du solltest viel Surfen und gucken welche Seiten dir gut gefallen. Danach solltest du versuchen sie erst einmal zu kopieren, also was ähnliches zu machen wie das was dir gefällt. Du kannst mir nicht erzählen dass dir das gefällt.
* Fang gleich ohne Frames an das erspart dir viel unnötigen Ärger. Du kennst copy & paste?
* verwende gestalterische Elemente wie boder background-image usw.
* zeichne deine Texte richtig aus h1-h6 für Überschriften, p für Absätze, ul ol dl für Listen usw.
* Verwende ruhige farben und viel Kontrast auf deinen Seiten wenn du den Benutzer nicht stressen willst.
* Arbeite mit Flächen

Ein schöner Anfang ist es sich zum beispiel im http://csszengarden.com umzuschauen.

Grüße
Jeena Paradies

[Dennis]

Hi @all!

Ein schöner Anfang ist es sich zum beispiel im http://csszengarden.com umzuschauen.

Ja, das ist wirklich ganz nett gemacht.

Vielen Dank für deine Tipps, werde diese dann mal beherzen und gegen Ende des Monats vermutlich was neues hochladen.

Noch eine Frage:
Würdest du mir empfehlen, allen meinen Teilen meiner Homepage den gleichen Style zu geben?

Ich dachte mir das so, die kriegen alle den gleichen Style, d.h. die gleichen Farbverläufe etc. nur die Farben an sich sind von Domain zu Domain/Subdomain verschieden.
Was hältst du davon? Ziel: Es ist leicher zu erkenne, was zusammengehört.

MfG, Dennis.

[Jeena Paradies]

Hallo,

Ja, das ist wirklich ganz nett gemacht.

ganz nett? Ich glaube du hast die anderen 150 Seiten davon noch nicht gesehen. http://www.mezzoblue.com/zengarden/alldesigns/

Noch eine Frage:
Würdest du mir empfehlen, allen meinen Teilen meiner Homepage den gleichen Style zu geben?

ich hatte mal mit at eine Disskussion darüber die sehr fruchtbar war: http://forum.de.selfhtml.org/archiv/2004/2/72588/#m424534 Ich selbst verwende auf meinen Seiten verschiedene Banner die dann kennzeichnen in welcher Kathegorie der Seite man sich befindet. Wenn man es gut macht kann man das gleiche mit Farben machen ( wie im Quelle Katalog )

Grüße
Jeena Paradies

[Robert Bienert]

Hi @all!

Moin!

ich wollte mal einem Teil meiner Homepage (das Tutorial) ein neues Outfit verpassen.

Gute Idee, dabei kannst du gleich mal die Frames durch CSS positionierte Blöcke ersetzten und die Ausgabe der Seite direkt in HTML schreiben, statt das JavaScript erledigen zu lassen.

Da ich mich bei der Haupthomepage (nur Sizze hochgeladen) für diesen Style entschieden habe:
http://www.riehle-web.com,
dachte ich mir, ich mach aus meinm Tutorial, das jetzt noch so aussieht:
http://tutorial.riehle-web.com/index.html einfach mal

Naja, wem es gefällt. Aber ich sehe nicht, weshalb diese Seite für 1024 x 768 optimiert sein soll. (BTW: Das ist schlechter Stil - deinen Besuchern gegenüber.)

http://tutorial.riehle-web.com/index2.html.

Dieses Design passt von der Aufteilung her besser zum generellen Layout der Seite, allerdings tun diese Farben doch in den Augen weh! Dunkelgrün und Dunkelblau gehören nicht zusammen auf eine Seite, es sei denn, der Hintergrund ist weiß.

Wie findet ihr dieses Desing? Es würde halt zur Hautphomepage und zu den anderen subdomains
passen. Der Nachteil sind halt die Frames.

In der Tat.

Als dritte Variate käme noch hinzu, den neuen Style ohne Frames und Seite für Seite zu machen.

? CSS kann auch in Dateien ausgliedern und diese per link-Befehl einbinden. Naja, bei der Navigation könnte es einen erhöhten Aufwand geben, aber wofür hat man PHP, Perl, XML - gleichgültig ob server- oder clientseitig.

Was würdet ihr mir raten?
Was sieht am besten aus?

Ich denke, diese Frage muss _jeder_ für sich beantworten.

Was ist am besten? (Darstellung)

s.o.

Danke schon mal,
MfG, Dennis.

Tschüss, Robert

[Dennis]

Hi @all!

Gute Idee, dabei kannst du gleich mal die Frames durch CSS positionierte Blöcke ersetzten und die Ausgabe der Seite direkt in HTML schreiben, statt das JavaScript erledigen zu lassen.

hm?

Naja, wem es gefällt. Aber ich sehe nicht, weshalb diese Seite für 1024 x 768 optimiert sein soll.

Das war noch ganz vom Anfang und ist mittlerweile nicht mehr gültig. *g* muss ich dazu schreiben!

CSS kann auch in Dateien ausgliedern und diese per link-Befehl einbinden. Naja, bei der Navigation könnte es einen erhöhten Aufwand geben, aber wofür hat man PHP, Perl, XML - gleichgültig ob server- oder clientseitig.

Also, ich hab noch nix von clientseitigem PHP oder Perl gehört! Und mit xml, da hab ich so absolut null Ahnung von. Kann das jeder Webserver? Oder ist das "Zusatz", wie z.B. PHP? (was meiner nicht kann)
Kennst du ein gutes Tutorial zu XML? Btw. was ist der Unterschied zwischen XML und XHTML?

MfG, Dennis.

[Robert Bienert]

Hi @all!

Gute Idee, dabei kannst du gleich mal die Frames durch CSS positionierte Blöcke ersetzten und die Ausgabe der Seite direkt in HTML schreiben, statt das JavaScript erledigen zu lassen.
hm?

Ich habe mir den Quelltext der Startseite angeschaut und sah dort jede Menge JavaScript-Code, für den es meiner Meinung nach keinerlei Berechtigung gibt. Jede Seite sollte mit möglichst wenig JS auskommen, weil nicht jeder "Scripting" erlaubt hat, vor allem in Internetcafes oder an der Arbeit.

Naja, wem es gefällt. Aber ich sehe nicht, weshalb diese Seite für 1024 x 768 optimiert sein soll.
Das war noch ganz vom Anfang und ist mittlerweile nicht mehr gültig. *g* muss ich dazu schreiben!

OK.

CSS kann auch in Dateien ausgliedern und diese per link-Befehl einbinden. Naja, bei der Navigation könnte es einen erhöhten Aufwand geben, aber wofür hat man PHP, Perl, XML - gleichgültig ob server- oder clientseitig.
Also, ich hab noch nix von clientseitigem PHP oder Perl gehört!

Nun, das heißt nichts Anderes, als dass du die Navigation zu Hause in die HTML-Datei einbettest, so dass diese dann zwar größer sind (weil die Navigation jetzt in _jeder_ Datei enthalten ist, nicht als seperater Frame), aber moderne Browser erkennen so etwas und stellen die Webseite schneller dar. Zum Einbetten der Navigation könnte man nun auf der Serverseite PHP oder ServerSideIncludes verwenden, was aber bei vielen Webprojekten nicht möglich ist. Stattdessen kann man die Navigation auch zu Hause in die HTML-Dateien schreiben, so dass du nur noch die komplett fertigen Dateien hochladen musst. Für solche Sachen bieten sich PHP oder Perl förmlich an, auch wenn man beide daheim zum Einbetten der Navigation verwendet. Für so einen Zweck habe ich ein kleines Tool geschrieben, dass ich auch für dieses Projekt nutze: http://schueler.freepage.de/robertbienert/programme/tools/include.html (verwendet noch Frames, will das demnächst umstellen).

Und mit xml, da hab ich so absolut null Ahnung von.

Merkt man:

Kann das jeder Webserver?

Nativ, d.h. von Haus aus kann das kein Server der Welt, sondern eher z.B. ein Webbrowser (mehr schlecht als recht), es gibt aber für den Apache ein Zusatzmodul, mit dieser XML-Daten _verarbeiten_ kann und HTML ausspuckt. Wenn du die Daten für die Webseiten in XML speicherst, wirst du um XSL zur Transformation nach HTML (momentan noch) nicht herumkommen.

Oder ist das "Zusatz", wie z.B. PHP? (was meiner nicht kann)
Kennst du ein gutes Tutorial zu XML?

Schon mal was von SELFHTML gehört?

Btw. was ist der Unterschied zwischen XML und XHTML?

XHTML ist eine Redefinition von HTML in XML. In SELFHTML steht mehr dazu.

MfG, Dennis.

Gruß, Robert

[Jeena Paradies]

Hallo,

aber moderne Browser erkennen so etwas und stellen die Webseite schneller dar.

Aha? Noch nie gehört. Hast du da mehr Informationen dazu?

Grüße
Jeena Paradies

[Robert Bienert]

Hallo,

Moin!

aber moderne Browser erkennen so etwas und stellen die Webseite schneller dar.
Aha? Noch nie gehört. Hast du da mehr Informationen dazu?

Leider nicht mehr als meine eigenen Erfahrungswerte: Gerade der Mozilla stellt bei Seiten mit einer festen Navigation als div bzw. Tabellenspalte diese bei folgenden Seiten aufrufen schneller dar, auf meiner Webseite benutze ich z.B. ein div für die Navigation. Wenn ich nun "durchbrowse", scheint es, dass alle Seiten, nachdem einmal die Navigation von der Startseite geladen worden ist, sich schneller aufbauen.

Ums zu verdeutlichen, weil die Sätze etwas merkwürdig klingen: Nachdem Aufruf der Startseite wird auch die Navigation von "Gästebuch", "Impressum", ... _subjektiv_ schneller gerendert.

Grüße
Jeena Paradies

Tschüss, Robert

[Jeena Paradies]

Hallo,

Ums zu verdeutlichen, weil die Sätze etwas merkwürdig klingen: Nachdem Aufruf der Startseite wird auch die Navigation von "Gästebuch", "Impressum", ... _subjektiv_ schneller gerendert.

Nettes Phänomän liegt wohl an der ausgelagerten CSS Datei und an den immer wieder benutzten Bildern im Puffer des Browsers.

Grüße
Jeena Paradies

[Dennis]

Hi @all!

http://schueler.freepage.de/robertbienert/programme/tools/include.html

schön und gut, aber wie krieg ich das jetzt zum laufen?

Lass raten, ich brauche dafür einen Computer, auf dem Perl installiert ist?
Und wie gehts dann weiter?

MfG, Dennis.