Du bist nicht angemeldet.

1

Sonntag, 15. Dezember 2002, 07:27

der Cheffe auch mal ... www.WBBDev.de

hilöchen Leute ...

ich hab heute mal die neue Version von http://www.wbbdev.de an den Start geschleppt und will nu mal gucken, was die hiesige Gemeinschaft so dazu zu sagen hat.

Um dem einen oder anderen die "Suche" zu erleichtern, findet ihr am Ende jeder Seite einen Link zum W3C-Validator (unter dem Link "korrekt" *g*)

Der CSS2-Validator mosert nur wegen der nichtexistierenden Scrollbar-Sachen rum.


ach was rede ich hier eigentlich ... guckt doch selbst :D
Signatur von »TheNobody Style«

2

Sonntag, 15. Dezember 2002, 13:12

[ - ]

Also auf den ersten Blick ist mir die Seite zu kontrastarm. Schwarz auf dunklem Hintergrund ist ja bekannterweise immer so ne Sache..

Dann die Navigationsleiste oben, die ja keine ist. Ich persönlich finde das verwirrend, dass man damit nicht navigieren kann sondern nur angezeigt bekommt wo man ist. Ich habe intuitiv auf 'Grafics' geklickt, wurde aber enttäuscht und musste einige Sekunden weitersuchen um mich dort hin zu katapultieren.

Dass bei der Auflistung 'WBB 1.x.x' immer wieder wiederholt wird finde ich persönlich nicht so schön, ich denke das könnte man anders lösen, z.B. indem man einfach über jede Spalte eine entsprechende Überschrift macht oder (ähnlich wie im Texteingabefeld hier im WSB) einen Hintergrund macht, wobei letzteres vielleicht nicht intuitiv genug ist. Naja, dieser Punkt ist wohl eine reine Geschmackssache..

[ + ]

Vom Aufbau her finde ich die Seite gut. Bewährtes Portalprinzip halt. Die Grafiken sind auch echt gelungen!

Die Navigation links gefällt mir mit den eingerückten Punkten sogar ausgesprochen gut!
Signatur von »taimon« ...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »taimon« (15. Dezember 2002, 13:13)


3

Sonntag, 15. Dezember 2002, 13:17

Hey Boss ;) ... jetzt wird schonungslos abgerechnet *g*

Na okay... was haben wa denn.

1. Sehr gut ist das anpassbare Portal-Design - ich schätze mal auf 800x600 prima anzusehn. Und auf größeren Auflösungen dank wiederholendem Background immer noch gut!

2. Die verwendeten Farben passen gut zueinander. Zwei ähnliche Farbtöne (eine Farbgruppe), die kontrastmäßig gut zueinander passen. Insg. etwas kontrastarm, aber dadurch sieht das ganze eigentlich doch recht angenehm aus. Wenn auch evtl. etwas düster... aber der Effekt mag ja gewollt sein.

3. Die verwendeten Grafiken sehen alle ganz schick aus - insb. die Titel-Grafik-Header-Geschichte ;) - allerdings sieht das "Webdev, Scripts, ..." in der oberen Horizontalen mehr wie nen Menü aus? Wird's das noch? ...

4. Ebenfalls positiv - der Werbebanner ist vorbildlich ins Design eingebaut. Häufig ist das bei vielerlei Seiten so, dass der Werbebanner erst nach dem Design dazugekommen ist und dann einfach irgendwo hingeklatscht wird. Hier nicht der Fall... prima!

5. Die Struktur der Seite gefällt mir im Großen und Ganzen ganz gut... das Menü ist recht aufgeräumt und auch, dass jede Seite eine entsprechende "Seitenüberschrift" bekommt (wie z.B. NewsCenter oder FAQ), find ich gut, da sieht man dann gut, wo man gerade ist - oder worum's geht... und es sieht schicker aus, als nur Text...
Das verwendete Kasten-Design ist durchaus ansehnlich... was ich bei solchen Designs aber immer wieder bemerke, ist die Ungleichheit linker und rechter Seiten... etwas was man als Papier-Layouter ganz natürlich vermeiden würde... in HTML nicht gänzlich leicht zu realisieren ...: Der linke Menü-Kasten ist nach unten hin länger, als der rechte Login-Kasten mit Last-News. Wenn die Last-News auf der gleichen Höhe aufhören würde, dann wäre das ideal! Das ist natürlich recht schwierig, weil der Kasten dem Inhalt angeglichen wird... aber das ist immer das, was mich bei Kasten-Designs etwas stört ;)

6. Was negativ auffällt, ist, dass bei einem Seitenwechsel zu Grafics (e.g.), Buttons WBB 1.x.x der mittlere Table offenbar größer ausfällt und leider den Rand nach Rechts aufsprengt und eine horizontale Scroll-Leiste hervorruft.

