Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: WebStyleBoard. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

1

Freitag, 17. Juni 2005, 15:12

Meine private Homepage...

Hi!

Nachdem ich meine Seite in den letzten Wochen Codetechnisch überarbeitet habe (von möchtegern validem HTML 4.01 Transitional zu hoffentlich komplett validem XHTML 1.0 Transitional), habe ich mich entschieden sie euch einmal zum Fraß vorzuwerfen.

Mich würde interessieren, was ihr einerseits zum "design" und andererseits zum Quellcode der Seite zu sagen habt, und wie die Seite in versch. Browsern bei versch. AUflösungen aussieht.

Gruß Moritz


PS: der Link: Schicksweb.de

2

Freitag, 17. Juni 2005, 15:34

RE: Meine private Homepage...

Hallo Moritz,

Zitat

Mich würde interessieren, was ihr einerseits zum "design"
Standard. Nicht mehr, nicht weniger. Kleiner Tipp: lass doch mal diese schwarzen Rahmenlinien weg, oder ersetzte das schwarz duch ein helles grau.

Zitat

und andererseits zum Quellcode
Sehr sauber! Kompliment!

Zitat

die Seite in versch. Browsern
Im FF ist der Header ein Stück weiter unten.. ist aber nicht so schlimm. Ansonten IE/FF/Opera unter WinXP alles gleich.

Nochwas: Falls du die Seite auf Bewerbungen angeben möchtest, dann läss Sätze wie

Zitat

Abends trinke ich außerdem auf der ein oder anderen Fete das ein oder andere gerstenhaltige Getränk während ich mich in Kneipen oder Discotheken rumtreibe... ;)
weg, das lässt doch schon sehr auf eine Säufernatur schließen.

EDIT: Ok, ich guck mir grad die Bildergalerie durch: besser garnicht auf Bewerbungen angeben....... ;)

EDIT2: Was sagt deine Mami zu den Bildern?

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »streifenkiste« (17. Juni 2005, 15:38)


3

Freitag, 17. Juni 2005, 15:45

RE: Meine private Homepage...

@streifenkiste

Erstmal danke für das Feedback.
Zu deinen Kritikpunkten:

Zitat

Kleiner Tipp: lass doch mal diese schwarzen Rahmenlinien weg, oder ersetzte das schwarz duch ein helles grau.

Werd ich mal ausprobieren.

Zum Punkt der Bewerbungen u.ä.:
Habe nicht vor die Seite bei sowas anzugeben (hab auch im Moment nicht vor mich irgentwo zu bewerben aber das gehört nicht hier her).
Meine Mami sagt eigentlich nix zu solchen Fotos - die kennt das schon und weiß wie schlimm ich bin ;)

4

Freitag, 17. Juni 2005, 16:07

RE: Meine private Homepage...

Sehr ansprechend. Die eingebundenen Bilder solltest du aber in einem Grafikprogramm verkleinern und nicht einfach vom Browser herunterskalieren lassen. Über 350kb sind für nur 128 x 96 Pixel große Vorschaubilder eben etwas übertrieben und werden wohl viele Seitenbesucher abschrecken.

5

Freitag, 17. Juni 2005, 16:39

RE: Meine private Homepage...

Zitat von »DukeXP«

Sehr ansprechend. Die eingebundenen Bilder solltest du aber in einem Grafikprogramm verkleinern und nicht einfach vom Browser herunterskalieren lassen. Über 350kb sind für nur 128 x 96 Pixel große Vorschaubilder eben etwas übertrieben und werden wohl viele Seitenbesucher abschrecken.


Das die Vorschaubilder so groß sind, ist nur bei der ersten Fotogalerie der Fall, bei den folgenden habe ich das bereits mit einem Prog vorher gemacht und die Bilder sind nur ca. 20kb groß.

6

Freitag, 17. Juni 2005, 19:56

Hi,
Du hast der Seite eine feste Breite gegeben, die in ein 800er Fenster paßt. Die "Auflösung" spielt daher keine große Rolle mehr. Wohl aber die Schriftgröße. Hier reicht nämlich der Platz für das Menü und den Text im Footer nicht mehr aus - das solltest Du korrigieren.

