WebStyleBoard

sieht doch gar nicht so schlecht aus
Was mir allerdings nicht so gefällt, ist der ,für mich, zu grosse Abstand der Links in der Navigation. Ein <br> sollte reichen. Dann sieht es vielleicht auf der "Home" nicht mehr so unglücklich mit der Tabelle aus, die dann doch recht weit nach unten rutscht. "Auf dieser Seite findet ihr:" (zumindest im IE ist diese Tabelle unter der Navi)
Ausserdem finde ich es nicht wirklich sinnvoll, den "Home"-Link ans Ende der Navi zu stellen.

Was mir noch aufgefallen ist:
Du hast auf der Kontaktseite einen Email-Link versucht

dies funkt aber so nicht. Es muss:
<a href="mailto:bambias@web.de">Webmaster</A>
heissen :-)

Was mir noch beim Blick in den Quelltext aufgefallen ist: Du benutzt recht häufig das <font>. Sollte man nicht mehr tunfisch. :grin:
zb:

stattdessen lieber:


Aber ich würde dir empfehlen, erstmal die Seite nach deinen Wünschen fertig zu machen und dich dann an die Quelltext-Optimierung zu machen.


soviel erstmal von mir
TNS

Zitat von »TheNobody Style«

	Quellcode
1 2 3	<FONT color="FFFFFF" size="4"> PlatzhalterPlatzh </FONT>

stattdessen lieber:

	Quellcode
1	<span style="color:#FFFFFF; font-size:18px;">PlatzhalterPlatzh</span>

*g* wie wärs einfach mit:


Im großen und ganzen finde ich die Seite ganz gut, aber:
- Du verwendest zu viele verschiedene Schriftarten (ich zähle 4) In Designerkreisen spricht man von nicht mehr als 2.
- die <hr>-Linie ist out-of-date. Heute schreibt man
- Wie wärs, wenn du den Links noch ein Mouseover-Effekt spendieren würdest? Zum Bleistift:

Sehr passend finde ich die Schrift des Logo-Schriftzuges.. die passt perfekt :pleased:

EDIT: Impressumspflicht beachten.. :undecided:

nico bei allem Respekt, aber du schreibst hier diverse Sachen, die .... nuja ... du vielleicht nochmal nachdenken solltest


Du solltest dir überlegen, was diese CSS-Definitionen bewirken und dann wirst du merken, dass du damit nicht den gewünschten Effekt erzielst.

Zitat

die <hr>-Linie ist out-of-date. Heute schreibt man

	Quellcode
1	div style="border-bottom:1px solid gray; width:100%">&nbsp;</div>

das ist, gelinde gesagt, Blödsinn und eine sinnfreie Vergewaltigung eines Containers

Zitat von »TheNobody Style«

	Quellcode
1	<span style="width:100px; display:block;">&nbsp;</span>

Nicht getestet, aber ich bin mir ziemlich sicher, einen 100 Pixel breiten Platzhalter zu erzeugen, der wesentlich sinnvoller ist, als einen Text mit der Hintergrundfarbe einzufärben um Ihn als Platzhalter unsichtbar zu machen.

Zitat

die <hr>-Linie ist out-of-date. Heute schreibt man

	Quellcode
1	div style="border-bottom:1px solid gray; width:100%">&nbsp;</div>

das ist, gelinde gesagt, Blödsinn und eine sinnfreie Vergewaltigung eines Containers

Tatsache ist nun einmal, dass die 3D-Optik der <hr>-Linie im 90er Jahre design einzuordnen ist, und nicht mehr Zeitgerecht ist. Jetzt gibt es natürlich Möglichkeiten die 3D-Eigenschaften zu Unterdrücken, aber das Browserkompatibel zu erzielen, ist sehr schwer bis unmöglich.

zu Punkt 1:
Nico, ich schreib das doch nicht weil ich dich angreifen oder dich schlecht aussehe lassen will, sondern weil ich natürlich unendlich weise bin und dich an dieser Weisheit teilhaben lassen möchte. Du hast natürlich recht wenn du sagst, dass hier ein 100px breiten Platzhalter erzeugst. Allerdings haben Blockelemente (wozu du das <span> gemacht hast) die Angewohnheit, eine neue Zeile für sich zu beanspruchen. Demzufolge hast du zwar einen Platzhalter ... nur eben erst in der nächsten Zeile und nicht hinter dem Text, wie es gewünscht ist. Hier wäre wohl eher ein Blindgif angebracht.