7. Etwas zum technischen... was mich verblüfft hat, ist, dass du grundsätzlich direkte Links "http://..." benutzt hast... im Speziellen für die Bilder. Die relativen Angaben sind da eigentlich weniger redundant ;)

Manche Sachen sind stilistisch unschön, wie z.B. fehlende "..." bei Attributen oder die Verwendung von HTML-Attributen wie cellpadding. Das geht mit CSS inwischen schöner - und räumt den Quelltext auf.

Schön sind die verwendeten ALT-Attribute ;) ... ich hab hier grad kein lynx zur Hand (bzw. keine Lust das zu testen) - aber das wird der Memowe bestimmt noch testen ;) ... auch habe ich keine HTML-Bugs gefunden, der Validator wohl auch nich ;)

und sowas: <br><br> ist natürlich auch nich soo schön ;) - das geht doch mit CSS auch wesentlich eleganter. Auch z.B. das hier: <br>
<div style="margin-left:20px"> ... wenn du schon nen div dort anfängst, dann kannst du gleich den Abstand nach oben mit reinnehmen ;) - idealer wäre ja auch ne Klasse dafür zu benutzen, dann kannst du auch mal den Abstand leicht variieren...

und... irgendwie fehlt mir am Ende der Seite nen </body></html> - kann das sein? ;)

Ansonsten ist der Quellcode auch einigermaßen gut strukturiert - hab sogar nette Kommentare gefunden, die das lesen erleichtern ;) ... die Einrückungen sind manchmal etwas komisch ;) - aber das ist ja wirklich nur kosmetik und irrelevant für den User.

8. Das Register-Script hab ich auch kurz angeguckt... ;) ... schade find ich da, dass zwar der Fehler angezeigt wird, aber die Eingaben von vorher verschwinden - ein Affenformular wäre da angebracht... (also echo der vorherigen Variablen). Zudem find ich, dass die Fehlermeldung etwas untergeht... kann man die evtl. durch irgendwelche Linien, Kästen... weiß ich ;) ... hervorheben?

---
So - das war's eigentlich von meiner Warte aus... über technische Markup-Stil-Geschichten hab ich jetzt mal keine großen Worte verloren... die kommen sicherlich in Bälde von Memo bzw. Chaca ;) - Stichwort Tables und Pseudolisten ;)
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

4

Sonntag, 15. Dezember 2002, 16:06

kurzes Zwischenstatment meinerseits ...

erstmal ein danke ...

das mit der Buttons die aussehen wie Buttons, aber keine Buttons sind ...
Also ich das Design zusammengemalt habe, war das als Navigation geplant. Es hat sich aber im nachhinein herausgestellt, dass es nicht wirklich effektiv ist. Allerdings wollte ich dieses "Gesamtkunstwerk" so lassen und habe den Ex-Buttons einen neue Aufgabe zugewiesen *g*

Zitat

6. Was negativ auffällt, ist, dass bei einem Seitenwechsel zu Grafics (e.g.), Buttons WBB 1.x.x der mittlere Table offenbar größer ausfällt und leider den Rand nach Rechts aufsprengt und eine horizontale Scroll-Leiste hervorruft.

Das liegt daran, dass die mittlere Tabelle mit dem Scrollbalken eine feste Grösse hat. Dort mit variabler Breite zu arbeiten sieht einfach nur beschi***en aus *g*

Zitat

und... irgendwie fehlt mir am Ende der Seite nen </body></html> - kann das sein?

Das ist ja echt der Hammer. Sonst meckert der Validator bei jedem Mist ... und das erzählt er nicht. :evil:
Ist berichtigt :)

soweit auf die Schnelle von mir ... und weiter so!
Signatur von »TheNobody Style«

5

Sonntag, 15. Dezember 2002, 17:31

Nur zwei kleine Hinweise von mir, ansonsten enthalte ich mich jeglichen Kommentars hier. ;)

Und zwar nennst du eine Kategorie "Grafics".
Ein überprüfender Blick in Langenscheidts Großes Schulwörterbuch ergab, dass dieses Wort nicht existiert.
Meine Vermutung, es müsste wohl "Graphics" heißen bestätigt sich allerdings auch nicht ganz.
"graphic" kann ich dort nur als Adjektiv finden, ist aber möglich, dass ich etwas übersehe. ;)
"Grafic" ist aber auf jeden Fall falsch, das steht fest. :rolleyes:

Zitat

Das ist ja echt der Hammer. Sonst meckert der Validator bei jedem Mist ... und das erzählt er nicht.

Mir ist aufgefallen, dass du den Validator von htmlhelp.com verwendest, welcher jedoch etwas nachlässig prüft.
Daher ist es auch kaum verwunderlich, dass er sich nicht die fehlenden Tags bemängelt hat.
Die Prüfung mit dem "richtigen" Validator ergibt noch etwas viel fataleres, woran du auf jeden Fall etwas machen solltest. ;)
http://validator.w3.org/check?uri=http%3…www%2Findex.php


