Relaunch der Website für einen Studiengang

[Rayne]

Relaunch der Website für einen Studiengang

Hallo.

In einem kleinen Team haben wir die Aufgabe, die Website unseres Studiengangs komplett zu überarbeiten. Es gibt keine Vorgaben, was das Layout betrifft. Das Logo im Header ist das offizielle Logo. Momentan gibt es noch kaum Inhalt, nur Platzhalter.

Hier die alte Seite: http://wiko.fhtw-berlin.de/

Und hier die Testversion der neuen Seite: http://wiko.bplaced.net/wb/

Mich würden eure Meinungen dazu sehr interessieren.

Vielen Dank

 

[Herbboy]

AW: Relaunch der Website für einen Studiengang

ich find blocksatz besser vom design her, und der platz für das navimenü ist zu "breit". zB neben das Wort "Ansprechpartner" würde rechts das gleiche ja fast nochmal hinpassen, so viel platz is da ^^

aber sonst sieht es gut aus. modern, aber sachlich, und kein firlefanz.

 

[Rayne]

AW: Relaunch der Website für einen Studiengang

Hast recht, die Navi war zu breit. Habe sie nun schmaler gemacht. Danke

Blocksatz sollte man im Internet allerdings nicht verwenden, da die Lesbarkeit stark eingeschränkt wird durch die vielen Lücken, die dabei entstehen.

 

[Herbboy]

AW: Relaunch der Website für einen Studiengang

Hast recht, die Navi war zu breit. Habe sie nun schmaler gemacht. Danke

Blocksatz sollte man im Internet allerdings nicht verwenden, da die Lesbarkeit stark eingeschränkt wird durch die vielen Lücken, die dabei entstehen.

hmm, ich find es angenehmer zu lesen UND es sieht besser aus, und FALLS es größere lücken gibt, dann trennt man halt mal das ein oder andere wort. bei nicht-blocksatz hast du auch oft "lücken", nur dann halt immer rechts

oder passt der text-bereich sich an, d.h. beim einen user könnte der bereich breiter sein als beim anderen?

 

[Rayne]

AW: Relaunch der Website für einen Studiengang

Hast recht, die Navi war zu breit. Habe sie nun schmaler gemacht. Danke

Blocksatz sollte man im Internet allerdings nicht verwenden, da die Lesbarkeit stark eingeschränkt wird durch die vielen Lücken, die dabei entstehen.

hmm, ich find es angenehmer zu lesen UND es sieht besser aus, und FALLS es größere lücken gibt, dann trennt man halt mal das ein oder andere wort. bei nicht-blocksatz hast du auch oft "lücken", nur dann halt immer rechts

oder passt der text-bereich sich an, d.h. beim einen user könnte der bereich breiter sein als beim anderen?

Nein, der Bereich hat eine feste Breite. Ich kann ja mal experimentieren mit Blocksatz. Ich will mir nicht nachsagen lassen, ich hätte nicht alles versucht

 

[Leertaste]

AW: Relaunch der Website für einen Studiengang

So mal meinen Senf dazu:

Wieso verwendest du für das alles ein Div? Es gibt kaum einen Grund ein einzelnes Element extra zu umschließen, bei dir sogar gar keinen.
Leere Elemente sollte man mit ganz wenigen Ausnahmen auch nicht nutzen und wenn es sich schon nicht vermeiden lässt, dann umfasse die vorhanden Elemente mit einem, was du für deine Zwecke nutzen kannst.

Die Allgemeine Schrift ist mir persönlich zu klein, lässt sich allerdings vergrößern, wenn man nicht den IE6 in den Standardeinstellungen nutzt. Lösung: Schriftgröße in % oder "em".

Zur Sprachwahl würde ich neben der Flagge zusätzlich eine Angabe in Schriftform und in der passenden Sprache ergänzen.

Dein "Header" sollte per Gilder/Levin Methode eingebunden werden: http://meiert.com/de/publications/articles/20050513/#toc-gilder-levin

Man kann kann auch ohne ein zusätzliches, leeres Element "clearen": http://jassesnee.de/easyclear/index.html

Die meta-Angabe zum Zeichensatz sollte im Quelltext vor dem "title" stehen, da auch dort schon relevante Zeichen vorkommen können.

Sowas hier

<li>    Kommunikationswissenschaften und Kommunikationsmanagement</li>

Löst man mit "padding-left" an Stelle von erzwungenen Leerzeichen (   ).

Wenn du deine Dateien als "utf-8 ohne Bom" abspeicherst und auszeichnest, dann kannst du es dir auch sparen für Umlaute und der gleichen Entitäten zu nutzen.

<a name="Top"></a>

Das kann man sich auch sparen, jedes Element mit der id="Top" kann mit einem Link <a href="#Top"></a> angesprochen werden, willst du nach ganz oben, kannst du es bequem <body> geben.

Rein von der Farbwahl und dem Layout gefällt mir die Seite gut. Das du dafür ein Händchen hast, hast du schon öfter bewiesen.

Ich hoffe, dass hilft dir weiter.

PS: Zwei Fehler im Quelltext.

 

[Rayne]

AW: Relaunch der Website für einen Studiengang

Danke fürs Feedback.

Es gibt nun eine völlig neue Version der Website: http://wiko.bplaced.net/wb/

An den technischen Mängeln werde ich die nächsten Tage arbeiten

PS: Welche 2 Fehler im Quelltext?

 

[Leertaste]

AW: Relaunch der Website für einen Studiengang

Die Fehler: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwiko.bplaced.net%2Fwb%2Fpages%2Fde%2Fstudiengang%2Fueberblick.php

Abgesehen von der Navigation fand ich das vorherige Design freundlicher und netter. Jetzt dominieren mir die dunklen Farben zu stark.

 

[Rayne]

AW: Relaunch der Website für einen Studiengang

Würde mich über weitere Meinungen freuen

 

[Soki]

AW: Relaunch der Website für einen Studiengang

Würde mich über weitere Meinungen freuen

Das Bannerbild mit der Straßenbahn finde ich zu groß, würde es auf 2/3 in der Höhe verkürzen.