Du bist nicht angemeldet.

1

Donnerstag, 30. Januar 2003, 21:10

Ein kleines Design

Hallo Community,

nachdem mich heftige Halsschmerzen in meinen Zimmer binden - morgen mal den Arzt fragen ob das ne Mandelentzündung ist - habe ich einmal ein neues Layout für www.tetbusch.de erstellt.

Von Prinzip ist es ähnlich des alten t-ob-i.de jedoch ist die Seite mit dem Design off und so konnte ich das Prinzip weiterverarbeiten.

Die Seite besteht selbstverständlich aus gültigem XHTML (http://www.htmlhelp.org/cgi-bin/validate…2F&warnings=yes) und CSS (http://jigsaw.w3.org/css-validator/valid…=1&profile=css2).

Tja, schreibt mal was dazu - vielleicht habt ihr ja auch noch den ein oder anderen Verbesserungsvorschlag.

Danke sehr..

Tobias
Edit: Auch Lynxview ist mehr oder weniger in Ordnung: der Kalender stört etwas aber das ist geringfügig.
Signatur von »t-ob-i« {SIGNATUR}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »t-ob-i« (30. Januar 2003, 21:27)


2

Donnerstag, 30. Januar 2003, 22:46

RE: Ein kleines Design

... die Startseite sieht schon mal echt professionell aus!

3

Donnerstag, 30. Januar 2003, 22:48

Zitat

... die Startseite sieht schon mal echt professionell aus!

*grml* Nur die Startseite? Da sind auch andere wie z.B. das Fotoalbum ;)

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

4

Freitag, 31. Januar 2003, 07:44

nun ja echt wieder gut geworden, allerdings muss ich sagen, dass ich das alte Layout kenne und dies mir weitaus besser gefiel.

Du hast aber eine technische Aufwertung gemacht, das gefällt mir.

Also plus-minus-null :D

Verbinde das technische mit dem alten Layout und dann haste eine der besten Seiten hier im Board.

..:ARESOL

PS.: Dies ist natürlich nur meine Meinung...
Signatur von »ARESOL« wieder da

5

Freitag, 31. Januar 2003, 11:34

Zitat

alten Layout


Von welchem alten Layout sprichst du bitte? Könntest du es einmal beschreiben? Wäre nett ;)

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

6

Freitag, 31. Januar 2003, 12:00

Haste das nicht mit Flash oben mal gehabt??

Eben das Design, was vor dem jetzigen Design ist.

..:ARESOL
Signatur von »ARESOL« wieder da

7

Freitag, 31. Januar 2003, 12:44

Zitat

Haste das nicht mit Flash oben mal gehabt??

Eben das Design, was vor dem jetzigen Design ist.

Nein das werde ich definitiv nicht machen.

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

8

Freitag, 31. Januar 2003, 14:28

[q=tobias]Nein das werde ich definitiv nicht machen.[/q]

was denn? hää?

..:ARESOL
Signatur von »ARESOL« wieder da

9

Freitag, 31. Januar 2003, 17:17

nichts dran auszusetzen!
sieht klasse aus und ist auch noch valides xhtml und css, ich schlage diese seite doch hiermit einfach mal für den wsb-award vor. was meinst du, memowe? :D

P.S.: Gehst du zu Atze Schröder heute abend, T-ob-i ?

10

Freitag, 31. Januar 2003, 17:41

Zitat

Original von marvin
nichts dran auszusetzen!
Wirklich? ;)

Zitat

sieht klasse aus und ist auch noch valides xhtml und css, ich schlage diese seite doch hiermit einfach mal für den wsb-award vor. was meinst du, memowe? :D
Da bin ich generell dafür. Bis Donnerstag habe ich aber keine Zeit, mich intensiv mit der Seite auseinanderzusetzen. Ihr könnt ja schonmal anfangen. :) Was ist gut? Was ist besonders gut? Was könnte man noch besser machen? Und vor allem "wie"? Welche Kriterien sind schon erfüllt? - das wären Fragen, die dann hier bearbeitet werden müssten.

Nicht bearbeitet werden sollen (!) die Fragen, warum TobiWan keine Falsch-Seiten schreibt und ob allein lautmalerische Drei-Wort-Beiträge der Zielpfindung dienlich sind.

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

11

Freitag, 31. Januar 2003, 20:35

RE: Ein kleines Design

... endlich WE - endlich Zeit, deine Seite ausgiebig zu testen

tetbusch.de - der Testbericht

Startseite, erster Eindruck: Die Startseite wird angenehm schnell geladen (mit ISDN), das Layout kann man wohl als schlicht aber trotzdem grafisch sehr ansprechend beschreiben.

Fotoalbum: Interessante und leicht verständliche Art, die vielen Bilder zu präsentieren - gute Qualität der Thumbnails, was sich allerdings in einer etwas längeren Ladezeit niederschlägt.