Chacabaou.

6

Montag, 16. Dezember 2002, 23:06

zum ersten Hinweis: künstlerische Freiheit
zum zweiten Hinweis: geändert

Und war denn das hier schon alles, oder traut ihr euch nur nicht?? :D
Signatur von »TheNobody Style«

7

Freitag, 20. Dezember 2002, 12:45

So, dann will sich meine Kleinigkeit mal dazu aufraffen, Dir ein paar Kommentare zu der Seite zu stecken. ;)

Testplattform wie immer:
Mozilla 1.2.1 rendert Deine Seite im Fehlerkorrektur-(Quirks-)Modus wegen:

Zitat

The public identifier "-//W3C//DTD HTML 4.01 Transitional//EN", without a system identifier.
http://www.mozilla.org/docs/web-develope…s/doctypes.html - mich würde interessieren, wie die Seite aussieht, wenn Mozilla nicht "rät", was Du erreichen willst. Daher verwende doch mal das hier:

Quellcode

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
statt

Quellcode

1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Fenstergröße: etwa 1Mpx. Linux, daher keine WinDOS-Standardschriftarten.

Erster Eindruck
Düster. Lapidar, aber so isses. :D

  • Wie oben schon angedeutet, kommen die Seiten von wbbdev mit einer gewissen Dunkelheit daher, die sich meiner Meinung nach nicht gerade positiv auf den sog. ersten Eindruck auswirkt. Die einzelnen Farben passen sich zwar gut aneinander an, was aber dabei etwas auf der Strecke bleibt ist Klarheit. Obwohl Du die Seite mit allerlei grafischem Schnique-Schnaque ausgestattet hast, ist sie eigentlich strukturell klar und deutlich. Durch die etwas "verwaschenen" Farben büßt die Seite dieses teilweise wieder ein. Abhilfe könntest Du relativ leicht schaffen, indem Du etwa den Text-"Kästen" eine hellere Hintergrundfarbe gäbest. Das muss nicht viel sein, würde aber IMHO schon viel ausmachen.

  • Was die Verwirklichung Deiner Corporate Identity angeht, ist die Seite etwas inkonsequent. Auf der Startseite etwa hast Du zwei verschiedene Logos "WBBD[eE][vV].[dD][eE]". Eines an der richtigen Stelle links oben und eines irgendwo rechts außerhalb des Fokus des Benutzers. Beide sind in verschiedenen Fonts und verschiedenen Dekorationen gestyled. Und das kleine Unterlogo "(X)" (?) passt auch nicht wirklich in die Seite. Stattdessen nutzt Du offenbar den stylishen Schriftzug rechts als Ersatz für ein nicht vorhandenes H1, was bereits im Keim erstickt wird, da er weder im Fokus des Benutzers ist, noch einen sinnvollen alt-Text hat. Hier wäre mal deutlich zu zeigen, dass Du weißt, wozu alternative Texte gut sind. Wesentlich besser wäre statt

    Quellcode

    1
    
    <div align="right"><img src="http://www.wbbdev.de/images/index.php.gif" alt="" border="0"></div>
    schon (HTML)

    Quellcode

    1
    
    <h1><img src="http://www.wbbdev.de/images/index.php.gif" alt="WBBDev" title="0"></h1>
    (CSS)

    Quellcode

    1
    2
    
    h1 { text-align: right }
    h1 img { border: 0 }
    Wobei wahrscheinlich text-align: center schon wesentlich besser als Seitenüberschrift erkennbar wäre. Zudem zerstört die verunglückte Grafik als H1-Ersatz etwas die Klarheit des Dreispaltenlayouts, indem sie die Mittelspalte nach unten verschiebt. Das wirkt im Moment noch etwas unüberlegt. Solltest Du ändern. Die Unterüberschriften sind übrigens nicht als H2 ausgezeichnet.

  • Die Navigation ist gut strukturiert, aber verbesserungsbedürftig: wie bereits angemerkt interpretiert man die Leiste oben allzuleicht als horizontale Navigation, was sie ja nicht ist. Das ist verwirrend. Ein "MAINMENU" macht ohne ein "MINOR-" oder irgensonst ein "UNTER-"Menü keinen Sinn. Was ist gegen "NAVIGATION" einzuwenden? Das "MAINMENU" ist übrigens eine verschachtelte Liste. Wieso verwendest Du keine und simulierst sie stattdessen? Für die oberste Liste verwendest Du ein Bild als Bullet. Im HTML sieht man für eine verschachtelte Liste bei Dir DIVs, Pseudobullets und Zeilenumbrüche. Das ist nicht gut. Informiere Dich, wie man verschachtelte Listen verwendet und wie man sie mit CSS Listen styled, insbesondere sollte Dich auch die Eigenschaft list-style-image interessieren. Damit kannst Du auch die unschöne Eigenschaft verhindern, dass die Pseudolisten beim Umbrechen bei großem Schriftgrad die Einrückung verlieren:


  • Auch sonst hast Du viele unschöne Dinge in Deinem HTML. Dass Du Transitional-HTML schreibst, heißt nicht, dass Du gutes HTML verwendest. Hier nochmal der Unterschied:
    Gutes HTML sagt nicht: "Dieser Text ist groß und rot".
    Gutes HTML sagt: "Dieser Text ist eine Überschrift erster Ordnung".
    Dann kommt CSS und sagt: "Überschriften erster Ordnung sind groß und rot"

    Dein Quelltext ist noch recht angefüllt von dem sogenannten presentational HTML. Zum Beispiel verwendest Du Tabellen fürs Layout, was mit etwas Köpfchen viel einfacher mit CSS zu bewerkstelligen wäre. Schau mal hier: http://www.glish.com/css/7.asp - wobei man bestimmt auch mit der Eigenschaft float einiges machen kann. Damit kannst Du Deinen Quelltext wesentlich sauberer, besser pflegbar und performanter halten. Dann kannst Du auch so einen Mist vermeiden:

    Quellcode

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="26" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="59" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="17" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="59" HEIGHT="1" ALT=""></td>
    
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="15" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="19" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="5" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="35" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="9" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="6" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="59" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="15" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="59" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="15" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="59" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="255" HEIGHT="1" ALT=""></td>
    <td WIDTH="100%"><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="21" HEIGHT="1" ALT=""></td>
    <td><img SRC="http://www.wbbdev.de/images/header/spacer.gif" WIDTH="7" HEIGHT="1" ALT=""></td>
    Allein schon das WIDTH="100%" ist doch unlogisch! Sowas macht man einfach nicht mehr.

    Auf die ungünstige Pseudolistenkonstruktion bei der Navigation habe ich Dich schon hingewiesen. Dieses

    Quellcode

    1
    2
    3
    4
    5
    6
    7
    8
    
    <img src="..." width="100" height="16" alt="" border=0><br>
    <div style="margin-left:20px">
    » <a href="...">Home</a><br>
    » <a href="..."><b>Register</b></a><br>
    » <a href="...">News</a><br>
    » <a href="...">FAQ</a><br>
    » <a href="...">Gästebuch</a><br>
    <br></div>
    könnte man mit etwas CSS ganz einfach durch folgendes ersetzen:

    Quellcode

    1
    2
    3
    4
    5
    6
    7
    
    <li><img ...>
    <ul>
       <li><a ...>Home</a></li>
       <li><a ...>Register</a></li>
    .
    .
    </ul></li>
    Das sähe sogar ohne Stylesheet noch brauchbar aus. So kaputt sieht eine Pseudoliste ohne Stylesheet aus. Übrigens muss ich Dich doch bitten, zumindest bei Bildern, die offensichtlich Text enthalten, wie etwa bei der Navigation, gescheite alt-Texte zu setzen.

    Und sowas hier:

    Quellcode

    1
    2
    3
    4
    5
    6
    7
    
    <br><table cellpadding="4" cellspacing="0" border="0" width="100%">
     <tr>
      <td><center><span class="tableintern">Alle Rechte vorbehalten © 2002 by <a href="http://www.internetfeuer.com">Internetfeuer</a><br><br>
      Diese Seite wurde in 0.3962 Sekunden <a href="http://validator.w3.org/check/referer" target="_blank">korrekt</a> aufgebaut</span></center></td>
     </tr>
    
    </table>
    ist eigentlich kompletter Unsinn! Wozu eine Tabelle mit nur einer Zelle?? Verwende dieses:

    Quellcode

    1
    2
    3
    4
    
    <div id="footer">
    Alle Rechte vorbehalten © 2002 by <a href="http://www.internetfeuer.com">Internetfeuer</a><br><br>
      Diese Seite wurde in 0.3962 Sekunden <a href="http://validator.w3.org/check/referer" target="_blank">korrekt</a> aufgebaut
    </div>

    Quellcode

    1
    2
    3
    4
    
    div#footer {
       text-align: center;
       margin: 1em .5em;
    }
    Das sollte das gleiche Egebnis zeitigen. Eventuell die Werte etwas anpassen.