Das Design wirkt etwas trist und zu sehr eingerahmt.
Ich würde etwas Farbe ins Spiel bringen.

Der Quelltext ist ok, enthält aber leider einige überflüssige DIVs und BRs.
Gruß
Ingo

7

Freitag, 17. Juni 2005, 22:10

Zitat

Hier bin ich dann älter geworden und besuche mittlerweile die Jahrgangsstufe 13 der Geschwister Scholl Schule (GSS) in Melsungen.


Eure Schule bekommt bald nen Jugendherbergenkatalog von Deutschland von uns ;) hab gestern noch die adressen gefiltert ;)

tobias
Signatur von »t-ob-i« {SIGNATUR}

8

Samstag, 18. Juni 2005, 03:07

<offtopic>
Den Katalog, bei dem der Zivi nacher wieder "Dieses Haus wird nicht mehr als Deutsche Jugendherberge geführt"-Aufkleber auf fälschlich eingetragene Häuser einkleben darf? Und falsche Preise per Hand korrigieren darf? Also wenn du für diese Dinger verantwortlich bist.. Grande dir Gott :angry: ;)
</offtopic>

9

Samstag, 18. Juni 2005, 10:24

Zitat von »streifenkiste«

<offtopic>
Den Katalog, bei dem der Zivi nacher wieder "Dieses Haus wird nicht mehr als Deutsche Jugendherberge geführt"-Aufkleber auf fälschlich eingetragene Häuser einkleben darf? Und falsche Preise per Hand korrigieren darf? Also wenn du für diese Dinger verantwortlich bist.. Grande dir Gott :angry: ;)
</offtopic>


ööhhh.. was danach passiert weiß ich nicht ;) wünsch dir aber trotzderm mal viel spaß :P

tobias
Signatur von »t-ob-i« {SIGNATUR}

10

Sonntag, 19. Juni 2005, 18:25

Zitat

Hier bin ich dann älter geworden und besuche mittlerweile die Jahrgangsstufe 13 der Geschwister Scholl Schule (GSS) in Melsungen.
Wie kleine die Welt doch ist. Ich habe an der GSS 1998 Abi gemacht. Nach einem studienbedingten Zwischenstopp in Marburg für 5 Jahre hat's mich nun nach Duisburg verschlagen ...
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

11

Montag, 20. Juni 2005, 18:36

Hallo, dann will ich auch mal das ein odere andere zu deiner Webseite los werden :).

[q=mo001][...] von möchtegern validem HTML 4.01 Transitional zu hoffentlich komplett validem XHTML 1.0 Transitional [...][/q]Was bietet dir Transitional, was dir Strict nicht bietet? Und vom Quellcode her sollte Strict doch locker möglich sein (bis auf die Externen-Links, die - zu meinem Unmut - im neuen Fenster öffnen).

Mein System: SUSE Linux 9.2 mit folgenden Browsern:
  • Firefox 1.0.4
  • Opera 7.54
  • Konqueror 3.4
  • links 2.1

Design
Das Design sieht, wie bereits gesagt wurde, recht nach Standart-Design aus und bietet nicht viel besonderes. Es fehlt irgendwie das gewisse Etwas; ein Eye-Candy.

Der Seitentitel ist in Ordnung, wobei man die Schrift "Private Hompage von Moritz Schick" nicht so wirklich gut lesen kann. Dort wäre eine andere Schriftart, die man bei kleinerer Schriftgröße besser lesen kann, angesagt.

Die Farbverläufe im Design finde ich nicht so toll und auch recht hart. Ich fände es sähe besser aus, wenn der Verlauf nicht von Blau-Grau nach Weiß, sonderen von einem dunklen Blau-Grau in ein helleres Blau-Grau gehen würde. Das sähe viel ästhetischer und auch professioneller aus.

Ich weiß nicht, aber irgendwie wirkt das etwas seltsam auf mich, dass der Hintergrund der Hauptbox (in der Menü und Inahlts-Box sind) die selbe Hintergrundfarbe wie der Rest der Seite hat. Ich denke eine andere Farbe würde sich dort besser machen.

