Michael Vogel: Zum Abschuß freigegeben ;-)

Hi!

Wir erstellen gerade unsere Firmenseite komplett neu. Mein Beitrag ist das System, mit dessen Hilfe die Daten zum Server geschickt werden und mit dem die Daten ausgegeben werden. (Das Menü, sowie die Navigation sind von meinem System gesteuert)

Die Seiten werden leider per Dreamweaver von Leuten erstellt, die keinerlei HTML-Erfahrung haben. :-( Ich habe trotzdem versucht, einigermaßen Ordnung hereinzubringen, indem sie zu StyleSheets "gezwungen" wurden.

Ich weiß, daß bei den Bildern sicherlich häufig die ALT-Attribute fehlen werden, aber ansonsten würden mich Meinungen über das Design und die Navigation freuen.

Achso, nochwas: Es ist tatsächlich Absicht, daß Firmenseiten _externer_ Firmen innerhalb des Inline-Frames landen, es war _nicht_ meine Idee.

Geht doch bitte auch ruhig mit anderen Browsern als IE4+5, sowie Netscape 4.x und Mozilla5/Netscape 6 rauf. Insbesondere die "Accessibility" ist mir wichtig. Durch die konsequente Nutzung von StyleSheets werden die Seiten mit "Minimalbrowsern" nicht schön aussehen, sie sollten aber konsequent nutzbar sein und nicht zu zerissen sein.

Die Seiten sind zwar so aufgebaut, daß sie dynamisch die Seitenbreite berücksichtigen sollten, jedoch ist unter einer Fensterbreite von etwa 800 Pixeln mit Scrollbalken zu rechnen.

Und noch etwas: Nein, es war auch nicht meine Absicht, die Zeichensatzgröße festzulegen.

Achso, und fast abschließend: Unsere Firma stellt Windows-Software her, dementsprechend wird das absolute Hauptpublikum wohl auch mit Windows-Browsern raufgehen.

Und nun abschließend noch der Link: http://www.gut-bs.de/neu/

Tschau und danke!

Michael

P.S.: Einige der Bilder sind temporär.

  1. hallo michael

    was mir aufgefallen ist wenn man immer auf weiter
    drückt kommt man zu seiten auf denen nichts ist
    (wahrscheinlich von den leuten die noch nichts abgeliefert haben)
    da sollte man irgendwie überspringen oder wenigstens
    etwas text so in der art "noch nicht aber demnächst".

    grüße
    FICHTL

    ps.: die bilder sind natürlich genial, ms word cliparts, klizekleine
    icons hochgerastert, ... , genial ;-)

    1. hi ho Fichtl

      etwas text so in der art "noch nicht aber demnächst".

      hey, das ist aber mein spruch *fg*

      < http://www.ndparker.de>

      cua

      n.d.p.

      1. ho hi n.d.p

        etwas text so in der art "noch nicht aber demnächst".

        hey, das ist aber mein spruch *fg*
        < http://www.ndparker.de>

        wer kann denn wissen das wirklich einer sooo wahnsinnig ist. ;-)
        greetings
        FICHTL

  2. Moin,

    Erstmal natuerlich stoeren die *Vorgaben* schon ein wenig... (Zeichengroesse, Firmenseiten in Frame..) aber das ist ja bekannt.

    Ich bin mit Mozilla M16 und IE 5.01 auf eurer Seite gewesen (1280*1024 Aufloesung):

    • Die Hintergrundgrafik sieht bei meiner Aufloesung arg gekachelt aus...

    • Cliparts find ich persoenlich nicht so toll (Teamwork)

    • Die Fotos der Mitarbeiter sehen ein bisschen *gewurschtelt* aus...

    • Bei einigen Mitarbeitern steht nichts, bei anderen fehlt was...

    • Schrift ist mal fett, mal normal

    • <iframe> existiert nur fuer den IE, der Netscape macht daraus ein nerviges Popup

    • Navigation mal im Menue, mal mit weiter (unuebersichtlich)

    • ach so, Lotus Notes ist auch eins *EURER* Produkte???

    So, das war's erstmal, hatte keine Zeit, den QText mir anzugucken, aber vom Layout etc. ging's...

    Gruss,

    Einbecker

    1. Hi und Danke!

      Erstmal natuerlich stoeren die *Vorgaben* schon ein wenig... (Zeichengroesse, Firmenseiten in Frame..) aber das ist ja bekannt.

      BOT ... (Boss Ordered This) :-(

      Ich habe gekämpft wie ein Bescheuerter. Wenn ich nicht so rigoros gewesen wäre, wären die Seiten mit Word 2000 und festen Tabellenhöhen und -breiten erstellt worden.

      Ich bin mit Mozilla M16 und IE 5.01 auf eurer Seite gewesen (1280*1024 Aufloesung):

      • Die Hintergrundgrafik sieht bei meiner Aufloesung arg gekachelt aus...

      Jupp. Wir haben da leider noch keine Lösung.

      • Cliparts find ich persoenlich nicht so toll (Teamwork)

      Nur temporär. Bis die Seite wirklich online ist, kommt da ein Gruppenbild hin, nur leider waren noch nicht alle im Büro.

      • Die Fotos der Mitarbeiter sehen ein bisschen *gewurschtelt* aus...

      Du meinst diesen komischen "Strahlenrahmen"?

      • Bei einigen Mitarbeitern steht nichts, bei anderen fehlt was...

      Stimmt. Die haben noch keine Daten angeliefert oder es fehlt ihr Bild. Wird noch in der endgültigen Fassung kommen.

      • Schrift ist mal fett, mal normal

      Hups. Wo? Eigentlich sollte das Fett nur bei Betonungen verwendet werden.

      • <iframe> existiert nur fuer den IE, der Netscape macht daraus ein nerviges Popup

      Korrektur: iframes gehen auch mit Opera 4 und Konqueror. Der Mozilla hat leider Fehler, deswegen wird er zur Zeit "ausgeschlossen".

      Ich finde es aber durchaus konsequent, daß unser Fenster in diesem Fall (Seite einer anderen Firma wird angezeigt) stehen bleibt und ein neues Fenster eröffnet wird.

      • Navigation mal im Menue, mal mit weiter (unuebersichtlich)

      Über das Menü sollen eigentlich die Hauptpunkte angefahren werden, mit "weiter" dann innerhalb der Sektion. Ich hab' gehofft, daß das intuitiv sei.

      Wie könnte es sonst gehen?

      • ach so, Lotus Notes ist auch eins *EURER* Produkte???

      ;-))) Ich weiß auch nicht, was dieser Link da zu bedeuten hat, frag' mich bitte nicht...

      So, das war's erstmal, hatte keine Zeit, den QText mir anzugucken, aber vom Layout etc. ging's...

      Das freut mich. (das mit dem Layout). Der Seitenrahmen selber (das Menü und die Steuerung) sind W3C-validiert und (bis auf einen kleinen Fehler) gültiges HTML4. Das andere - nunja, breiten wir den Schleier des Schweigens darüber...

      Danke!

      Michael

  3. Hallo,

    achso, iframe war das, ich versuchte die Scrollbalken im Kopf solange durch zu sortieren um so auf das Framekonstrukt zu kommen (vergeblich) ...iframe hatte ich ganz vergessen...

    Also:

    man kann ja über die Auflösung 800x600 Pixel denken wie man will, aber es gibt bei dieser Seite wirklich keinen Grund, warum sie nicht auch auf 800 Pixel passen könnte. Hier ein logo etwas kleiner, da etwas mehr Sorgfalt. Hier muß man, um bei 800 Pixel an den unteren horizontalen Scrollbalken zu kommen erst einmal den äußeren vertikalen Scrollbalken bemühen und kann dann mit dem  inneren der Scrollbalken entscheidne, ob man überhaubt "willkommen ist" ;-/

    Auch verschieben sich im mittleren Frame die eigendlich für Kachelung gedachten Hintergrundbilder.... da sollte man eher etwas unstrukturiertes nehmen.

    Fon als Abkürzung für telefon finde ich persönlich immer blöde, aber das ist jetzt rein subjektiv: Auf jedenfall würde ich im grauen News-Kasten die Telefonangaben auf der "Linie" der Dreiecke anfangen lassen. (obwohl: eigendlich haben diese Angaben da sowieso nichts zu suchen, oder? Ach doch, fällt auch unter News.... aber die E-Briefadresse könnte man ruhig anklickbar machen ;-)))

    Cliparts sind ja richtig nostalgisch, aber auch die konnte ich vor Jahren schon nie leiden....erinnert immer an miefige Schulungsräume weil irgend ein Dozent meinte, Cliparts lockern langweilige Overheadfolien was auf....

    und noch eine kleinigkeit: Das Copyright-Symbol unten links ist etwas pixelig....

    Chräcker

    <img src="http://homepages.compuserve.de/ackheller/stempel/grafiken/logo.gif" alt="">http://www.chraecker.de/stempel

    1. Hi!

      achso, iframe war das, ich versuchte die Scrollbalken im Kopf solange durch zu sortieren um so auf das Framekonstrukt zu kommen (vergeblich) ...iframe hatte ich ganz vergessen...

      ;-) Ich finde die ganz neckisch, sie sind vom Handling her einfacher und flexibler als normale Frames.

      man kann ja über die Auflösung 800x600 Pixel denken wie man will, aber es gibt bei dieser Seite wirklich keinen Grund, warum sie nicht auch auf 800 Pixel passen könnte. Hier ein logo etwas kleiner, da etwas mehr Sorgfalt. Hier muß man, um bei 800 Pixel an den unteren horizontalen Scrollbalken zu kommen erst einmal den äußeren vertikalen Scrollbalken bemühen und kann dann mit dem  inneren der Scrollbalken entscheidne, ob man überhaubt "willkommen ist" ;-/

      Der äußere vertikale Scrollbalken kommt immer dann, wenn das Menü nicht in der vollen Länge dargestellt werden konnte. War das bei Dir der Fall?

      Im Index und auf Teamgeist sind die Grafiken meines Erachtens nach zu groß, vielleicht können wir da auch die Sachen anders anordnen, z.B. _unter_ den Bildern.

      Auch verschieben sich im mittleren Frame die eigendlich für Kachelung gedachten Hintergrundbilder.... da sollte man eher etwas unstrukturiertes nehmen.

      Ich denke, daß Du Recht hast. Leider ist dieses Bild auch der Hintergrund unseres Briefpapiers und es sollte ein "Wiedererkennungswert" da sein... (BOT) :-(

      Fon als Abkürzung für telefon finde ich persönlich immer blöde, aber das ist jetzt rein subjektiv:

      100% agree, aber: BOT :-(

      Auf jedenfall würde ich im grauen News-Kasten die Telefonangaben auf der "Linie" der Dreiecke anfangen lassen. (obwohl: eigendlich haben diese Angaben da sowieso nichts zu suchen, oder? Ach doch, fällt auch unter News....

      Naja, eigentlich können die Daten auch im Impressum abgerufen werden (BTW: Ist Dir aufgefallen, daß ich nur unter "Web-Administration" stehe, nicht unter "Design"? Ich wollte nicht direkt damit in Verbindung gebracht werden. ;-)

      aber die E-Briefadresse könnte man ruhig anklickbar machen ;-)))

      Stimmt! Leite ich weiter.

      Cliparts sind ja richtig nostalgisch, aber auch die konnte ich vor Jahren schon nie leiden....erinnert immer an miefige Schulungsräume weil irgend ein Dozent meinte, Cliparts lockern langweilige Overheadfolien was auf....

      Keine Angst, die beiden sind sehr, sehr temporär. Sobald unser neues Firmenschild hängt und alle Kollegen vor Ort sind, werden Bilder gemacht.

      und noch eine kleinigkeit: Das Copyright-Symbol unten links ist etwas pixelig....

      Stimmt! War mir noch gar nicht aufgefallen.

      Danke!

      Michael

  4. Hallo Michael,

    <test mit MSIE 4.0 auf Windows NT ,Auflösung 1024x768)

    Die Farbgebung ist schwer gewöhnungsbedürftig, ist aber wohl Euer CI ?
    Nun zu den Seiten:
    http://www.gut-bs.de/neu/index.php?id=Fakten
    Grafik ist schwer pixelig, oder ist dieser verwaschene Kacheleffekt gewollt.
    http://www.gut-bs.de/neu/index.php?id=Teamgeist
    Grafik wirkt wie das was sie wohl auch ist, CorelDraw Cliparts. Macht keinen professionellen Eindruck. Eher was für die Schülerwandzeitung.
    http://www.gut-bs.de/neu/index.php?id=Burkhard
    Tut sich nichts (oder ist er noch nicht eingestellt? ;-)
    http://www.gut-bs.de/neu/index.php?id=Christian
    Dito
    http://www.gut-bs.de/neu/index.php?id=Claus
    Dito
    http://www.gut-bs.de/neu/index.php?id=Navision
    Logos wirken pixelig, besser etwas kleiner machen (height, width)oder neu einscannen.

    Bei der Siemens-Seite kommt beim Laden eine Java-Script-fehlermeldung
    zeile 16 zeichen 1 top.top_siemens ist kein objekt
    Liegt wohl daran, dass diese Seite aus ihrer Originalumgebeung entfernt wurde.

    http://www.gut-bs.de/neu/index.php?id=Anfahrt
    Banner zu REISEPLANUNG.DE ist verwaschen.

    http://www.gut-bs.de/neu/index.php?id=Kontakt
    Das rot in dem großen Kasten knallt voll auf die Augen. Besser wäre wohl ein weisser kasten mit Rotem Rahmen (um die Firmenfarben zu verwenden)

    Allgemeine Frage:
    Warum verwendet ihr nicht durchgängig ein Framesystem, für Eure eigenen UND die fremden Seiten, das macht das navigieren ruhiger (nur noch das Hauptfenster in der Mitte wird gewechselt) und die Seitenprogrammierung ist einheitlich.

    Uff, dass war viel.

    Gruß

    Andreas

  5. Hallo,

    ich war mit NS4.6 bei 1024x768 auf der Site. Hier mein Kommentar:

    Design ist Geschmackssache, daher will ich hier nicht über Farben etc. herfallen. was mich gestört hat ist das PopUp-Fenster für Siemens und Lotus Notes.
    -Da ich nach dem ersten Klick auf Siemens das Fenster nicht geschlossen habe, dachte ich erst, bei dem Link Lotus Notes rührt sich nix. Bis ich auf die Idee mit dem 2. Fenster kam.
    Ich würde versuchen, das popup-Fenster (wenn es denn schon sein muss und nicht im NN als Layer geht) wenigstens mit focus() in den Vordergrund zu holen.
    -Die Navigation ist finde ich etwas unübersichtlich. Links i.O. aber das mit dem "Weiter"und "Zurück" finde ich nicht so toll. Da geht eine Menge Überblick verloren.
    -Am rechten Rand der Navigation erscheinen bei mir Bruchstücke von Grafiken, ca. 10px breit. Was ist denn das? Sieht manchmal aus wie Text hinter einem Layer.

    • die Grafik auf der Teamgeistseite erscheint bei mir nicht (.wmf stellt mein Browser nicht dar)
      -Die Steckbriefe sind unvollständig und durch die fehlende Tertiär-Navigation schlichtweg unhandlich. Wenn ich nur zu bestimmten Leuten will muss ich immer den Umweg über die "Home" machen.
      Abgesehen davon finde ich Steckbriefe nicht besonders auf einer Firmenseite. Wie gesagt Geschmackssache...
    • Die Anfahrtsseite mit den Links zu Bahn/Reiseplaner etc. ist `ne gute Idee.

    Ich hoffe es hilft etwas. Zum Ausgleich darfts du (dürft ihr) mal auf unsere Seite gehen und sie in der Luft zerreissen.
    http://www.systemagmbh.de

    Chiau Pit

    1. Hi!

      Design ist Geschmackssache, daher will ich hier nicht über Farben etc. herfallen. was mich gestört hat ist das PopUp-Fenster für Siemens und Lotus Notes.

      Nun, ich finde es besser, wenn ein neues Fenster kommt, als wenn unser "verschwindet". Dies ist deswegen (auch) der Fall, weil eigentlich die anderen Firmenseiten innerhalb des Inline-Frames (die NS4 ja nicht kann) angezeigt werden sollen. Schon alleine wegen des Targets im Link geht es gar nicht anders.

      Ich würde versuchen, das popup-Fenster (wenn es denn schon sein muss und nicht im NN als Layer geht) wenigstens mit focus() in den Vordergrund zu holen.

      Nun, wenn Du mir sagst, wie ich ein Layer prozentual innerhalb eines <TD> plazieren kann, (noch dazu mit Scrollbalken, wenn es größer als das Fenster ist) sehr gerne. Ich hab's versucht, aber leider nicht hinbekommen.

      Das mit dem Fenster im Hintergrund ist aber eher ein Problem Deines Systems. Bei unseren Maschinen hier (NT4) springt das neue Fenster in den Vordergrund.

      -Die Navigation ist finde ich etwas unübersichtlich. Links i.O. aber das mit dem "Weiter"und "Zurück" finde ich nicht so toll. Da geht eine Menge Überblick verloren.

      Ja, sehe ich ein. Ich weiß aber keine richtige Alternative. Ich habe mir überlegt, vielleicht statt des "home" eine Option-List zu machen, mit der man innerhalb des aktuellen Bereichs navigieren kann, ähnlich http://www.dabo.de

      -Am rechten Rand der Navigation erscheinen bei mir Bruchstücke von Grafiken, ca. 10px breit. Was ist denn das? Sieht manchmal aus wie Text hinter einem Layer.

      Das ist anscheinend eine Netscape-Krankheit. Das habe ich auch feststellen dürfen. :-( Das passiert nicht bei Mozilla 5, IE 5 oder Opera 4.

      • die Grafik auf der Teamgeistseite erscheint bei mir nicht (.wmf stellt mein Browser nicht dar)

      Jepp, ist nur ein Platzhalter für unser - noch kommendes - Gruppenbild. Ich hab' den Jungs, als sie es reinstellten, auch gleich Bescheid gegeben. Sie testen nur mit IE, ich übernehme den Gegencheck mit ein paar mehr Browsern.

      -Die Steckbriefe sind unvollständig und durch die fehlende Tertiär-Navigation schlichtweg unhandlich. Wenn ich nur zu bestimmten Leuten will muss ich immer den Umweg über die "Home" machen.

      Meinst Du, meine Idee mit der Option-List könnte da Abhilfe schaffen?

      »»  Abgesehen davon finde ich Steckbriefe nicht besonders auf einer Firmenseite. Wie gesagt Geschmackssache...

      Wie Du sagst, "Geschmackssache". Wir sind ein nettes Team, und ich denke unsere Kunden sehen gerne, mit wem sie es zu tun haben.

      • Die Anfahrtsseite mit den Links zu Bahn/Reiseplaner etc. ist `ne gute Idee.

      Jupp.

      Ich hoffe es hilft etwas. Zum Ausgleich darfts du (dürft ihr) mal auf unsere Seite gehen und sie in der Luft zerreissen.

      ;-) Keine Angst, ich nehme Kritik nicht krumm, solange sie konstruktiv ist. Deine ist es ja.

      http://www.systemagmbh.de

      Okay:

      Eine Empfehlung der Auflösung ist IMHO häufig etwas deplaziert. Der Benutzer wird selber feststellen, welche Größe er benötigt, um die Seiten optimal anzusehen, außerdem wird er seine Systemauflösung nicht wegen der Betrachtung einer Seite ändern.

      Den Hinweis auf die CSS könntest Du evtl. so gestalten, daß er nur dann erscheint, wenn der Gegenüber keine CSS aktiviert hat, ansonsten wirkt es auf mich immer ein wenig wie eine Vorschrift.

      Du benutzt Das Height-Attribut in der table. Das ist nicht HTML4-Standard und wird IMHO von Opera und Mozilla nicht interpretiert. Du kannst aber zusätzlich zu diesem Attribut über die Stylesheets die Größe der Tabelle angeben, auch als 100%, dann ist es Standard und dürfte von allen aktuellen Browsern verstanden werden.

      Die Unterstreichung des Titels bei "Wir über uns" könnte als Link mißverstanden werden. (Wobei mir gerade auffällt, daß wir das selbe Problem bei den AGBs haben...) ;-)

      Die Grafik "upHH_MOR_logo.jpg" wäre wohl als GIF besser, leider sieht man einige Kompressionsartefakte. Außerdem fehlen leider ALT-Attribute (bei uns leider auch)

      Mit welchem System hast Du die Seiten erstellt? In den Kommentaren steht immer so etwas schönes drin wie "<!-- #BeginEditable "doctitle" -->", würd' mich mal interessieren.

      Ansonsten gefällt mir aber das Layout und die Navigation.

      Tschau!

      Michael

      1. Hallo Michael

        Nun, wenn Du mir sagst, wie ich ein Layer prozentual innerhalb eines <TD> plazieren kann, (noch dazu mit Scrollbalken, wenn es größer als das Fenster ist) sehr gerne. Ich hab's versucht, aber leider nicht hinbekommen.

        Nur mit massiv Javascript. Ist bestimmt auch richtig umständlich erst die Breite des Fensters auslesen, auf die breite des TD schließen, den Layer ins TD platzieren, den clip an die TD-Größen anpassen, abfragen, ob die im Layer geladenen Seite größer ist, ev. eigene Scrollbalken einfügen. Das war‚s schon ;-).

        Ja, sehe ich ein. Ich weiß aber keine richtige Alternative. Ich habe mir überlegt, vielleicht statt des "home" eine Option-List zu machen, mit der man innerhalb des aktuellen Bereichs navigieren kann, ähnlich http://www.dabo.de
        Meinst Du, meine Idee mit der Option-List könnte da Abhilfe schaffen?

        Ist zwar eine Alternative, sieht aber nicht besonders aus. Ein richtiges Menü mit ausklappbaren Untermenüs? Nicht? Scripte dazu gibt es bestimmt und Hinweise dazu auch hier.

        Mit welchem System hast Du die Seiten erstellt? In den Kommentaren steht immer so etwas schönes drin wie "<!-- #BeginEditable "doctitle" -->", würd' mich mal interessieren.

        Das sind die Templates-Kommentare von Dreamweaver. Ohne Templates könnt ich die ca. 140 Seiten ( 4x 35, de,en ohne Javascript und de,en mit Javascript) nicht unter Kontrolle halten

        Danke für Deine Hinweise, werde ich(wir) versuchen zu ändern.

        Chiau Pit

  6. Sup!

    Der Quelltext sieht super aus und ist HTML 4.01.
    Warum also setzt ihr nicht das kleine Banner mit rein?

    <img src="http://validator.w3.org/images/vh40" alt="">

    Gruesse,

    Bio