Mehr fällt mir gerade nicht ein und ich muss auch los. Hoffentlich haben Dich meine Ergüsse etwas weitergebracht. ;)

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

8

Freitag, 20. Dezember 2002, 14:33

na dann wollen wir mal ... *g*

Zitat

Die einzelnen Farben passen sich zwar gut aneinander an, was aber dabei etwas auf der Strecke bleibt ist Klarheit. Obwohl Du die Seite mit allerlei grafischem Schnique-Schnaque ausgestattet hast, ist sie eigentlich strukturell klar und deutlich.

Du wiedersprichst dich hier ein wenig ... klar oder nicht klar ... *gg*

zur Farbe:
Das die farbliche Zusammenstellung nicht ganz "gewöhnlich" ist, dass weiss ich auch. Allerdings hat diese einen nun schon fast 2jährigen Hintergrund. Man kennt halt WBBDev nur in diesen Farben und das wird auch so bleiben.

zum CI:
mem, ich glaube du siehst da etwas falsch. Ich habe keine 2 Logos auf der Seite. Allerdings werde ich mal bei Gelegenheit gucken, dass ich die Schreibweise oben im Logo ändere.
Was deine Hinweise zum "verunglückten h1" angeht, so kann ich nur sagen, dass diese nicht als Überschrift gedacht sind. Eben nur als kleiner "Nebenhinweis", wo man sich gerade befindet. Wie du ja auch bemerkt hast, befinden sich diese auch nicht im Fokus des Betrachters ... und zerstört auch nicht das Dreispaltenlayout. Man mag es ja nicht glauben, aber ich habe mir schon etwas dabei gedacht. Denke dir mal das "verunglückte H1" weg und setzt die mittlere Table gedanklich nach oben. Da die Titelspalte nicht bis zum ende durchgeht, bekämst du dann einen Absatz zur rechten Spalte und DAS versaut das Layout. *g*
Wie du siehst ist das sehr wohl überlegt. Demzufolge auch kein H1 ect. weil es nunmal keine Seitenüberschrift ist.