zu Punkt 2:

Zitat

Tatsache ist nun einmal, dass die 3D-Optik der <hr>-Linie im 90er Jahre design einzuordnen ist, und nicht mehr Zeitgerecht ist.

Irgendwie scheint das an mir vorbeigegangen zu sein. Erlaubt ist was gefällt ...

Zitat

Jetzt gibt es natürlich Möglichkeiten die 3D-Eigenschaften zu Unterdrücken, aber das Browserkompatibel zu erzielen, ist sehr schwer bis unmöglich.

Auf dem WSB benutzte ich 3D-lose <hr> und das auch noch browserkompatible.


Achtung: Bei aller Diskussion sollten wir nicht vergessen, dass es hier um die Webseite von bambias geht.

Zitat von »TheNobody Style«

zu Punkt 1:
Nico, ich schreib das doch nicht weil ich dich angreifen oder dich schlecht aussehe lassen will, sondern weil ich natürlich unendlich weise bin und dich an dieser Weisheit teilhaben lassen möchte. Du hast natürlich recht wenn du sagst, dass hier ein 100px breiten Platzhalter erzeugst. Allerdings haben Blockelemente (wozu du das <span> gemacht hast) die Angewohnheit, eine neue Zeile für sich zu beanspruchen. Demzufolge hast du zwar einen Platzhalter ... nur eben erst in der nächsten Zeile und nicht hinter dem Text, wie es gewünscht ist. Hier wäre wohl eher ein Blindgif angebracht.

Danke, TNS, für dieses Stück Weisheit. An den Zeilenumbruch habe ich nicht mehr gedacht, ich bitte das zu entschuldigen. Du hast natürlich Recht, Meister. :applaus:

Zitat

Auf dem WSB benutzte ich 3D-lose <hr> und das auch noch browserkompatible.

Da greife ich einfach mal deinen Satz auf:

Zitat

Erlaubt ist was gefällt ...

.. Ich habe eben lieber, die Linie vernünftig per css zu gestaten.

Zitat

Achtung: Bei aller Diskussion sollten wir nicht vergessen, dass es hier um die Webseite von bambias geht.

dito. Haut rein, Mädels.

Hi,

Zitat von »TheNobody Style«

Hier wäre wohl eher ein Blindgif angebracht.

nein, absolut nicht. Und auch kein HR oder leeres DIV mit border.
Ebenso unsinnig ist das verwendete DIV und die Schreibweise des Textes mit Leerzeichen und natürlich der Platzhalter-Text, was alles zusammen:
"d e r H u m b o l d t U n i v e r s i t ä t z u B e r l i n PlatzhalterPlatzh"
ergibt - in Suchmaschinen, Textbrowsern und sogar im Ausdruck!

Vernünftig sähe dieser Teil so aus:


Gruß
Ingo

Hallo Bambias!

Dann werde ich auch mal meinen sinapis dazugeben...


Ersteindruck

Positiv! Die Seite wirkt sehr aufgeräumt und übersichtlich. Das Blau ist angenehm und bietet einen guten Kontrast zum Hintergrund. Das Layout ist sehr minimalistisch, was aber an sich als gut zu bewerten ist, da viele Seiten viel zu überfrachtet und damit unübersichtlich wirken.

Doch vielleicht ist das Layout etwas zuuu simpel... Mit einfachen grafischen Mitteln könnte man das Layout etwas interessanter gestalten, ohne die klare, auf das Wesentliche reduzierte Struktur zu verlieren.

Ich denke da z.B. an ein Foto/Bild als Duplex in dem Blauton der Überschrift, angeschnitten in der unteren, der Navigation gegenüberliegenden Bildschirmecke. Mögliche Motive gibt es reichlich. Wenn ich mich nicht irre, ist die Romanistik die wissenschaftliche Betrachtung des Lateinischen und den daraus hervorgegangenen Romanischen Sprachen. Unter diesem Hintergrund bieten sich eine Fülle von Möglichkeiten.


Layout