Überhaupt würde der Seite etwas mehr Farbe gut tun. Nur Farbe im Header und in den Farbverläufen ist meiner Meinung nach zu wenig. Es wirkt alles recht Grau. Einige gute Farb-Ideen und -Anregungen finden sich unter folgender Adresse: http://www.adampolselli.com/archives/

Was mich ein bisschen stört, wie auf vielen Privaten-Webseiten, dass die Links die selbe Farbe wie der Text haben: schwarz. Die Links sind zwar unterstrichen (was man bei vielen Webseiten die schwarze Links und schwarzen Text haben leider nicht findet), aber trotzdem wäre es gut, wenn sich die Links farblich vom Text abheben würden.

Inhalt
Ich weiß, du hast nicht darum gebeten, aber ich möchte trotzdem einen Kommentar/Kritik zu deinem Inhalt abgeben:

Für mich ist das eine von vielen hunderten von Privaten-Webseiten. Wenn ich diese Seite so gefunden hätte, wäre ich wahrscheinlich vorbei gesurft und hätte sie vergessen, denn diese Seit bietet nicht wirklich tollen Inhalt. Du stellst dich vor, präsentierst einen Steckbrief, Fotos, Links - das Übliche, was man halt auf Privaten-Webseiten findet; aber leider nichts, was sich von der Masse abhebt.

Ich fand letztens eine Private-Webseite von jemanden, dort gab es eine Rubrik mit Forum-, E-Mail- und Newsgroup-Signaturen und ich dachte mir "Hey, die Seite ist gut" - und schwups war sie in meinen Lesezeichen. Was ich damit sagen will ist nicht, dass du jetzt Signaturen auf deiner Seite sammeln muss/sollst, sondern, dass du Inhalte präsentierst, die vielleicht mehr Leute ansprechen und interssieren, als nur deine Freunde.

Ich habe schon öfters versucht, eine Private-Webseite für mich zubasteln, habe es aber immer wieder aufgegeben, da ich mich mir immer wieder die (gute) Frage gestellt habe: "Interessiert das irgend jemanden außer mich?"

Die Vorschaubilder der Fotos brauchen wirklich lang zum laden! 20KiB für Vorschaubilder ist wirklich zu groß. Meine Vorschaubilder haben im Durchschnitt 3-5 KiB! Was auch nicht glücklich gemacht ist, dass du die großen Bilder im Browser auf Thumbnail-Größe schrumpfst, statt richtige Thumbnails zu benutzen. Ich möchte nicht jedesmal 20 je 300-500 KiB große Bilder nur für die Vorschau laden! Zudem erzeugt das nicht gerade wenig Traffic.

Browser-/Darstellungs-Fehler

Firefox: Die Seite hat irgendeinen Darstellungsfehler mit deinen Boxen. Ich bin gerade zu faul, im CSS nach zu sehen, wo der Fehler liegt, deshalb bekommst du nur einen kleinen Screenshot: http://tmp.psilab.de/schicksweb_01.png

Opera: Im Opera ist der Menü-Inhalt nach unten verschoben und der Footer ist komplett verrutscht und man kann den Inhalt nicht lesen - auch hier ein Screenshot: http://tmp.psilab.de/schicksweb_02.png

Konqueror: Der Konqueror bietet eine Misschung aus beidem: das Design ist verutscht wie im Firefox und der Footer ist verrutscht wie im Opera - interessante Misschung: http://tmp.psilab.de/schicksweb_03.png

links: Im Textbrowser ist soweit alles in Ordnung, nur eines ist Unglücklich: du hast für den Seitentitel den Alt-Text "header" definiert. Dieser stört etwas bei der Navigation durch die Links, da dieser ohne Logische-Funktion ist. Lass diesen also lieber weg und schreibe einfach in das IMG-Tag [class=wsb_html]alt=""[/class].


Ich hoffe, du bist nicht durch meine, teilweise recht harte, Kritik gekrängt. Ist nur meine bescheidene Meinung :).

MfG Arne :).

12

Dienstag, 21. Juni 2005, 15:04

Wow, ganz schön langer Beitrag...!

Ok, dann fang ich mal an...:


1) Strict - Transitional

Transitional bietet mir genau das, was du kritisierst - die externen Links öffnen in neuem Fenster! Ich weiß nicht warum (Gewohnheit?) aber irgentwie muss das für mich so sein, ja es irritiert mich geradezu wenn externe Links im selben Fenster öffnen...! ;)