zum MAINMENU:
Wie du vielleicht gesehen hast, habe ich unter diesem Menu noch eines. Demzufolge ... was spricht also dagegen? Das ich die Links nu nicht unbedingt per list gemacht habe ... ja mei ...
Dein Argument mit der Schriftgrösse ... sorry, aber wenn man die Seite mit dieser Schriftgrösse betrachtet, dann ist das Menu sicherlich das, was am wenigsten besch**** aussieht. Du siehst also im HTML "DIVs, Pseudobullets und Zeilenumbrüche". Wird sicherlich daran liegen, dass ich das da reingetippt habe und weil verdammt nochmal nix dagegenspricht, genau dieses zu verwenden. Genausogut hätte ich es auch als Imagemap machen können ... *g*

zu Tabellen:
Diese sind das Mittel zum Layouten schlechthin und mir wird nun vorgeworfen, dass ich sie verwende. Sorry, aber das kann ich nicht ganz nachvollziehen. Ich solle es statt dessen mit CSS bewerkstelligen? Zum Beispiel mit jeder menge positionierten DIV's? Ich bin ja sicher für brauchbare Änderungen zu haben, allerdings besteht das Logo aus 27 Teilen. Ich denke, hier wäre eine radikale Schieflage von Aufwand und Nutzen. Demzufolge ... Tabellen sind eine feine Sache und ich werde sie auch weiterhin begeistert benutzen. Aber du kannst dich gern dran versuchen, dass Logo so ohne Tabellen und nur mit CSS hinzubasteln.

Zitat

Allein schon das WIDTH="100%" ist doch unlogisch! Sowas macht man einfach nicht mehr.

... da frage ich mich, wer das mal festgelegt hat und mir wieder nicht Bescheid gesagt hat.

Zitat

ist eigentlich kompletter Unsinn! Wozu eine Tabelle mit nur einer Zelle?? Verwende dieses:

Wobei hier hier der einzige Unterschied wäre, dass es 10 Zeichen weniger wären ...

Zitat

Das sollte das gleiche Egebnis zeitigen.

sach ich doch .... also warum ändern? Valide ist es so oder so.

Soweit erstmal von mir ...

mem ... ich danke dir erstmal für deine Mühe.
Leider kann ich mit den meisten Sachen hier nicht wirklich etwas anfangen, da es mit meinen Augen nur "Spitzfindigkeiten" sind. Was spiel das für eine Rolle, ob ich mit <table> oder mit <div> arbeite. Ich gehöre halt nicht zu den HTML-Puristen und solange ich mich damit im erlaubten Rahmen bewege ... kann ich sicher ganz gut damit leben. :tongue:
Signatur von »TheNobody Style«

9

Freitag, 20. Dezember 2002, 17:19

Zitat

Original von TheNobody Style
na dann wollen wir mal ... *g*

Zitat

Die einzelnen Farben passen sich zwar gut aneinander an, was aber dabei etwas auf der Strecke bleibt ist Klarheit. Obwohl Du die Seite mit allerlei grafischem Schnique-Schnaque ausgestattet hast, ist sie eigentlich strukturell klar und deutlich.

Du wiedersprichst dich hier ein wenig ... klar oder nicht klar ... *gg*
Du hast den Rest unterschlagen:

Zitat