Gästebuch: Schön! - Ich lege immer großen Wert darauf, dass das Gästebuch zur Gestaltung der restlichen Seite passt und es sich dabei nicht um eine Standard-Lösung handelt.

Kontakt: Hier sieht man eindeutig, dass es sich um eine Spaßkompanie handelt - die Aufgabengebiete sind aber schön abgegrenzt.

So und jetzt hab' ich glatt was vergessen ... die Spalte auf der rechten Seite: Nette Funktion, der Kalender - muß man nur erst mal draufkommen, dass man mit der Maus über einem markierten Tag länger bleiben muß um zu sehen, was an diesem Tag los ist. Die Wettervorhersage für den nächsten Tag ist zwar nur für Besucher aus eurer Gegend interessant - aber auch die sollen schließlich nicht zu kurz kommen.

Etwas seltsam finde ich, dass man zur Seite "Geschichte" nur von der Startseite aus oder über die Navigation am Seitenende kommt - in der Haupt-Navigation oben fehlt dieser Punkt. Besonders schade, weil sich diese Seite wirklich nicht verstecken muß - dort erfährt man einiges über euch.

In der Navigation am Seitenende gibt's auch noch den Punkt "Administration" - hier kommt für alle "Nicht-Berechtigten" eine unschöne Fehlermeldung - da könntest du doch sicher mit einem kleinen Eintrag in die .htaccess Abhilfe schaffen und eine ordentliche Fehlerseite im Layout der Homepage einbinden.

Eins fehlt auf tetbusch.de komplett: das Impressum - ja, auch eine Spaßkompanie braucht sowas! (Adresse des Ansprechpartners ...)

FAZIT: Sehr überzeugendes Layout mit knappem aber sehr interessantem Inhalt.

kleine Anmerkung: Ich würde mich freuen, wenn du dir mal die Homepage des Schützenvereins "Einigkeit" Autenzell-Rettenbach unter http://www.sv-einigkeit.de anschaust und mir einige gestalterische Tipps geben könntest - siehe hierzu auch meinen Beitrag hier im Forum.

12

Freitag, 31. Januar 2003, 20:38

RE: Ein kleines Design

Zitat

Original von DukeXP
Eins fehlt auf tetbusch.de komplett: das Impressum - ja, auch eine Spaßkompanie braucht sowas! (Adresse des Ansprechpartners ...)
Das sollte sich, angesichtig http://tetbusch.t-ob-i.de/kontakt.php werdend, schnell umformulieren lassen.

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

13

Freitag, 31. Januar 2003, 20:57

Zitat

Original von DukeXP
Eins fehlt auf tetbusch.de komplett: das Impressum - ja, auch eine Spaßkompanie braucht sowas!
Wieso? MIt welcher Begründung?

Ich finde ein Impressum auch immer zu einer Seite gehörend, aber bei Tobis Seite sehe ich dazu keinen Anlass (wenngleich ich ein Impressum für wünschenswert halte) ...
Signatur von »Investorman« ______________________________

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

14

Freitag, 31. Januar 2003, 21:13

Yep, ein Impressum ist hier irgendwie fehl am Platz, ok, ich seh's ein. :D

15

Freitag, 31. Januar 2003, 23:34

öhm...Leute ihr habt schon alle gesehen das ein Impressum und eine Kontaktmöglichkeit vorhanden ist oder?
http://tetbusch.t-ob-i.de/haftung.php

---

Zu der Seite im Allgemeinen kann ich nur sagen, das DukeXP eigentlich genau meine Meinung verteten hat. ;)

Mit einer Außnahme, ich finde die weiße Farbe auf der linken und rechten Seite etwas zu trostlos und würde da eher etwas nehmen was zu dem sanften grün von links besser passt, aber da sind wir wieder an dem Punkt wo wir über meinen merkwürdigen Geschmack streiten könnten :D

Den Link zu der Wetterseite solltest Du extern öffnen, sonst bleibt dein leiber Anwohner nicht lange, das Wetter ist z.Z. ne interessante Sache...

PS: Die funktionalität der Navigation ist in der Tat irgendwie etwas eingeschränkt, oder aber ich bin hier zu blöd die zu benutzten. Bsp. Ich klick auf "über uns" und gelange zur Geschichte...sollte den gleichen Namen tragen ;)

Aber nun genug Kritik, wenn es denn welche war, jetzt kommt der gute Teil. Ich muss sagen wie oben schon gesagt gefällt mir die Website durchaus (besser als die alte Version), obwohl der Inhalt der Seite eher etwas dürftig ist, aber da kommt sicherlich mit der Zeit noch etwas ;)

Chris

Edit: Achtung, wie ich sehe bezieht sich mein Komentar bereits auf die veränderte Version :]
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

16

Freitag, 31. Januar 2003, 23:36

So moin,