Die Gestaltung des Layouts solltest Du generell CSS überlassen. D.h.

• beherzige TNS' Rat und verzichte auf alle <font>-Tags
  
• Löse das "Platzhalter-Problem" nach Ingos Tipp
  
• verzichte auch auf das endlose Wiederholen von <br>-Tags um einen Abstand zu erzielen. Das erreichst Du effizienter mit der CSS-Eigenschaft margin bzw. padding.
  

Zwei Dinge zur Navigation:

1. Aus ergonomischer Sicht ist es etwas unglücklich, die rechte Seite für die Navigation zu verwenden. Zwar ist es löblich, auch mal etwas neues auszuprobieren und nicht immer alles wie "alle anderen" zu machen, aber in Sachen Navigation sind Experimente immer recht risikobehaftet.

Das Navigationen meist links (oder horizontal im oberen Bereich) hat einen guten Grund: Da zum navigieren auch oft die "Vor"- und "Zurück"-Tasten des Browsers verwendet werden, verlängert sich der Weg, welchen der Cursor zurücklegen muss enorm. Das mag sich lapidar anhören, macht sich in der Praxis aber in der Tat bemerkbar.

2. TNS hat recht, wenn er einwendet, dass der Punkt "Home" nicht an das Ende der Navigation gehört. Dieser Link führt (in der Dateistruktur) zum "obersten" Punkt zurück. Daher ist es recht intuitiv, wenn er auch oben in der Navigation zu finden ist.

Zusätzlich solltest Du vielleicht den Schriftzug "Fachschaft Romanistik" mit der Startseite verlinken, da viele es gewohnt sind, dass Logos auf die Startseite zurückführen.


Typographie

Streifenkiste hat recht... Zwei Schriften sollten ausreichen, bzw. stellen eigentlich vielmehr das Minium dar, denn eine einzige Schriftart wirkt schnell langweilig, während zu viele Schriftarten das Ganze schnell zusammengewürfelt aussehen lassen.

Generall verwendet man eine eher dekorative Schrifart für Überschriften und Blickfänge, und eine gut lesbare für Informationen, bzw. Fließtext.

Was ich aber viel schlimmer finde, als die Anzahl der auf Deiner Seite verwendeten Schriften ist im speziellen die in der Navigation verwendete Schriftart. Ich finde diese passt absolut und überhaupt nicht in das Gesamtbild.

Sie ist viel zu, wie soll ich es sagen, "spacig"... Auf der Fachschaftsseite der Physiker wäre sie vielleicht gut aufgehoben, aber hier? Nope...

Was noch erschwerend hinzukommt ist dieser gruselige Hover-Effekt... Nichts für ungut, aber das erinnert mich stark an meine ersten Gehversuche mit Flash...

Zwei Dinge würde ich ändern:

1. Verwende eine andere Schrift... Vorschlagen würde ich die Schrift aus dem Header-Schriftzug. Diese finde ich - wie Streifenkiste - sehr passend, und ich finde in der Navigation würde sie sich gut machen...

2. Verzichte auf diesen Hover-Effekt und wähle stattdessen ein zum Gesamtbild passenderes Mauskontakterlebnis.


Frames

Im ersten Moment habe ich gedacht: "Himmelherrgott, wofür Frames..?" Bzw. einen einzigen... Aber schnell wurde mir klar, dass es Dir vermutlich nur darum geht, diese typisch-kryptischen Universitäts-Server-Adressen loszuwerden...

Doch vielleicht wäre eine eigene URL mit Webspace auf Dauer besser. Denn so ist z.B. ein Nachteil von Frames, dass Du keine Unterseiten bookmarken kannst...


Sooo... Ich denke, das war es für's erste. Zwar gibt es hier und da noch Raum für Optimierungen, doch die gibt es immer und Du bist auf dem besten Weg... Keep it up!

LapisInfernalis

Hi,

Zitat von »bambias«

Zudem würd ich noch gerne eine Firefox-Version machen...

Du brauchst nur standardkonformen Code und evtl. ein paar Korrekturen für den IE, aber keine verschiedenen Versionen.
Übrigens solltest Du auch den Platzhalter-Text der Titelgrafik ersetzen. Macht sich nicht so gut, wenn man die Seite markiert oder druckt.
Gruß
Ingo