von mir:
Durch die etwas "verwaschenen" Farben büßt die Seite dieses teilweise wieder ein.
Ich habe versucht, dialektisch darzustellen, inwiefern die Seite Klarheit einbüßt.

Zitat

Das die farbliche Zusammenstellung nicht ganz "gewöhnlich" ist, dass weiss ich auch. Allerdings hat diese einen nun schon fast 2jährigen Hintergrund. Man kennt halt WBBDev nur in diesen Farben und das wird auch so bleiben.
Soviel ich weiß waren die Vorversionen farblich freundlicher. Du hast also schon ein bisschen am Helligkeitsgrad gedreht. Und das mal in der anderen Richtung, und zwar in unspektakulärer Weise, zu probieren habe ich Dir hier vorgeschlagen:

Zitat

von mir:
Das muss nicht viel sein, würde aber IMHO schon viel ausmachen.
Es geht hier nicht um einen drastischen Farbwexel, der Deiner CI entgegen wirkt, sondern um Nuancen.

Zitat

mem, ich glaube du siehst da etwas falsch. Ich habe keine 2 Logos auf der Seite.
Dann muss ich mich wohl verguckt haben...

Zitat

Was deine Hinweise zum "verunglückten h1" angeht, so kann ich nur sagen, dass diese nicht als Überschrift gedacht sind.
Woran soll man sonst erkennen, wo man gerade ist? Die Unterüberschriften sind dazu jedenfalls ungeeignet.

Zitat

Eben nur als kleiner "Nebenhinweis", wo man sich gerade befindet.
Wo ist denn der "Haupthinweis", wo man sich gerade befindet? Dazu ist eine H1 eigentlich hervorragend geeignet. Neben dem TITLE-Element, das bei Dir auf jeder Seite den gleichen Inhalt hat.

Zitat

Denke dir mal das "verunglückte H1" weg und setzt die mittlere Table gedanklich nach oben. Da die Titelspalte nicht bis zum ende durchgeht, bekämst du dann einen Absatz zur rechten Spalte und DAS versaut das Layout. *g*
Das sehe ich nicht so. Die Titel-"Zeile" (!) ist in jeder Spalte und auch klar abgetrennt. Die Inhaltskästen wären alle auf der gleichen Höhe. Das finde ich sehr klar.

Zitat

Das ich die Links nu nicht unbedingt per list gemacht habe ... ja mei ...
Gutes Argument. Ich werde meine Vorstellungen überdenken müssen... :D

Zitat

Dein Argument mit der Schriftgrösse ... sorry, aber wenn man die Seite mit dieser Schriftgrösse betrachtet, dann ist das Menu sicherlich das, was am wenigsten besch**** aussieht.
Falsch, es geht sogar, wofür ich Dich mal ausdrücklich loben will! Die ganze Seite fließt überaschend gut. Für ein Tabellenlayout saubere Arbeit. :)

Zitat

Du siehst also im HTML "DIVs, Pseudobullets und Zeilenumbrüche". Wird sicherlich daran liegen, dass ich das da reingetippt habe und weil verdammt nochmal nix dagegenspricht, genau dieses zu verwenden. Genausogut hätte ich es auch als Imagemap machen können ... *g*
Nehmen wir mal an, meines wäre kein gutgemeinter Ratschlag gewesen, sondern ein argumentativer Diskussionsbeitrag, dann hättest Du bis hierher kein einziges von mir vorgebrachtes Argument angesprochen und kein einziges Gegenargument vorgebracht. "Dass Du es so gemacht hast", ehrt Dich, "dass nix dagegenspricht", ist nicht wahr (siehe mein Beitrag) und das mit der Imagemap...

Zitat

zu Tabellen:
Diese sind das Mittel zum Layouten schlechthin
Falsch. Das Mittel schlechthin zum Layouten ist Adobe Illustrator. Was Du aber meinst, ist CSS. Tabellen sind in der Beziehung eher eine Socke, die man sich so lang gezogen hat, dass sie bis zum Gürtel reicht und die Beine wärmt. Wieso keine Hose nehmen? Dabei würde auch das Wäschefach geordneter. Links Socken, rechts Hosen, und nicht nur ein Fach mit "Sohsen" oder gar "Hocken".

Zitat

und mir wird nun vorgeworfen
Dir wird nicht vorgeworfen, sondern empfohlen. Du sollst hier nicht Deine Webseite gegen die bösen Angreifer verteidigen. Man will Deine Webseite NOCH besser machen!

Zitat

dass ich sie verwende. Sorry, aber das kann ich nicht ganz nachvollziehen. Ich solle es statt dessen mit CSS bewerkstelligen? Zum Beispiel mit jeder menge positionierten DIV's? Ich bin ja sicher für brauchbare Änderungen zu haben, allerdings besteht das Logo aus 27 Teilen. Ich denke, hier wäre eine radikale Schieflage von Aufwand und Nutzen.
Man merkt, dass Du Dich noch kein bisschen mit intelligentem CSS-Layout beschäftigt hast. Es ist mitnichten so. Und es ist sogar einfacher als mit Deinen Tabellen.