ich hab noch mal ein paar Dinge geändert.

  • Größenangaben der Bilder im Fotoalbum
  • Buttons etwas kleiner und Button "über uns" hinzufügt.
  • Tipp zur Kalenderbedienung im bei der Anzeige des Termins hinzugefügt
  • Der Seite durch ein anderes Background einen Abschluss geben. - ich finde es sieht ordenlicher - Was meint ihr?
  • Die Überschriften sind jetzt grün und die Buchstaben sind etwas auseinander
  • Durchblättern des Album mit den Pfeiltasten (zur Zeit nur IE)
  • Automatisches scrollen an die Position des Fotos - wichtig für kleinere Auflösungen
  • Irgendwas hab ich noch verändert fällt mir jetzt aber nicht mehr ein *gg*


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

17

Freitag, 7. Februar 2003, 16:38

Zitat

ich schlage diese seite doch hiermit einfach mal für den wsb-award vor


Bin ich nun durchgefallen? :P

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

18

Freitag, 7. Februar 2003, 18:21

Zitat

Original von t-ob-i

Zitat

ich schlage diese seite doch hiermit einfach mal für den wsb-award vor
Bin ich nun durchgefallen? :P
Durchgefallen? Nein. Höchstens durch meinen Kalender. Aber jetzt sind Semesterferien. Ich habe schon geäußert, dass ich gegen eine Nominierung nichts auszusetzen habe. Bitte um Meinungen. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

19

Mittwoch, 26. Februar 2003, 10:18

So, TobiWan, dann will ich mal:

RfD: Vorschlag für eine Auszeichnung mit WS "gut"

Anforderungen für WS "gut":
  • Individueller, gut strukturierter Inhalt - IMO ja.
  • Validiertes HTML 4.01 Transitional (XHTML 1.0 und/oder Strict bevorzugt), validiertes CSS 2
    Das XHTML validiert nicht! Einerseits fehlt die Character Encoding-Angabe (Klick), andererseits ist da noch ein kleiner schnell zu behebender Fehler: in Strict gibt es kein target-Attribut. Überlasse die Entscheidung Deinen Benutzern.
    Das CSS validiert.
  • Klare Trennung von Markup und Präsentation bevorzugt - ich denke, dass das passt.
  • Die Seite muss in den gängigen grafischen Browsern (Mozilla/Netscape, Opera und IE) ohne clientseitige Scripts/PlugIns (JavaScript, Flash, Java Applets, etc.) hervorragend benutzbar sein. Textbrowserfähigkeit, auch wegen Suchmaschinen, wird bevorzugt und mit dem Lynx Viewer überprüft.
    Mozilla/Phoenix: OK
    In Opera 6 ist bei mir der Button "über uns" nur beim Hovern sichtbar.
    IE-fähigkeit kann ich nicht testen. Das sollte jemand anderes testen.
    Der Lynx-Viewer tut sich mit der Kalender-Tabelle etwas schwer, liefert aber eine gut zugängliche Seite.
    Zusätzlich habe ich noch in Konqueror 3 getestet. Die Optik und Benutzbarkeit stimmt weitgehend mit der in Mozilla überein.
    Einzig Netscape 4.8 zerschießt Dir die Seite mit seinem fehlerhaften CSS-Support völlig. Screenshot. Eventuell solltest Du Dir das mal antun: Hide CSS from buggy browsers

Was mich ein bisschen davor bewahrt hat, euphorisch zu werden, ist die Optik. Die Seite ist zwar weitgehend übersichlicht gestaltet, aber es ginge klarer. Du verwendest meiner Meinung nach zu viele verschiedene Schriftfarben und -größen. Auch passt zwar das Gesamtbild, aber einen wirklichen CD-mäßigen Zusammenhang zwischen dem Logo oben rechts und der Leiste links vermag ich nicht herzustellen.

Beim Hovern von Textlinks solltest Du den Unterstrich nicht entfernen. Dass das gehoverte ein Link ist, sollte im Hover-Zustand noch deutlicher werden oder zumindest gleich bleiben. Wenn Du den Unterstrich entfernst, kann das für Anfänger verwirrend sein ("Ist das jetzt ein Link oder nicht?").

Das ist ein bisschen kleinlich, aber wir wollen das Ding ja auch nicht verschenken. Vielleicht denkst Du nochmal über meine Vorschläge nach, einer Auszeichnung mit WS "gut" steht das aber IMO nicht im Wege.

Natürlich muss Du vorher das XHTML validieren und ein Character Encoding angeben.

Falls es Dich interessiert: Bobby-Ergebnisse für WAI-Conformance. Es ist aber durchaus in Ordnung, für bedeutungslose Bilder einen leeren alt-Text anzugeben. Was auch sonst? :D

Mit freundlichem Gruß
Mirko "memowe" Westermeier
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

20

Donnerstag, 27. Februar 2003, 18:28

Schön das wir mal wieder eine gute Webseite hier gefunden haben :)

Ich denke einer Auszeichnung in der Kategorie "WSB Seitentest -gut-" steht nichts mehr im Wege, meine Stimme dafür hat die Seite hiermit bekommen :rolleyes:

Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.