2) Design / Farbigkeit

Ich gebe dir in den meisten Punkten recht!
Das es ein 0815-Design ist, ist mir durchaus bewusst, wichtig war mir dass es schlicht, funktional und gut umsetzbar ist und diese Kriterien erfüllt mein Design.
Der Header gefällt mir selber nicht 100%ig... :(
Link-Color ist Schwarz weil ich wenn ich eine andere Farbe nutzen würde eine nehmen wollte, die irgentwo (im Header) schon einmal vorkommt - und da ist meiner Meinung nach bei diesem Header keine zu finden... :(

3) Inhalt

Jor, 0815 stimmt schon soll und wird sich aber demnächst ändern (nachm ABI).
Zu den Fotos/Thumbs: Da muss ich wohl wirklich nochmal nachbessern...!

4) Darstellungsfehler

Aaaaah!!!
Wo kommen die denn alle her?!?
Ich hab' gedacht wenn man sauberes XHTML sowie CSS schreibt siehts überall toll aus bis auf den IE vll. aber der macht ja außnahmsweise mal keinen Ärger...
... na gut, dann muss ich hier wohl auch nochmal auf Fehlersuche gehn... :(

edit: firefox-problem müsste behoben sein!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »mo001« (21. Juni 2005, 16:05)


13

Dienstag, 21. Juni 2005, 17:19

[q=mo001]Wow, ganz schön langer Beitrag...![/q]Gibt ja auch eine Menge zu sagen :P ;)

[q]Transitional bietet mir genau das, was du kritisierst - die externen Links öffnen in neuem Fenster! Ich weiß nicht warum (Gewohnheit?) aber irgentwie muss das für mich so sein, ja es irritiert mich geradezu wenn externe Links im selben Fenster öffnen...! ;)[/q]OK, wenn du meinst :).

[q]Das es ein 0815-Design ist, ist mir durchaus bewusst, wichtig war mir dass es schlicht, funktional und gut umsetzbar ist und diese Kriterien erfüllt mein Design.[/q]Naja, schlicht, funktional und gut umsetzbar ist ja dein Design (bis auf einige Browser fehler gut umsetzbar ;) ), aber es gibt jede menge Möglichkeiten ein Design schlicht, aber auch grafisch/optisch ansprechend zu gestallten. Es gibt sehr viele schlichte und sehr hübsche Webseiten im Internet - besonders Blogs: http://www.zeldman.com/

[q]Der Header gefällt mir selber nicht 100%ig... :([/q]Dann solltest du vielleicht mal auf die Suche nach einem schönen Foto gehen. Auf wunsch nenne ich dir ein paar Webseiten, wo man welche findet.

[q]Link-Color ist Schwarz weil ich wenn ich eine andere Farbe nutzen würde eine nehmen wollte, die irgentwo (im Header) schon einmal vorkommt - und da ist meiner Meinung nach bei diesem Header keine zu finden... :([/q]Gute Idee - dann mach mal einen guten Header :).

[q]Jor, 0815 stimmt schon soll und wird sich aber demnächst ändern (nachm ABI).[/q]Man darf gespannt sein :).

[q]Aaaaah!!!
Wo kommen die denn alle her?!?
Ich hab' gedacht wenn man sauberes XHTML sowie CSS schreibt siehts überall toll aus bis auf den IE vll. aber der macht ja außnahmsweise mal keinen Ärger...[/q]Hehe ... tja so einfach ist das leider auch nicht - aber teilweise einfacher (meiner Meinung nach jedenfalls, es gibt Leute, die behaupten das Gegenteil ...)

[q]firefox-problem müsste behoben sein![/q]Jupp, dort sieht nun alles gut aus.

Im Konqueror hat es sich auch verbessert, nur jetzt fehlt die Leiste mit dem Farbverlauf unter dem Header und die Schrift im Footer ist immer noch halb verdeckt.

MfG Arne :).

14

Freitag, 1. Juli 2005, 14:12

Soo...

1) Header: geändert

2) Farben: geändert

3) Mehr Inhalt: - in Arbeit


Kommentare sind erwünscht!