Zitat

Demzufolge ... Tabellen sind eine feine Sache und ich werde sie auch weiterhin begeistert benutzen. Aber du kannst dich gern dran versuchen, dass Logo so ohne Tabellen und nur mit CSS hinzubasteln.
Nur das Logo?

Quellcode

1
<p><img src="logo.png" ...></p>
Wenn Du etwa das dreispaltige Layout meinst, auch dazu habe ich Dir ein Beispiel gegeben. Steht im Text.

Zitat

Ich gehöre halt nicht zu den HTML-Puristen und solange ich mich damit im erlaubten Rahmen bewege ... kann ich sicher ganz gut damit leben. :tongue:
Wenn Du Dich in der Hinsicht nicht aus dem HTML 3.2-Sumpf herausentwickeln willst - warum fragst Du dann eigentlich nach Feedback?

Tut mir leid, aber ich schreibe Dir einen Beitrag mit Verbesserungsvorschlägen, die Dir, abgesehen davon, dass Du Dich noch mal dransetzen müsstest, nur Vorteile bringen und dann sowas! Wenn Du schon alles richtig gemacht hast, dann brauchst Du meine Meinung ja nicht.

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

10

Freitag, 20. Dezember 2002, 18:55

Zitat

mem, entäuscht.

nana ... wer wird denn gleich ... :]

Das mit der Klarheit ... naaa gut ... hab ich wohl was missgelesen *g*

Was die Farben angeht, so täuscht das vielleicht ein wenig. Die Vorversion war von den Farben her ziemlich das gleiche, nur vielleicht ein wenig anders verteilt. Ausserdem sind ja jetzt die aufhellenden Elemente in den Boxen weggefallen. Das macht natürlich den Gesamteindruck dunkler.

Was dein Einwand mit den 2 Logos angeht ... jupp, dass könnte man fast so sehen. Allerdings liegt das daran, dass ich nicht unbedingt "Startseite" oder "Home" da stehen haben wollte. Aber ich werde das die Tage mal "vereinheitlichen".

Zitat

Wo ist denn der "Haupthinweis", wo man sich gerade befindet?

Is ne nette Frage. Wozu braucht man denn diesen. Wo ist zum Beispiel der Hinweis, dass man sich gerade auf dem WSB-Portal befindet? Ich denke, man sollte den Usern soviel zutrauen, dass sie wissen, was sie da gerade angeklickt haben. Und für die anderen ist halt dieser kleine "Nebenhinweis".

Zitat

Falsch, es geht sogar, wofür ich Dich mal ausdrücklich loben will! Die ganze Seite fließt überaschend gut. Für ein Tabellenlayout saubere Arbeit.

Na wenn man das nicht gern hört. Allerding muss ich gestehen, dass ich mir noch nie einer meiner Seiten in riesiger Schriftart angesehen habe. :rolleyes:

Zitat

Nur das Logo?
code:
<p><img src="logo.png" ...></p>

Wenn Du etwa das dreispaltige Layout meinst, auch dazu habe ich Dir ein Beispiel gegeben. Steht im Text.

Ja mem, ich meine das logo. Wie ich allerdings erwähnt habe, besteht das Logo aus 27 Einzelteilen. Also kannst du <img src="logo.php"> schon mal kompett vergessen. Da kommt ja auch dein zitierter Tabellen-QT her. Das mit dem 3spaltigen Layout per CSS hab ich mir natürlich angesehen, allerdings ist das für meine Zwecke so absolut nicht zu gebrauche. Das liegt schon mal daran, dass die meisten Boxen dynamisch erstellt werden und sich der Inhalt und damit auch hie Höhe ändern. Demzufolge ist eine feste Positionierung nicht wirklich sinnvoll. Ich gebe gern zu dass dieser Möglichkeit nicht mal schlecht ist ... allerdings für meine Zwecke so nicht brauchbar.

Noch kurz ein paar Worte zur "Titelzeile". Ich hab am Ende mal ein Screen angehängt. Dort siehst du die rechte Seite ohne den "Nebenhinweis". Die Tables sind also optisch da nicht gleich hoch und das sieht für meinen Geschmack einfach nicht besonders aus.


Und zum Schluss noch ...

Zitat

Wenn Du Dich in der Hinsicht nicht aus dem HTML 3.2-Sumpf herausentwickeln willst - warum fragst Du dann eigentlich nach Feedback?

Tut mir leid, aber ich schreibe Dir einen Beitrag mit Verbesserungsvorschlägen, die Dir, abgesehen davon, dass Du Dich noch mal dransetzen müsstest, nur Vorteile bringen und dann sowas! Wenn Du schon alles richtig gemacht hast, dann brauchst Du meine Meinung ja nicht.

Warum antworte ich auf das Feedback, wenn es mich deiner Meinung nach eh nicht interessieren würde.

[Sarkasmus]
Allerdings gestehe ich meinen Fehler ein, mir nicht vorher alle Empfehlungen von HTML durchgelesen und mich auch nicht durch hunderte HTML-Newsgrops gewühlt zu haben.
[/Sarkasmus]
HTML 4.01 Transitional//EN ... das steht drüber und ist auch in sauberer Form drin und nein, ich warte jetzt nicht auf einen Beifall. Sicherlich bin ich immer für gut gemeinte Ratschläge zu haben und mach mir da auch so meine Gedanken darüber, allerdings bin ich auch der Meinung, dass sie in erster Linie einen Nutzen/Vorteil bringen sollten.

soweit erstmal eben von mir ...
Signatur von »TheNobody Style«

11

Freitag, 20. Dezember 2002, 19:06

[z]Noch kurz ein paar Worte zur "Titelzeile". Ich hab am Ende mal ein Screen angehängt. Dort siehst du die rechte Seite ohne den "Nebenhinweis". Die Tables sind also optisch da nicht gleich hoch und das sieht für meinen Geschmack einfach nicht besonders aus.[/z]
Ich werd jetzt nich groß nochmal was zu der Seite sagen, aber mit der Grafik wirkt es imho merkwürdiger wie es zur Zeit ist, da auf der linken Seite die mittlere Tabelle sehr tief anfängt und das ist in meinen Augen sehr "unschön" ;)

Wäre die Grafik nicht an der Postion würde es zwar wie in deinem Screen beschrieben auf der rechten Seite nicht ganz abschließen, dafür aber auf der linken Seite :)
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

12

Samstag, 21. Dezember 2002, 12:11

Zitat

Original von TheNobody Style
Was dein Einwand mit den 2 Logos angeht ... jupp, dass könnte man fast so sehen. Allerdings liegt das daran, dass ich nicht unbedingt "Startseite" oder "Home" da stehen haben wollte. Aber ich werde das die Tage mal "vereinheitlichen".
Danke. :)

Zitat

Zitat

Wo ist denn der "Haupthinweis", wo man sich gerade befindet?
Is ne nette Frage. Wozu braucht man denn diesen.
s/\./?/
Um zu sehen, auf welcher Seite man sich befindet. Gerade für Quereinsteigende Linkfolger ist das sehr wichtig.

Zitat

Wo ist zum Beispiel der Hinweis, dass man sich gerade auf dem WSB-Portal befindet?
Das sieht man, da wir im WSB nur eine solche Seite haben, die diesen Portalcharakter hat. Bei Dir allerdings sehen die Seiten recht ähnlich aus.

Zitat

Ich denke, man sollte den Usern soviel zutrauen, dass sie wissen, was sie da gerade angeklickt haben.
Schon, aber nicht alle erreichen eine Seite durch einen Klick in Deiner Navigation!

man google
man www
Man folgt also Links. Und wenn man einem Link gefolgt ist (Suchmaschine oder verweisende Webseite), dann sieht man am TITLE- und am H1-Element, wo man sich befindet. Das ist nicht nur für Besucher eine wichtige Information, die IMHO auch im Focus liegen sollte, sondern auch für Suchmaschinen. IMO wertet Google TITLE- und H1-Elemente zu Recht gesondert aus. Du solltest also nicht nur einen Nebenhinweis anbringen.

Wenn Du etwas gegen eine hervorgehobene H1-Überschrift hast, könntest Du etwa auch in der Navigation den Link, auf dessen Referenz man gerade ist, besonders und am besten unklickbar hervorheben.

Zitat

Noch kurz ein paar Worte zur "Titelzeile". Ich hab am Ende mal ein Screen angehängt. Dort siehst du die rechte Seite ohne den "Nebenhinweis". Die Tables sind also optisch da nicht gleich hoch und das sieht für meinen Geschmack einfach nicht besonders aus.
Ich finde es OK, weil die Linie, ab der der Inhalt beginnt, auf der gleichen Höhe ist. Zumindest besser als die scheinbar willkürlich nach unten gerückte Mittelspalte...

Zitat

[Sarkasmus]
Allerdings gestehe ich meinen Fehler ein, mir nicht vorher alle Empfehlungen von HTML durchgelesen und mich auch nicht durch hunderte HTML-Newsgrops gewühlt zu haben.
[/Sarkasmus]
Verlangt ja keiner. Und da Du es nicht tust, gibt es ja das WSB. Hier können wir uns gegenseitig Arbeit ersparen. Ich sage Dir zum Beispiel, wie Du den Quelltext besser (schöner, pflegbarer, schneller) machen kannst, obwohl Du <dciwam /> nicht liest. Ist doch gut so! :)

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