tag:forum.selfhtml.org,2005:/self (DESIGN/LAYOUT) Meinung zu neuer Firmenseite – SELFHTML-Forum 2008-07-08T19:26:19Z https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263192#m1263192 Hopsel 2008-07-01T09:18:00Z 2008-07-01T09:18:00Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi alle!</p> <p>Ich arbeite gerade an der Erstellung einer neuen Seite für meine Firma.</p> <p>Ich verlinke absichtlich nicht, da die neue Seite die alte bald ersetzen soll.<br> Die neue Seite ist im Moment unter http://fuhrpark-software.de/neu/ zu finden.</p> <p>Ich würde gerne eure Meinung zu folgenden Punkten wissen:<br> * Struktur: Ist die Seite gut zu bedienen? Findet man sich gut zurecht?<br> * Layout: Wie gefällt euch die Seite?<br> * HTML: Kann ich etwas verbessern? Ist das Markup korrekt?</p> <p>Mein Chef ist der Meinung, dass sich die Navigation nicht stark genug vom Inhalt abhebt. Er hätte sie gerne visuell deutlicher abgetrennt. Ich finde sie aber so gut. Was meint ihr?</p> <p>Es fehlen teilweise noch Inhalte. Vor allem die Startseite muss in dieser Hinsicht noch überarbeitet werden.</p> <p>Ich würde mich über Anregungen, Ideen und Kritik freuen.</p> <p>LG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263251#m1263251 suit suit@rebell.at http://rebell.at/ 2008-07-01T09:29:18Z 2008-07-01T09:29:18Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>* Struktur: Ist die Seite gut zu bedienen? Findet man sich gut zurecht?</p> </blockquote> <p>in der fusszeile fehlt mir die anschrift - das erwarte ich bei firmenwebsites, damit ich bei bedarf kontakt aufnehmen kann ohne erst "kontakt" oder "impressum" (wobei hier ggf andere daten stehen können) suchen zu müssen</p> <blockquote> <p>* Layout: Wie gefällt euch die Seite?</p> </blockquote> <p>das menü links sieht nach intel aus ;)<br> das logo links oben ist zu blau und lenkt vom rest der seite ab bzw passt farblich nicht dazu<br> der banner oben drüber sieht nach unseriöser werbung aus obwohl er offenbar dazugehört<br> die schrift im menü ist imho zu klein (ich kanns zwar lesen, aber es wird sicher viele geben, denen es anders geht)</p> <blockquote> <p>* HTML: Kann ich etwas verbessern? Ist das Markup korrekt?</p> </blockquote> <p>ich würd das logo als hintergrund vom h1 einbinden und den text den du jetzt im span hast mit negativem text-indent ins nirvana ballern</p> <p>ansonsten ist das eher eine religionsfrage (menü unter den inhalt usw)</p> <blockquote> <p>Mein Chef ist der Meinung, dass sich die Navigation nicht stark genug vom Inhalt abhebt. Er hätte sie gerne visuell deutlicher abgetrennt. Ich finde sie aber so gut. Was meint ihr?</p> </blockquote> <p>ggf ein denzeter grauer trennstreife, ich finds aber ansich gut ersichtlich was menü ist und was nicht</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263249#m1263249 sebastian1992 2008-07-01T09:42:15Z 2008-07-01T09:42:15Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo,</p> <p>was sind den 'Partnerprodrukte', hat da jemand ein r zu viel getippt??</p> <p>Das solltest du korrigieren, ist mir sofort ins Auge gefallen.</p> <p>Allgemein zu den Partnerprodukten, die sehen im ersten Moment wie Werbung aus, was auf der Firmenpage überhaupt nicht gut kommt, vielleicht fällt dir dazu noch was ein.</p> <p>Zur Navigation, von der Optik her ganz schön, Abtrennung braucht man meines Auges auch nicht, aberhast du fürjede Seite ne eigene Navi erstellt, oder ist dieser öffnende Effekt über Javascript, falls ja wäre das ungünstig, andernfalls sehr schön gelöst.</p> <p>Zum Inhalt kann ich nichts sagen, da ich mich mit der Materie nicht auskenne.</p> <p>Zu deinem Quelltext, wirkt für mich ganz OK. sieht recht sauber aus, mein interner Validator sagt OK, weis nicht was der W3C da ausspuckt, aber scheint in Ordnung zu sein.</p> <p>Eine Idee hätte ich noch für dich, sofern du darüber verfügst, würde ich eventuell mit mod_rewrite arbeiten, damit kannst du deine URL schöner gestalten, sieht so aus als ob du über mySQL verfügst (ja, oder??) und dann könntest du dort eine Tabelle anlegen und die Artikel nummer und den Titel dazu eintragen, dann würden deine URLs zum beispiel so aussehen:</p> <p>/produkte.html aber in Wirklichkeit wird dann zum Beispiel index.php?seite=produkte aufgerufen, der seite wert könnte dann in der Tabelle abgeglichen werden und dann hättest du wieder die Artikel id.</p> <p>Was mir noch aufgefallen ist, die Seite Produkte, föllig überflüssiger Inhalt, wenn du eine Unternavi mit den Produkten erstellst, dann schreib die nicht nochmal in de Produkte Seite sondern eher sowas:</p> <p>Wir sind Tätig in der Erstellung von Software für...<br> Unsere Software leistet das und das...</p> <p>usw.</p> <p>Das du halt einen Überblick bietest, der mehr ist, als nur das was auch in der Navi steht.</p> <p>Vielleicht auch etwas über den Support, den ihr dazu bietet und sowas.</p> <p>So, genug von mir</p> <p>Gruß Sebastian</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263231#m1263231 Beat http://www.elcappuccino.ch/cgi/tok.pl?lang=1 2008-07-01T09:57:07Z 2008-07-01T09:57:07Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Ich würde gerne eure Meinung zu folgenden Punkten wissen:<br> * Struktur: Ist die Seite gut zu bedienen? Findet man sich gut zurecht?</p> </blockquote> <p>Insofern nur das Klicken von Links betroffen ist, ja. Ansonst erhebliche Mängel.</p> <blockquote> <p>* Layout: Wie gefällt euch die Seite?</p> </blockquote> <p>Verwirrend, siehe Details</p> <blockquote> <p>* HTML: Kann ich etwas verbessern? Ist das Markup korrekt?</p> </blockquote> <p>Valide und sinnvoll sind zwei verschiedene Dinge.<br> Eine Verbesserung siehe unten</p> <blockquote> <p>Mein Chef ist der Meinung, dass sich die Navigation nicht stark genug vom Inhalt abhebt. Er hätte sie gerne visuell deutlicher abgetrennt. Ich finde sie aber so gut. Was meint ihr?</p> </blockquote> <p>Die Navigation hat bezüglich Ordnung und Design Mängel.</p> <p>Mir fällt Folgendes auf:<br> Gehe ich in die Abteilung "Informationen", so gibt es nur den Punkt Kontakt.<br> Im Hauptteil sehe ich dann das Formular für die Anforderung von Informationen.<br> Aber als Ausnahme sehe ich dann auch die Firmenanschrift mit Telefonnummer im linken Bereich.</p> <p>Ich würde beides trennen.</p> <p>Firmenlokalität (ev mit Plan?) und Telefonische Daten auf einer eigenen Seite.<br> Der Liste <ul id=adr /> mangelt Semantik.<br> Wie wäre es mit einer Definitionsliste?</p> <p>Mein Vorschlag:<br> -Kontakt<br> --Betrieb direkt kontaktieren<br> --Informationen anfordern</p> <p>Menu:<br> Folegendes Minus.<br> Der aktuelle Hauptmenupunkt kann als Listenpunkt innerhalb eines anderen Menupunktes aufgefasst werden.<br> Eine Hinterlegung wäre besser als ein Listenpunkt.</p> <p>Menu Informationen beinhaltet Downloadfiles.<br> Das Menu Download beinhaltet ein Formular, wo man sich erst anmelden muss<br> Frage: Um was geht es eigentlich?</p> <p>Während das Design allgemein sonst aufgeräumt wirkt, ist es doch mit der Internen Logistik hier im Argen.</p> <p>Nächster Punkt:<br> Ästhetik:</p> <p>Das Firmellogo erinnert mich an Europapark<br> Lediglich das Wort Software hindert mich hier.</p> <p>Der Banner suggeriert Textverarbeitung, nicht Logistik.<br> Da würde ich noch mal über die Bücher und das ändern, was man ändern kann.</p> <p>mfg Beat</p> <div class="signature">-- <br>                  /|<br>   <°)))o><      / |    /|<br>             ---- _|___/ |     ><o(((°><br>            OvVVvO    __ |         ><o(((°><br> <°)))o><  /v    v\/  |<br>  <°)))o>< ^    ^/_/_         ><o(((°><br>            ^^^^/___/<br> ><o(((°>    ----       ><o(((°><br>    <°)))o><                      ><o(((°>o<br> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263225#m1263225 LX 2008-07-01T10:23:37Z 2008-07-01T10:23:37Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Markup/Struktur:</p> <ul> <li>das img-tag im h1 hat kein alt-Attribut; außerdem wäre es vielleicht besser als Hintergrundbild innerhalb des h1 eingebunden gewesen - aber das ist Ansichtssache.</li> <li>die IDs sind teilweise wenig aussagekräftig, bspw. "Container2" wäre mit "Navcontainer" besser benannt gewesen.</li> <li>Die Adresse als ul zu machen, ist nicht wirklich semantisch.</li> <li>Das Menü hätte man hinter den Inhalt setzen und per absoluter Positionierung an seinen Platz packen können (Accessibility)</li> </ul> <p>Layout:</p> <ul> <li>"Sie befinden sich hier" ist völlig überflüssig, wenn Deine Navigation übersichtlich genug ist.</li> <li>Bei der Navigation ist es unpraktisch, den gewählten Punkt mit einem Bild davor zu weit zu verschieben, so dass er später auffällt als der Rest.</li> <li>Eine leichte optische Trennung zwischen Header und Content würde der Übersichtlichkeit helfen</li> <li>Bei den Partnerprodukten ist das "mehr" überflüssig - verlinke die Container komplett.</li> </ul> <p>Ansonsten eine recht gelungene Seite. Vielleicht würde sie von einigen zusätzlichen Bildern zum weiteren Veranschaulichen des Inhalts profitieren - nur wenige Nutzer lesen freiwillig Seite um Seite Text. Bei Produkten könnte man bspw. die Verpackungsfronten zeigen o.ä.</p> <p>Gruß, LX</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263224#m1263224 Christoph 2008-07-01T14:31:28Z 2008-07-01T14:31:28Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Moin.</p> <p>Folgende Dinge (wurden teilweise bereits genannt) sind mir aufgefallen:</p> <p>1. Die Firmenadresse erscheint nur bei der Start- und Kontaktseite unter der Navigation - auf mich wirkt das inkonsistent.</p> <p>2. Die 'Sie befinden sich hier'-Zeile ist meiner Meinung nach unnötig, da nur beim Menüpunkt Produkte überhaupt Unterpunkte auftreten, und auch hier gibt es nur eine einzige Verschachtelung. (PS: Wieso ist das Impressum eine Unterseite der Startseite?)<br> Das Aktualisierungdatum könnte man auch gut neben der Seitenüberschrift unterbringen.</p> <p>Christoph</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263196#m1263196 Steffi 2008-07-02T06:45:51Z 2008-07-02T06:45:51Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Für 'ne Hobbyseite wär's OK, übersichtlich, aber langweilig. Das Favicon ist<br> einfach nur grauenhaft, aber Gott sei Dank ja auch schnell verbessert.</p> <p>Insgesamt sagt die Website dem Besucher: "Wir haben uns mit unserem neuen<br> Webauftritt bemüht, aber da wir nur untere Mittelklasse sind war nicht mehr drin!"</p> <p>Sorry, nicht persönlich nehmen...</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263193#m1263193 at 2008-07-08T01:36:11Z 2008-07-08T01:36:11Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.<br> Zunächst einmal: Die Seiten gefallen mir insgesamt recht gut. Sie sind nicht spannend, tun aber auch niemandem weh. Sie informieren, drängen aber nichts auf. Kurz: Du hast dein <a href="http://rolfrost.de/map.html" rel="nofollow noopener noreferrer">Vorbild</a> gut kopiert.<br> Dass es immer noch etwas zu verbessern gibt, ist klar. Was das aus meiner Sicht ist, habe ich mal hier zusammengetragen.</p> <blockquote> <p>* Struktur: Ist die Seite gut zu bedienen? Findet man sich gut zurecht?</p> </blockquote> <ul> <li>Gegenfrage: Wo finde ich die Suchfunktion?</li> <li>Eine Übersichtsseite für die Software wäre sicher angebracht.</li> <li>Ähnliche Produkte könnten in einer Matrix verglichen werden.</li> <li>Die Bezeichnung "Informationen" für einen Hauptpunkt der Navigation wirkt befremdlich, denn was ist dann der Rest? Science Fiction?</li> <li>Die Wahl der Pflichtfelder im Kontaktformular ist kaum nachvollziehbar.</li> <li>Für die Startseite empfehle ich eine Kombination aus einer zusammenfassenden Vorstellung und einer chronologischen Übersicht wichtiger Änderungen oder Neuigkeiten, vulgo: News.</li> </ul> <blockquote> <p>* Layout: Wie gefällt euch die Seite?</p> </blockquote> <ul> <li>Ein flüssigeres Layout wäre sicher schön gewesen.</li> <li>Die Seiten wirken nicht gerade luftig, aber die Ränder und Abstände sind angemessen.</li> <li>Das Logo/Signet benötigt mehr Luft. Ich empfehle oben und unten einen Abstand von etwa der Hälfte der Höhe des Logos. Falls dir dann die übrige Seite zu weit nach unten rutscht, könnte ich mir auch vorstellen, den Banner um die 1,5-fache Logobreite nach rechts zu verschieben oder links abzuschneiden und das Logo horizontal und vertikal in der neuen Lücke auszurichten.</li> <li>Wenn sich ein Banner auf jeder Seite wiederholt, sollte er möglichst perfekt sein. Ich weiß auch nicht, weshalb VW seinen Fahrzeugen sogar bei den Rückleuchten einen bösen Blick antrainiert. Dass man das auf Websites vermeiden sollte, sollte aber hinlänglich <a href="http://www.kommdesign.de/galerie/ecommerce/genion.htm" rel="nofollow noopener noreferrer">bekannt</a> sein. Sicher ist das nur ein winziges Detail, aber wenn es dir einmal auffällt, fühlst du dich fortan ständig argwöhnisch beobachtet.</li> <li>Beim Schriftzug im Banner gibt es grundsätzlich zwei Möglichkeiten: Entweder die Arial ist eure Hausschrift, was man dann zähneknirschend hinnehmen müsste, oder sie ist es nicht, so dass man sie ersetzen dürfte. Meine Empfehlung wäre dann aus naheliegenden Gründen die DIN <a href="http://de.wikipedia.org/wiki/DIN_1451" rel="nofollow noopener noreferrer">Mittelschrift</a>.</li> <li>Die Aktualität der Seiten setzen Nutzer im Allgemeinen voraus. Wenn du den Hinweis auf die jeweils letzte Aktualisierung der Seiten in unmittelbarer Nähe des Verweises auf das Impressum unterbrächtest, hättest du einen regelrechten Funktionsblock geschaffen und gleichzetig einen permanenten Störfaktor aus dem primären Blickfeld gerückt.</li> <li>Die Farbgebung der Navigation, der Überschriften und der übrigen Verweise wirkt weder logisch noch harmonisch. Ich würde mich auf einen Blauton beschränken und dazu das omnipräsente Grau, das Orange aus der Navigation, oder das Grün aus dem Banner übernehmen. Jedenfalls sollte sofort ersichtlich sein, mit welchen Elementen der Nutzer interagieren kann und mit welchen nicht.</li> <li>Du solltest dir das Kontaktformular auch in anderen Browsern ansehen. Ich hatte es zunächst für ein <a href="http://www.250kb.de/u/080708/j/386fba97.jpg" rel="nofollow noopener noreferrer">Puzzle</a> gehalten.</li> <li>Die Schriftgröße variierst du nur in einer Richtung, und zwar konsequent in die falsche.</li> <li>Du könntest ruhig echte Anführungszeichen setzen.</li> <li>Was mich visuell häufig irritiert, ist der übermäßige Einsatz von Sonderzeichen, im konkreten Fall: <a href="http://fuhrpark-software.de/neu/WinFuhr" rel="nofollow noopener noreferrer">®</a>. Dabei täte es doch ein einfacher Hinweis im Impressum ebenso. Der wäre ohnehin schon wegen der nicht gekennzeichneten Nennungen fremder Marken angebracht.</li> <li>Apropos Sonderzeichen: Ich nehme an, dass die Klammern hinter "MAUTDaten Trial-Version" unter <a href="http://fuhrpark-software.de/neu/Informationen" rel="nofollow noopener noreferrer">Informationen</a> noch ihren Inhalt erwarten.</li> <li>Du solltest dich entscheiden, ob du führende Nullen bei <a href="http://fuhrpark-software.de/neu/Informationen" rel="nofollow noopener noreferrer">Datumsangaben</a> verwenden willst oder nicht. Eine Mischung aus beiden Schreibweisen wirkt befremdlich. Das gleiche gilt übrigens auch für die in Klammern gesetze Null zwischen Landeskennzahl und Ortsnetzkennzahl der <a href="http://fuhrpark-software.de/neu/Download" rel="nofollow noopener noreferrer">Telefonnummer</a>.</li> <li>Die grafischen Listenpunkte sitzen bei mir zu tief. Deren Position nicht genau bestimmen zu können, ist ihr größter Nachteil. Informiere dich vielleicht besser über eine Alternative.</li> </ul> <blockquote> <p>* HTML: Kann ich etwas verbessern? Ist das Markup korrekt?</p> </blockquote> <ul> <li>Ist der Text korrekt? "Die Software erlaubt ein rationelle und effizient Bearbeitung", <a href="http://fuhrpark-software.de/neu/Unternehmen" rel="nofollow noopener noreferrer">liest</a> sich jedenfalls nicht so.</li> <li>Als Best Practice bezeichnet man Dinge, die sich in der Praxis als gut erwiesen und daher etabliert haben. Dazu gehört bei Websites, das Logo im Banner mit einem Verweis auf die Startseite zu versehen.</li> <li>Eine Liste von <a href="http://fuhrpark-software.de/neu/Unternehmen" rel="nofollow noopener noreferrer">Kundenbranchen</a> sollte auch als Liste ausgezeichnet sein.</li> <li><a href="http://fuhrpark-software.de/neu/Dienstleistungen" rel="nofollow noopener noreferrer">Listen</a> mit nur einem einzigen Listenpunkt entbehren jeder Logik.<br> Zur Auszeichnung der Adressen hatte ich mich ja bereits geäußert.</li> </ul> <blockquote> <p>Mein Chef ist der Meinung, dass sich die Navigation nicht stark genug vom Inhalt abhebt. Er hätte sie gerne visuell deutlicher abgetrennt. Ich finde sie aber so gut. Was meint ihr?</p> </blockquote> <p>Du hast recht.<br> Weiter so.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263194#m1263194 Hopsel 2008-07-08T10:51:52Z 2008-07-08T10:51:52Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi at!</p> <p>Danke für deine tolle und ausgesprochen konstruktive Antwort.<br> Du sprichst viele Dinge an, die mich selbst auch stören, aber auch viele Dinge, an die ich noch nicht einmal gedacht habe.</p> <blockquote> <p>Du hast dein <a href="http://rolfrost.de/map.html" rel="nofollow noopener noreferrer">Vorbild</a> gut kopiert.</p> </blockquote> <p>Hui, ein Kompliment. ;-)</p> <blockquote> <p>Dass es immer noch etwas zu verbessern gibt, ist klar. Was das aus meiner Sicht ist, habe ich mal hier zusammengetragen.</p> </blockquote> <p>Wie schon geschrieben: Du sprichst viele Dinge an, die auch (noch) auf meiner Liste stehen: Suchfunktion, Übersichtsseite der Sotware, Navigationspunkt Informationen, Pflichtfelder im Kontaktformular, Neuigkeiten auf der Startseite, Logo, Banner. An diesen Dingen arbeite ich auch gerade.</p> <p>Ich nehme mal Bezug auf Vorschläge/Ideen deinerseits, an die ich noch nicht gedacht habe oder zu denen eine Bemerkung notwendig ist/sein könnte:</p> <blockquote> <ul> <li>Ähnliche Produkte könnten in einer Matrix verglichen werden.</li> </ul> </blockquote> <p>Dieser Punkt gefällt mir sehr gut. So hat der Interessent gleich einen Überblick über wichtige Funktionen unsere Software und kann sich besser orietnieren.</p> <blockquote> <ul> <li>Ein flüssigeres Layout wäre sicher schön gewesen.</li> </ul> </blockquote> <p>Das würde ich wirklich gerne realisieren. Allerdings muss ich da noch Überzeugungsarbeit leisten.</p> <blockquote> <ul> <li>Die Seiten wirken nicht gerade luftig, aber die Ränder und Abstände sind angemessen.</li> </ul> </blockquote> <p>Mir ist nicht ganz klar, was eine "luftige" Seite für einen Vorteil haben soll. Definiere "luftig".</p> <blockquote> <ul> <li>[Logo]</li> </ul> </blockquote> <p>Dazu lasse ich mir noch etwas einfallen. Ich finde die jetzige Position aber nicht gerade schlecht. Mehr Platz möchte ich aber nicht einbüßen.<br> Einen Verweis auf die Startseite damit zu verbinden ist natürlich keine Hürde.</p> <blockquote> <ul> <li>[Banner]</li> </ul> </blockquote> <p>Das Banner ist nicht endgültig. Wir werden noch ein Foto schießen lassen, welches unseren Wünschen eher entspricht.<br> Ich wollte zeigen, wie das/ein Banner auf der Seite platziert werden könnte.</p> <blockquote> <ul> <li>Die Aktualität der Seiten setzen Nutzer im Allgemeinen voraus. Wenn du den Hinweis auf die jeweils letzte Aktualisierung der Seiten in unmittelbarer Nähe des Verweises auf das Impressum unterbrächtest, hättest du einen regelrechten Funktionsblock geschaffen und gleichzetig einen permanenten Störfaktor aus dem primären Blickfeld gerückt.</li> </ul> </blockquote> <p>Guter Punkt. Das hat mich auch die ganze Zeit gestört. =)</p> <blockquote> <ul> <li>[Farbgebung]</li> </ul> </blockquote> <p>Das habe ich sofort geändert. Danke.</p> <blockquote> <p>[Es] sollte sofort ersichtlich sein, mit welchen Elementen der Nutzer interagieren kann und mit welchen nicht.</p> </blockquote> <p>Das wiederum, dachte ich, wäre klar ersichtlich. Ich schau aber nochmal genauer hin.</p> <blockquote> <ul> <li>Du solltest dir das Kontaktformular auch in anderen Browsern ansehen. Ich hatte es zunächst für ein <a href="http://www.250kb.de/u/080708/j/386fba97.jpg" rel="nofollow noopener noreferrer">Puzzle</a> gehalten.</li> </ul> </blockquote> <p>Ja, ich wusste, dass es da noch Probleme gibt. Gerade auch die Pflichtfelder sind nicht endgültig.<br> Ich würde die Pflichtfelder auf Anschrift _oder_ Email _oder_ Telefon _oder_ Fax beschränken. Ein Interessent wird fast nie eine der vier Kontaktmöglichkeiten vergessen. Und wenn, dann ist es sinnvoll, ihn darauf hinzuweisen.</p> <blockquote> <ul> <li>Die Schriftgröße variierst du nur in einer Richtung, und zwar konsequent in die falsche.</li> </ul> </blockquote> <p>Mein Chef möchte unbedingt eine bestimmte (nicht zu große) Schriftgröße für den Inhalt und die Navigation. Ich grübele noch, wie ich das besser realisieren kann. Aber dazu gibt es auch einen schönen Artikel im Weblog, glaube ich...</p> <blockquote> <ul> <li>Du könntest ruhig echte Anführungszeichen setzen.</li> </ul> </blockquote> <p>Ok.</p> <blockquote> <ul> <li>Was mich visuell häufig irritiert, ist der übermäßige Einsatz von Sonderzeichen, im konkreten Fall: <a href="http://fuhrpark-software.de/neu/WinFuhr" rel="nofollow noopener noreferrer">®</a>. Dabei täte es doch ein einfacher Hinweis im Impressum ebenso. Der wäre ohnehin schon wegen der nicht gekennzeichneten Nennungen fremder Marken angebracht.</li> </ul> </blockquote> <p>Ich werde meinen Chef darauf ansprechen.</p> <blockquote> <ul> <li>Apropos Sonderzeichen: Ich nehme an, dass die Klammern hinter "MAUTDaten Trial-Version" unter <a href="http://fuhrpark-software.de/neu/Informationen" rel="nofollow noopener noreferrer">Informationen</a> noch ihren Inhalt erwarten.</li> </ul> </blockquote> <p>Richtig. =)</p> <blockquote> <ul> <li>[Datum und Telefonnummern]</li> </ul> </blockquote> <p>... werde ich noch vereinheitlichen.</p> <blockquote> <ul> <li>Die grafischen Listenpunkte sitzen bei mir zu tief. Deren Position nicht genau bestimmen zu können, ist ihr größter Nachteil. Informiere dich vielleicht besser über eine Alternative.</li> </ul> </blockquote> <p>Die habe ich schon gefunden. Auch dieses Problem war mir bekannt.</p> <blockquote> <ul> <li>Ist der Text korrekt? "Die Software erlaubt ein rationelle und effizient Bearbeitung", <a href="http://fuhrpark-software.de/neu/Unternehmen" rel="nofollow noopener noreferrer">liest</a> sich jedenfalls nicht so.</li> </ul> </blockquote> <p>Die Seiten werden gerade auf Rechtschreibfehler bzw. Inhalt noch überprüft. Danke auf dafür.</p> <blockquote> <ul> <li>Eine Liste von <a href="http://fuhrpark-software.de/neu/Unternehmen" rel="nofollow noopener noreferrer">Kundenbranchen</a> sollte auch als Liste ausgezeichnet sein.</li> </ul> </blockquote> <p>Ohja!</p> <blockquote> <ul> <li><a href="http://fuhrpark-software.de/neu/Dienstleistungen" rel="nofollow noopener noreferrer">Listen</a> mit nur einem einzigen Listenpunkt entbehren jeder Logik.</li> </ul> </blockquote> <p>Ohja!</p> <blockquote> <p>Zur Auszeichnung der Adressen hatte ich mich ja bereits geäußert.</p> </blockquote> <p>Und ich habe an einer Verbesserung gearbeitet. =)</p> <blockquote> <p>Weiter so.</p> </blockquote> <p>Das spornt mich am meisten an.</p> <p>at, ich finde es wunderbar, dass du dich so intensiv mit der Seite beschäftigt hast und danke dir dafür recht herzlich.</p> <p>Deine Vorschläge werde ich sorgfältig prüfen und sicher viele in die Tat umsetzen. Damit habe ich auch schon begonnen. Ich versuche die Seite online aktuell zu halten, aber dennoch werde ich die gröbsten und schnell zu behebenden Fehler erst einmal auf dem lokalen Server ausbessern. Ich hoffe, dass ich gegen 15 Uhr eine verbesserte Fassung online stellen kann.</p> <p>Danke noch einmal für deine Mühe.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263195#m1263195 at 2008-07-08T19:26:19Z 2008-07-08T19:26:19Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Danke für deine tolle und ausgesprochen konstruktive Antwort.</p> </blockquote> <p>Gern geschehen.</p> <blockquote> <p>Du sprichst viele Dinge an, die mich selbst auch stören, aber auch viele Dinge, an die ich noch nicht einmal gedacht habe.</p> </blockquote> <p>Ich bin auch häufig im Gefängnis meiner eigenen Tüfteleien gefangen und freue mich über jeden Zettel, den jemand unter der Zellentür durchschiebt.</p> <blockquote> <blockquote> <p>Du hast dein <a href="http://rolfrost.de/map.html" rel="nofollow noopener noreferrer">Vorbild</a> gut kopiert.<br> Hui, ein Kompliment. ;-)</p> </blockquote> </blockquote> <p>Naja, ich fühlte mich irgendwie an diese Seiten erinnert. Und ja, irgendwie ist es ein Kompliment, jedenfalls mehr als alles, was es sonst sein könnte.</p> <blockquote> <blockquote> <ul> <li>Ähnliche Produkte könnten in einer Matrix verglichen werden.<br> Dieser Punkt gefällt mir sehr gut. So hat der Interessent gleich einen Überblick über wichtige Funktionen unsere Software und kann sich besser orietnieren.</li> </ul> </blockquote> </blockquote> <p>Ich wollte den Punkt schon weglassen, weil du bereits geschrieben hattest, dass eure Kunden eigentlich recht genau wüssten, was sie wollen. Umso besser, dass du den Punkt dennoch nützlich findest.</p> <blockquote> <blockquote> <ul> <li>Ein flüssigeres Layout wäre sicher schön gewesen.<br> Das würde ich wirklich gerne realisieren. Allerdings muss ich da noch Überzeugungsarbeit leisten.</li> </ul> </blockquote> </blockquote> <p>Dann wünsche ich dir viel Erfolg.</p> <blockquote> <blockquote> <ul> <li>Die Seiten wirken nicht gerade luftig, aber die Ränder und Abstände sind angemessen.<br> Mir ist nicht ganz klar, was eine "luftige" Seite für einen Vorteil haben soll. Definiere "luftig".</li> </ul> </blockquote> </blockquote> <p>Als luftig bezeichnet man einen großzügigen Umgang mit leerer Fläche. Das fängt im kleinen beim Zeichenabstand an und endet bei der Seiteneinteilung.<br> Die objektiven Vorteile solcher Seiten halten sich aber ungefähr die Waage mit den Vorteilen kompakter gestalteter Seiten. Ich bin auch gar nicht der Meinung, dass du die Seiten wesentlich auflockern müsstest, sondern wollte nur meine Aussage zu den Rändern und Abständen in Relation setzen.</p> <blockquote> <blockquote> <ul> <li>[Logo]<br> Dazu lasse ich mir noch etwas einfallen. Ich finde die jetzige Position aber nicht gerade schlecht. Mehr Platz möchte ich aber nicht einbüßen.</li> </ul> </blockquote> </blockquote> <p>Wie gesagt müsstest du das auch gar nicht.</p> <blockquote> <blockquote> <ul> <li>[Banner]<br> Das Banner ist nicht endgültig. Wir werden noch ein Foto schießen lassen, welches unseren Wünschen eher entspricht.<br> Ich wollte zeigen, wie das/ein Banner auf der Seite platziert werden könnte.</li> </ul> </blockquote> </blockquote> <p>Okay, ich verstehe.</p> <blockquote> <blockquote> <p>[Es] sollte sofort ersichtlich sein, mit welchen Elementen der Nutzer interagieren kann und mit welchen nicht.<br> Das wiederum, dachte ich, wäre klar ersichtlich. Ich schau aber nochmal genauer hin.</p> </blockquote> </blockquote> <p>Ich muss zugeben, dass ich bei diesem Punkt besonders genau hinsehe. Nach weniger strengen Maßstäben funktioniert das auf euren Seiten schon wirklich gut.</p> <blockquote> <p>Ich würde die Pflichtfelder auf Anschrift _oder_ Email _oder_ Telefon _oder_ Fax beschränken. Ein Interessent wird fast nie eine der vier Kontaktmöglichkeiten vergessen. Und wenn, dann ist es sinnvoll, ihn darauf hinzuweisen.</p> </blockquote> <p>Das ist sicher der richtige Weg.</p> <blockquote> <blockquote> <ul> <li>Die Schriftgröße variierst du nur in einer Richtung, und zwar konsequent in die falsche.<br> Mein Chef möchte unbedingt eine bestimmte (nicht zu große) Schriftgröße für den Inhalt und die Navigation. Ich grübele noch, wie ich das besser realisieren kann. Aber dazu gibt es auch einen schönen Artikel im Weblog, glaube ich...</li> </ul> </blockquote> </blockquote> <p>Zu Schriftgrößen oder Chefs?</p> <blockquote> <blockquote> <p>Zur Auszeichnung der Adressen hatte ich mich ja bereits geäußert.<br> Und ich habe an einer Verbesserung gearbeitet. =)</p> </blockquote> </blockquote> <p>Und ich habe noch einmal <a href="https://forum.selfhtml.org/?t=173334&m=1140560" rel="noopener noreferrer">nachgelegt</a>.</p> <blockquote> <blockquote> <p>Weiter so.<br> Das spornt mich am meisten an.</p> </blockquote> </blockquote> <p>Du bist zu bescheiden. Das bisherige Ergebnis sollte dich nämlich viel mehr anspornen.</p> <blockquote> <p>at, ich finde es wunderbar, dass du dich so intensiv mit der Seite beschäftigt hast und danke dir dafür recht herzlich.</p> </blockquote> <p>Im Keller des Forums zu sitzen, hat einen entscheidenden Vorteil: Man sieht, wie ein Fragesteller auf die bisherigen Fragen reagiert hat. Und wenn jemand substanzlose Kritik ignoriert und angebrachte konstruktive Kritik annimmt, ohne seine eigenen guten Ansätze aus den Augen zu verlieren, imponiert mir das. Ich weiß nämlich nicht, ob ich so gut mit Kritik umginge. -- Nein, ich bin mir sogar sicher, dass ich das nicht könnte.<br> Was ich aber eigentlich sagen wollte: Du hast dir eine vernünftige Auseinandersetzung mit deinem Projekt einfach redlich verdient. Und ich hatte eben gerade Dienst.</p> <blockquote> <p>Deine Vorschläge werde ich sorgfältig prüfen und sicher viele in die Tat umsetzen. Damit habe ich auch schon begonnen. Ich versuche die Seite online aktuell zu halten, aber dennoch werde ich die gröbsten und schnell zu behebenden Fehler erst einmal auf dem lokalen Server ausbessern. Ich hoffe, dass ich gegen 15 Uhr eine verbesserte Fassung online stellen kann.</p> </blockquote> <p>Wenn dich dein Auftraggeber nicht zur Eile mahnt, darf ich dich insofern beruhigen, als es hier auch niemand tut.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263197#m1263197 Hopsel 2008-07-02T07:03:07Z 2008-07-02T07:03:07Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Steffi!</p> <blockquote> <p>Insgesamt sagt die Website dem Besucher: "Wir haben uns mit unserem neuen<br> Webauftritt bemüht, aber da wir nur untere Mittelklasse sind war nicht mehr drin!"</p> </blockquote> <p>Das musst du erklären. Auf welche Bereiche (Code, Struktur, Inhalt, Design) beziehst du dich?</p> <blockquote> <p>Sorry, nicht persönlich nehmen...</p> </blockquote> <p>Ich freue mich besonders über harte Kritik, weil sie mir dir Möglichkeit gibt, die Seite wirklich zu verbessern.<br> Allerdings vermisse ich konkrete Argumente.<br> Eine Aussage der Marke "Die Seite ist scheiße!" hilft mir nicht weiter, solange nicht wenigsten wenige Punkte beschrieben werden, warum die Seite so schlecht ist.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263198#m1263198 Steffi 2008-07-02T07:51:54Z 2008-07-02T07:51:54Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Das musst du erklären. Auf welche Bereiche (Code, Struktur, Inhalt, Design) beziehst du dich?</p> </blockquote> <p>Bezieht sich ausschließlich auf das Design. Ich versuche das immer<br> möglichst objektiv zu sehen. Dem Otto-Normal-Besucher ist der Code egal, der<br> muß in Ordnung sein und Punkt. Struktur finde ich in Ordnung, ist halt<br> übersichtlich, ob da jetzt etwas 3 Pixel nach rechts oder links muß oder der<br> Inhalt links, das Menü rechts ist dem Besucher auch egal. Der potentielle<br> Kunde kann nur das beurteilen was er zu sehen bekommt und das ist das Design,<br> die Fotos, das Favicon etc. In erster Linie muß doch dem potentiellen Kunden<br> vermittelt werden: "Wir produzieren und verkaufen Software und ganz nebenbei<br> haben wir selbstverständlich einen gut gestalteten Internetauftritt." Im<br> einzelnen kann man das gar nicht benennen, vielleicht noch das Favicon, das<br> ist natürlich ganz schlecht, keine Frage. Der Gesamteindruck ist so, daß<br> der Besucher denkt: "Naja, ganz passabel, aber ich guck mal was die<br> Konkurrenz so websitemäßig drauf hat." Das Problem ist wie bei fast jeder<br> Seite: Der Entwickler hat nur wenig Ahnung vom Design und der Designer hat<br> nur wenig Ahnung vom entwickeln. Wer beides kann ist unbezahlbar. Ich verstehe<br> auch nicht wieso ihr als Mittelständler keine schlappe 750,- Euro übrig habt<br> damit ein Diplom-Grafik-Designer eure Oberfläche macht.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263204#m1263204 Hopsel 2008-07-02T08:06:21Z 2008-07-02T08:06:21Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Steffi!</p> <blockquote> <p>auch nicht wieso ihr als Mittelständler keine schlappe 750,- Euro übrig habt<br> damit ein Diplom-Grafik-Designer eure Oberfläche macht.</p> </blockquote> <p>Die Antwort ist einfach: Wir wollen keine Oberfläche, sondern eine Webseite.<br> Eine Internetseite muss nicht unbedingt stylisch aussehen. Wichtig ist, dass sie ihren Zweck erfüllt und übersichtlich ist. Potentielle Kunden werden dadurch ja nicht vertrieben.</p> <p>Ich sehe ja ein, dass das Design nicht optimal ist, aber genau dafür möchte ich ja Tipps haben.<br> Im Moment arbeite ich auch fieberhaft daran.</p> <p>Kennst du Beispielseiten, die deiner Meinung nach gelungen sind?</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263202#m1263202 Steffi 2008-07-02T08:23:42Z 2008-07-02T08:23:42Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Was ich noch sagen wollte:</p> <p>Die Entscheidung der Geschäftsführer das Webdesign des Firmenauftritts der<br> IT-Abteilung oder in eurem Fall den Programmierern aufs Auge zu drücken<br> ist wenig professionell und eine kurzfristige Entscheidung.</p> <p>Unser damaliger "Juniorchef", diese Hohlbirne, hat das auch immer gerne<br> gemacht mit der Begründung: "Ihr seid doch sowieso da, also kostet es mich<br> keinen Cent." Die Firma ist dann irgendwann pleite gegangen, ich hab mich<br> vorher rechtzeitig abgesetzt und noch eine fette Abfindung kassiert. Die<br> anderen Arbeitskollegen haben bis zum Schluß für ihre Arbeitsplätze, für die<br> Firma gekämpft, die haben dann nichts mehr bekommen, aber das ist eine andere<br> Story.</p> <p>Nun gut, diese Managerpraktiken werden bei euch zur Folge haben, daß in<br> allerkürzester Zeit euer neuer Webauftritt wieder eingestampft wird. Dann muß<br> wieder was neues her. Besser ist es, etwas zu investieren was nachhaltiger<br> ist und was gleichzeitig noch mehr Kunden lockt.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263199#m1263199 Stefan 2008-07-03T00:16:49Z 2008-07-03T00:16:49Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo,</p> <blockquote> <p>Ich verstehe auch nicht wieso ihr als Mittelständler keine schlappe 750,- Euro übrig<br> habt damit ein Diplom-Grafik-Designer eure Oberfläche macht.</p> </blockquote> <p>Jetzt mal nur so aus Interesse: Was würde solch ein Diplom-Grafik-Designer denn üblicherweise für schlappe 750,- Euro verantstalten? Könnte man im Vorfeld mehrere Entwürfe erwarten? Gibt es eine komplette CI mit neu entwickeltem Logo, Briefkopf und gebrauchsfertigen Grafiken?</p> <p>Gruß, Jens</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263201#m1263201 Steffi 2008-07-03T01:16:31Z 2008-07-03T01:16:31Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Jetzt mal nur so aus Interesse: Was würde solch ein Diplom-Grafik-Designer denn üblicherweise für schlappe 750,- Euro verantstalten? Könnte man im Vorfeld mehrere Entwürfe erwarten? Gibt es eine komplette CI mit neu entwickeltem Logo, Briefkopf und gebrauchsfertigen Grafiken?</p> </blockquote> <p>Bei mehreren Entwürfen bis hin zu gebrauchsfertigen Grafiken. Zu einem<br> kompletten CI gehört vermutlich mehr und ist dementsprechend teurer. -<br> Ja, kann man erwarten, denke ich. Keine Ahnung. Ich bin schließlich kein<br> Designer und kann Dir das nicht beantworten. Die 750 war auch nur mal so<br> dahingeworfen. Letztendlich zählt der Stundensatz des Designers. Knallhart<br> kalkuliert hoffentlich. :)</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263200#m1263200 at 2008-07-07T22:11:36Z 2008-07-07T22:11:36Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Jetzt mal nur so aus Interesse: Was würde solch ein Diplom-Grafik-Designer denn üblicherweise für schlappe 750,- Euro verantstalten? Könnte man im Vorfeld mehrere Entwürfe erwarten? Gibt es eine komplette CI mit neu entwickeltem Logo, Briefkopf und gebrauchsfertigen Grafiken?</p> </blockquote> <p>Dazu ein <a href="http://www.agd.de/123__3__1.html" rel="nofollow noopener noreferrer">Lesetipp</a>.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263203#m1263203 at 2008-07-07T22:15:21Z 2008-07-07T22:15:21Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Unser damaliger "Juniorchef", diese Hohlbirne, hat das auch immer gerne<br> gemacht mit der Begründung: "Ihr seid doch sowieso da, also kostet es mich<br> keinen Cent." Die Firma ist dann irgendwann pleite gegangen</p> </blockquote> <p>Trotz oder wegen deiner Mithilfe?<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263220#m1263220 Tom selfhtml.tom@online.de http://selfhtml.bitworks.de 2008-07-02T08:32:25Z 2008-07-02T08:32:25Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hello,</p> <blockquote> <p>Eine Internetseite muss nicht unbedingt stylisch aussehen. Wichtig ist, dass sie ihren Zweck erfüllt und übersichtlich ist. Potentielle Kunden werden dadurch ja nicht vertrieben.</p> </blockquote> <p>Eure Seite hat eine schlechte Blickführung.</p> <p>Es sollte immer einen klar erkennbaren Einstiegspunkt in die Seite geben (vorzugsweise oben links), einen Kernbereich, in den man dann automatisch geführt wird und einen definierten Seitenausstieg, der möglichst durch den Button oder Link (Bild, Teaser) auf die nächste anzubietende Seite führt. Dieser ist nach europäischem Lesefluss unten rechts im Kernbereich zu plazieren.</p> <p>In den untergeordneten Randbereichen, die das Auge möglichst nicht ablenken sollten, können dann die Verzweigungen auf weitere Informationsquellen sitzen.</p> <p>MMn solltest Du also erst einmal die Bereiche definieren. Im Kernbereich sollte alles in angenehmer Lesegröße aufbereitet werden, also ein Punktzahl, die keine Lupe erfoderlich macht. Für die Bilder in diesem Bereich gilt das Gleiche. Der wesentliche Text sollte im oberen Teil der Seite liegen, der nach dem generischen Aufruf sofort auf dem (Normal-)Screen erscheint, Erklärungen und weiterführende Angaben können dann auch "erscrollt" werden.</p> <p>In den untergeordenten Randbereichen sollten dezente Farben und leichtere (kleinere) Schrift dazu führen, dass man sie nicht sofort wahr nimmt, sondern erst, wenn man es bewusst will.</p> <p>Ein harzliches Glückauf</p> <p>Tom vom Berg<br> <img src="http://selfhtml.bitworks.de/Virencheck.gif" alt="" loading="lazy"></p> <div class="signature">-- <br> Nur selber lernen macht schlau<br> <a href="http://bergpost.annerschbarrich.de" rel="nofollow noopener noreferrer">http://bergpost.annerschbarrich.de</a> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263205#m1263205 Steffi 2008-07-02T09:07:59Z 2008-07-02T09:07:59Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Die Antwort ist einfach: Wir wollen keine Oberfläche, sondern eine Webseite.<br> Eine Internetseite muss nicht unbedingt stylisch aussehen. Wichtig ist, dass sie ihren Zweck erfüllt und übersichtlich ist. Potentielle Kunden werden dadurch ja nicht vertrieben.</p> </blockquote> <p>njooh, denke schon, daß potentielle Kunden eher vertrieben werden. Noch! :-)</p> <p>Bei einer Maschinenbau-Seite könnte man es ja noch verkraften, aber wenn<br> man Software anbietet, dann erwartet der Kunde einfach eine gute Website.<br> Zweckerfüllung und Übersichtlichkeit ist Standard und nichts besonderes.</p> <p>Es muß auch nicht stylisch aussehen, sondern einfach nur ein halbwegs<br> professionelles Design. Das Favicon ist ein schönes Beispiel: So ein<br> ähnliches Favicon hat meine 6-jährige Tochter auch auf ihrem Internet-<br> auftritt. Sieht süß aus, mehr aber auch nicht. Mit Oberfläche meinte ich<br> einfach nur die Designelemente auf der Website: Also Logo, Favicon,<br> Typographie, Farben usw. Das Design einer Firma und somit das Image was nach<br> außen transportiert wird, kann man beim Webauftritt als das wichtigste<br> Kriterium für Neukunden betrachten. Wie soll man sich auch anders von der<br> Konkurrenz absetzen? Der Kunde betrachtet das Unternehmen immer als<br> Persönlichkeit. Eine Persönlichkeit setzt sich zusammen aus Aussehen,<br> Kommunikation und Verhalten. Ein Type, der gut aussieht, gut spricht und<br> gutes Benehmen hat wird sich (bei mir) immer durchsetzen gegenüber einem<br> Type, der zottelig ist, Assisprache hat und prolliges Verhalten hat. Das<br> Aussehen ist dabei das erste Kriterium und deswegen ist das Design einer<br> Website so dermaßen wichtig.<br> Natürlich brauch man es nicht zu übertreiben: Gelungenes Design ist nicht<br> so teuer wie man immer meint. Ich denke, wenn man eure Website mit einigen<br> halbwegs professionellen Designelementen (Logo, Favicon, Farben usw.)<br> ausstattet, dann ist schon viel erreicht.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263212#m1263212 Steffi 2008-07-02T09:37:02Z 2008-07-02T09:37:02Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Noch etwas:</p> <p>Dem Logo kommt beim Design eine zentrale Rolle zu. Wenn das Logodesign<br> Käse ist, dann kann man sich mit allen anderen Bemühungen nur noch ab-<br> strampeln. Euer Logo ist da auch eher im Hobbybereich anzusiedeln, sorry. Wer<br> hat das gemacht, wenn ich mal fragen darf? Es ist streng genommen über-<br> haupt kein Logo, denn es ist einfach nur eine Schrift mit einem Langloch<br> drumherum. Also Designtechnisch ist da rein gar nichts vorhanden. Ent-<br> weder hat das ein absoluter Laie entworfen oder ein nicht diplomierter<br> Designer. Die Merkbarkeit zum Beispiel ist gleich Null, man kann sich<br> allenfalls an das Langloch erinnern und nur an das Langloch, eine "Verbindung"<br> zum Unternehmen besteht nicht. Die Farbe ist nichtssagend und das wird ja<br> leider im Auftritt weitergeführt. und so weiter und so fort.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263206#m1263206 Beat http://www.elcappuccino.ch/cgi/tok.pl?lang=1 2008-07-02T10:12:26Z 2008-07-02T10:12:26Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <blockquote> <p>Die Antwort ist einfach: Wir wollen keine Oberfläche, sondern eine Webseite.<br> Eine Internetseite muss nicht unbedingt stylisch aussehen. Wichtig ist, dass sie ihren Zweck erfüllt und übersichtlich ist. Potentielle Kunden werden dadurch ja nicht vertrieben.</p> </blockquote> </blockquote> <blockquote> <p>njooh, denke schon, daß potentielle Kunden eher vertrieben werden. Noch! :-)</p> <p>Bei einer Maschinenbau-Seite könnte man es ja noch verkraften, aber wenn<br> man Software anbietet, dann erwartet der Kunde einfach eine gute Website.<br> Zweckerfüllung und Übersichtlichkeit ist Standard und nichts besonderes.</p> </blockquote> <p>Also jetzt schwaderst du weiter. Worauf kommt es bitte bei der Anbietung von Software primär an?</p> <blockquote> <p>Es muß auch nicht stylisch aussehen, sondern einfach nur ein halbwegs<br> professionelles Design.</p> </blockquote> <p>Ach... aus dem Fenster gelehnt und jetzt doch noch nach dem Fensterrahmen gegriffen.</p> <blockquote> <p>Das Favicon ist ein schönes Beispiel:<br> So ein ähnliches Favicon hat meine 6-jährige Tochter auch auf ihrem Internet-auftritt. Sieht süß aus, mehr aber auch nicht.</p> </blockquote> <p>Wie süss.</p> <blockquote> <p>Mit Oberfläche meinte ich einfach nur die Designelemente auf der Website: Also Logo,</p> </blockquote> <p>Design hat mit Usability zu tun, mein Steifftier.<br> Falls ich einen Programmanbieter beurteile anhand seiner Webpräsenz, dann primär an seinen Formularen und deren Logik. Das könnte eventuell eine Vertrauen zum GUI in den angebotenen Programmen ergeben.<br> Aber dein Favicon finde ich einfach Nonsense wie auch dein Gelaber über den Durchschnittsuser.</p> <p>Stell dir vor: Es gibt sogar essentielle Software, welche kein GUI hat, wohl aber ein API. Was kann mir da Webdesign sagen?</p> <blockquote> <p>Favicon, Typographie, Farben usw. Das Design einer Firma und somit das Image was nach außen transportiert wird, kann man beim Webauftritt als das wichtigste Kriterium für Neukunden betrachten.</p> </blockquote> <p>Ja die wollen dann noch zugeflasht werden und holen sich dann die Trial-Version aus einer Heft-CD, oder noch schlimmer: Sie laden die Software auf einem der vielen Downloadportale runter, und sehen nie nix von der HP des Anbieters.</p> <blockquote> <p>Wie soll man sich auch anders von der Konkurrenz absetzen?</p> </blockquote> <p>Welche Konkurrenz? Konkurrenz im Webdesign?<br> Angebotene Programme haben ihre Profile. Diese gilt es zu vergleichen.<br> Beschreibung der Programme und Information ist wichtig.<br> Immerhin zeigt Hopsels Seite augibig Screenshots der beworbenen Programme.</p> <blockquote> <p>Der Kunde betrachtet das Unternehmen immer als Persönlichkeit.</p> </blockquote> <p>Ein Unternehmen ist etwas anderes als der/die EntwicklerInnen eines Programms. Das kommt doch sehr stark darauf an, inwiefern die Unternehmung selbst die Software-Schmiede darstellt, oder ob sie die Software verbunden mit einer Dienstleistung bloss von den Entwicklern kauft und vertreiben darf.</p> <blockquote> <p>Eine Persönlichkeit setzt sich zusammen aus Aussehen, Kommunikation und Verhalten.</p> </blockquote> <p>Verhalten würde ich an erster Stelle setzen. Aber es kann passieren, dass mir nicht jede Nase gefällt.</p> <blockquote> <p>Ein Type, der gut aussieht, gut spricht und gutes Benehmen hat wird sich (bei mir) immer durchsetzen gegenüber einem Type, der zottelig ist, Assisprache hat und prolliges Verhalten hat.</p> </blockquote> <p>Jaja. Viel Glück...</p> <blockquote> <p>Das Aussehen ist dabei das erste Kriterium und deswegen ist das Design einer Website so dermaßen wichtig.</p> </blockquote> <p>Ist dir aufgefallen dass bei dauerhaften Ehen die Ästhetik nicht immer der dauerhafteste Aspekt darstellt?<br> Mag sein, dass in der Anschaffung das Gewerbe leidet. Aber da wäre ich mir  nicht mal so sicher.</p> <blockquote> <p>Natürlich brauch man es nicht zu übertreiben: Gelungenes Design ist nicht so teuer wie man immer meint.</p> </blockquote> <p>Ja ein bisschen verschobener margin ist ja nicht so teuer wie ein Trojaner.<br> Warum also das eh billige noch lange kommentieren.</p> <blockquote> <p>Ich denke, wenn man eure Website mit einigen halbwegs professionellen Designelementen (Logo, Favicon, Farben usw.) ausstattet, dann ist schon viel erreicht.</p> </blockquote> <p>Nix hast du begriffen.</p> <p>mfg Beat</p> <div class="signature">-- <br>                  /|<br>   <°)))o><      / |    /|<br>             ---- _|___/ |     ><o(((°><br>            OvVVvO    __ |         ><o(((°><br> <°)))o><  /v    v\/  |<br>  <°)))o>< ^    ^/_/_         ><o(((°><br>            ^^^^/___/<br> ><o(((°>    ----       ><o(((°><br>    <°)))o><                      ><o(((°>o<br> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263207#m1263207 cygnus 2008-07-02T10:53:41Z 2008-07-02T10:53:41Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo :)</p> <blockquote> <blockquote> <p>Eine Persönlichkeit setzt sich zusammen aus Aussehen, Kommunikation und Verhalten.</p> </blockquote> <p>Verhalten würde ich an erster Stelle setzen. Aber es kann passieren, dass mir nicht jede Nase gefällt.</p> </blockquote> <p>Ihr habt keine Ahnung.</p> <p>Viel wichtiger ist der Geruch, der beim Menschen viel zu sehr unterschätzt wird.<br> Der Geruch hat Bindungsfunktion und kein Mensch riecht genau so wie ein anderer.</p> <p>Ein Mensch kann noch so gut aussehen, noch so gut kommunizieren und sich noch so perfekt verhalten -<br> wenn man ihn "nicht riechen kann", hat er keine Chance.</p> <blockquote> <blockquote> <p>Das Aussehen ist dabei das erste Kriterium und deswegen ist das Design einer Website so dermaßen wichtig.</p> </blockquote> </blockquote> <p>[...]</p> <blockquote> <p>Nix hast du begriffen.</p> </blockquote> <p>Wie riechen eigentlich Webseiten - oder gar Software?</p> <p>mfg<br> cygnus</p> <div class="signature">-- <br> Die Sache mit der Angel und dem  ><o(((°>  hat in der Wüste einen Haken ... </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263208#m1263208 Steffi 2008-07-02T11:26:49Z 2008-07-02T11:26:49Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Bald wird es Geruchsinternet geben und dann ist auch der Geruch wiederum<br> ein Mosaiksteinchen das den Ausschlag geben kann. :)</p> <p>Vielen ist glaube ich nicht klar was in bestimmten Situationen mit "Ausschlag<br> geben" gemeint ist.</p> <p>In Killerphrasen wie z.B "Zweckmäßigkeit reicht aus" steckt "ausreichend"<br> drin. Und "ausreichend" ist etwas anders als "sehr gut".</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263210#m1263210 Harlequin harlequin@jesterfox.de 2008-07-02T11:55:01Z 2008-07-02T11:55:01Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Yerf!</p> <blockquote> <p>Bald wird es Geruchsinternet geben und dann ist auch der Geruch wiederum<br> ein Mosaiksteinchen das den Ausschlag geben kann. :)</p> </blockquote> <p>...und gary wird doch noch reich ;-)</p> <p>Gruß,</p> <p>Harlequin</p> <div class="signature">-- <br> <!--[if IE]>This page is best viewed with a webbrowser. <a href="http://www.opera.com" rel="nofollow noopener noreferrer">Get one today!</a><![endif]--> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263209#m1263209 at 2008-07-07T22:17:52Z 2008-07-07T22:17:52Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>In Killerphrasen wie z.B "Zweckmäßigkeit reicht aus" steckt "ausreichend"<br> drin. Und "ausreichend" ist etwas anders als "sehr gut".</p> </blockquote> <p>Nämlich pragmatisch.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263211#m1263211 cygnus 2008-07-02T14:30:45Z 2008-07-02T14:30:45Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo :)</p> <blockquote> <blockquote> <p>Bald wird es Geruchsinternet geben und dann ist auch der Geruch wiederum<br> ein Mosaiksteinchen das den Ausschlag geben kann. :)</p> </blockquote> </blockquote> <blockquote> <p>...und gary wird doch noch reich ;-)</p> </blockquote> <p>So viel auch über Garys Seite gelästert wurde ...<br> sie ist aufgefallen<br> und in Erinnerung geblieben.</p> <p>Und das ist ein enormer Erfolg.</p> <p>mfg<br> cygnus</p> <div class="signature">-- <br> Die Sache mit der Angel und dem  ><o(((°>  hat in der Wüste einen Haken ... </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263214#m1263214 Steffi 2008-07-02T09:54:41Z 2008-07-02T09:54:41Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Klar, das umkrempeln eines vorhandenen Logos ist sehr teuer. Dieses Geld<br> hätte man besser damals in ein Profi-Logo investieren sollen.</p> <p>Viele machen den Fehler, kein Geld in der Anfangsphase in ein Profi-Logo zu<br> investieren. Dabei ist das überhaupt nicht exorbitant teuer, ganz im Gegenteil.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263213#m1263213 at 2008-07-07T23:00:01Z 2008-07-07T23:00:01Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Euer Logo ist da auch eher im Hobbybereich anzusiedeln, sorry. Wer<br> hat das gemacht, wenn ich mal fragen darf? Es ist streng genommen über-<br> haupt kein Logo, denn es ist einfach nur eine Schrift mit einem Langloch<br> drumherum. Also Designtechnisch ist da rein gar nichts vorhanden.</p> </blockquote> <p>Das Logo, besser: Signet, ist recht gut gelungen. Es wirkt seriös, bodenständig, etabliert, und ich würde es einem von Ingenieuren geführten mittelständischen Unternehmen zuordnen, das solide Technik fertigt und modischen Spielereien eher reserviert gegenübersteht. Zeitlich würde ich es in die 80er-Jahre einordnen, als Branche hätte ich am ehesten Maschinen- oder Fahrzeugbau, auf jeden Fall aber etwas technisches vermutet.<br> Die Schriftart ist gut gewählt. Insbesondere die Buchstaben R und P sind deutlich ihrem <a href="http://upload.wikimedia.org/wikipedia/commons/1/11/AK-Cloverleaf.png" rel="nofollow noopener noreferrer">Vorbild</a> entliehen.</p> <blockquote> <p>Die Farbe ist nichtssagend</p> </blockquote> <p>Die Farbigkeit orientiert sich sehr gut am <a href="http://upload.wikimedia.org/wikipedia/commons/d/d7/Zeichen_314.svg" rel="nofollow noopener noreferrer">Thema</a>. Eine bessere gibt es vermutlich nicht.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263215#m1263215 Hopsel 2008-07-02T10:28:06Z 2008-07-02T10:28:06Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Steffi!</p> <p>Ich stimme mit dir überein, dass ein Logo für die Identifikation einer Firma wichtig ist. Allerdings stimme ich nicht mit dir überein, dass dieses Logo auch schön sein muss.<br> Unser Logo ist vielleicht nicht besonders schön, aber es hat sich unter unseren Kunden etabliert. Das reicht vollkommen aus. Mehr muss es nicht leisten.</p> <p>Du sprichst immer wieder das Favicon an. Das existierte schon vor meiner Zeit und wird im Zuge der Erneuerung des Auftritts ausgewechselt.<br> Aber auch da gilt: Wichtig ist nicht, wie das Favicon aussieht. Es kommt auf die Einprägsamkeit und den Wiedererkennungswert an.<br> Wenn ich in meinen Favoriten die Seite aufrufe, möchte ich schließlich auf anhieb erkennen, auf welchen Eintrag ich klicken muss.<br> Dafür reicht ein grünes Dreieck genauso aus wie ein verkrüppelter gelber Lastwagen, der aussieht, als könnte man mit ihm im Sandkasten spielen.</p> <blockquote> <p>Ich denke, wenn man eure Website mit einigen<br> halbwegs professionellen Designelementen (Logo, Favicon, Farben usw.)<br> ausstattet, dann ist schon viel erreicht.</p> </blockquote> <p>Genau da liegt das Problem.<br> Das Logo bleibt!<br> Das Favicon ist nebensächlich! (Ich verstehe nicht, warum du so sehr darauf herumreitest...)<br> Bei den Farben lasse ich mir gerne Tipps geben. Dafür forder(t)e ich schließlich Kritik an der Seite.</p> <p>Ich danke dir für deine Meinung und deine Beiträge aber auf jeden Fall schon mal.</p> <p>Achja, du bist mir immer noch eine Internetseite schuldig, die ein gelungenes Design samt CI abliefert.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263219#m1263219 Steffi 2008-07-02T11:05:27Z 2008-07-02T11:05:27Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Versteh ich ja auch, es sind halt alles nur Gedanken (nicht "draufrumreiten")<br> und ich erhebe ja auch kein Anspruch auf Richtigkeit.</p> <p>Ich finde jedenfalls die Theorie über ein schlüssiges CI (Corporate Identity)<br> sinnig, aber womöglich stellt sich ja irgendwann heraus, daß das ganze<br> CI-Gequatsche eine große Seifenblase ist und kein Kunde dadurch beeinflußt<br> wird. Keine Ahnung. Auf der anderen Seite bekommt man durch ein schlüssiges<br> Design einfach ein gutes Gefühl und man ist zufrieden, just for fun, und daher<br> ist es allemal wert sich damit ein bisschen zu beschäftigen.</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263218#m1263218 Steffi 2008-07-02T11:48:37Z 2008-07-02T11:48:37Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Ein anderes Beispiel und das finde ich mal sehr gut:</p> <p>Mein Freund fährt seit 12 Jahren einen VW-Golf, der ist ziemlich häufig<br> defekt. Es vergeht keine Woche in der er nicht darüber schimpft, über das<br> Auto, über VW, über die Werkstätten. Jedesmal schimpft er, daß Schluß ist<br> mit VW, nie wieder VW, es kommt nur noch ein Japaner in Frage, es soll<br> zukünftig entweder ein Toyota oder Mazda sein.</p> <p>Im März hat er sich Prospekte für einen Neuwagen geholt. Prospekte vom<br> VW-Golf. und "nur" Prospekte vom Golf. Was soll ich sagen, er hat sich<br> wieder einen VW-Golf bestellt. Leider gab es bei der Auslieferung ein paar<br> Probleme, der Auspuff wurde eingedellt, sah nicht so schön aus, kann man<br> aber vertreten, schlimmer war die defekte Klimaanlage. Der Depp. Naja, war<br> seine Entscheidung.</p> <p>So, wie haben die das von VW denn jetzt gemacht?</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263217#m1263217 Steffi 2008-07-02T12:47:46Z 2008-07-02T12:47:46Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Ich stimme mit dir überein, dass ein Logo für die Identifikation einer Firma wichtig ist. Allerdings stimme ich nicht mit dir überein, dass dieses Logo auch schön sein muss.<br> Unser Logo ist vielleicht nicht besonders schön, aber es hat sich unter unseren Kunden etabliert. Das reicht vollkommen aus. Mehr muss es nicht leisten.</p> </blockquote> <p>Aber jetzt mal halt!!! :-) Ihr findet selbst, daß euer Logo nicht besonders<br> schön ist und wundert euch dann wenn andere sagen, daß das alles nicht<br> so gelungen ist??? Das mit der Etablierung halte ich für ein Gerücht,<br> vermutlich ist es eher so, daß sich die Kunden dran gewöhnt haben.</p> <p>Begriffe wie "Reicht vollkommen aus, geringe Leistung" bedeuten Stillstand<br> "wir sind meistens mit weniger zufrieden, unsere Website wird von Lieferanten,<br> Kunden etc. nicht weiterempfohlen, warum auch, wir legen nicht so einen Wert<br> drauf, sie muß lediglich zweckmäßig sein." - Das kann man endlos weiter-<br> stricken.</p> <p>Diese "Message" wird dem Websitebesucher geliefert und das kann ja wohl<br> nicht gut sein!</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263216#m1263216 at 2008-07-07T22:20:44Z 2008-07-07T22:20:44Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Unser Logo ist vielleicht nicht besonders schön, aber es hat sich unter unseren Kunden etabliert. Das reicht vollkommen aus. Mehr muss es nicht leisten.</p> </blockquote> <p>Ich beziehe mich nicht speziell auf euer Logo, aber mit deiner Ansicht liegst du falsch. Denn es geht nie nur um Kunden, sondern auch, vielleicht sogar noch eher, um Interessenten.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263221#m1263221 Tom selfhtml.tom@online.de http://selfhtml.bitworks.de 2008-07-02T08:39:00Z 2008-07-02T08:39:00Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hello,</p> <p>hab eben nochmal durchgeblättert.<br> Die Unterseite "WinWaage" <a href="http://fuhrpark-software.de/neu/index.php?article_id=13" rel="nofollow noopener noreferrer">http://fuhrpark-software.de/neu/index.php?article_id=13</a> kommt den Anforderungen an "easy to read" schon recht nahe, nur eine "Weiterleitung" auf eine nächste "bitte dies auch lesen Seite" fehlt.</p> <p>Aber die Größenverhältnisse von untergeordetem Bereich (Menu) und Kernbereich sind mMn schon gut gewählt.</p> <p>Ein harzliches Glückauf</p> <p>Tom vom Berg<br> <img src="http://selfhtml.bitworks.de/Virencheck.gif" alt="" loading="lazy"></p> <div class="signature">-- <br> Nur selber lernen macht schlau<br> <a href="http://bergpost.annerschbarrich.de" rel="nofollow noopener noreferrer">http://bergpost.annerschbarrich.de</a> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263222#m1263222 Hopsel 2008-07-02T08:57:45Z 2008-07-02T08:57:45Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Tom!</p> <blockquote> <p>Eure Seite hat eine schlechte Blickführung.<br> hab eben nochmal durchgeblättert.<br> Die Unterseite "WinWaage" <a href="http://fuhrpark-software.de/neu/index.php?article_id=13" rel="nofollow noopener noreferrer">http://fuhrpark-software.de/neu/index.php?article_id=13</a> kommt den Anforderungen an "easy to read" schon recht nahe [...]</p> </blockquote> <p>Das wundert mich. Sie ist schließlich genauso wie die anderen Seiten aufgebaut.<br> Welche Seite (außer der Startseite) macht denn in der Hinsicht noch vieles falsch?<br> Wie könnte man die Startseite verbessern?<br> Die Partner müssen dort bleiben.</p> <blockquote> <p>[...] nur eine "Weiterleitung" auf eine nächste "bitte dies auch lesen Seite" fehlt.</p> </blockquote> <p>Die Kunden interessieren sich meist für ein bestimmtes Modul/Programm. Man kann von keinem Programm auf ein empfehlenswertes weiteres Programm, welches ebenfalls interessant sein könnte Verweisen. Oder habe ich dich in dieser Hinsicht falsch verstanden?</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263223#m1263223 at 2008-07-07T22:08:36Z 2008-07-07T22:08:36Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Die Kunden interessieren sich meist für ein bestimmtes Modul/Programm. Man kann von keinem Programm auf ein empfehlenswertes weiteres Programm, welches ebenfalls interessant sein könnte Verweisen.</p> </blockquote> <p>Sicher kennst du eure Kunden besser als wir. Aber gerade wenn ich feststelle, dass das gefundene Produkt nicht dem von mir gesuchten entspricht, freue ich mich sehr über Verweise auf ähnliche Produkte.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263226#m1263226 Hopsel 2008-07-01T10:43:07Z 2008-07-01T10:43:07Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi LX!</p> <blockquote> <ul> <li>das img-tag im h1 hat kein alt-Attribut; außerdem wäre es vielleicht besser als Hintergrundbild innerhalb des h1 eingebunden gewesen - aber das ist Ansichtssache.</li> </ul> </blockquote> <p>Es hat eines: "FPSW Logo".</p> <blockquote> <ul> <li>die IDs sind teilweise wenig aussagekräftig, bspw. "Container2" wäre mit "Navcontainer" besser benannt gewesen.</li> </ul> </blockquote> <p>Mit der beginnenden Divitis bin ich sowieso nicht zufrieden. Aber gewisse Vorstellungen des Layouts beißen sich leider mit semantischem Markup. (Oder meiner Unfähigkeit...)</p> <blockquote> <ul> <li>Die Adresse als ul zu machen, ist nicht wirklich semantisch.</li> </ul> </blockquote> <p>Da suche ich noch nach einer Lösung. Über einen Tipp wäre ich nicht traurig. =)</p> <blockquote> <ul> <li>Das Menü hätte man hinter den Inhalt setzen und per absoluter Positionierung an seinen Platz packen können (Accessibility)</li> </ul> </blockquote> <p>Da bist du schon der zweite, der dieser Meinung ist. Ich schau mal, was sich machen lässt.</p> <blockquote> <ul> <li>"Sie befinden sich hier" ist völlig überflüssig, wenn Deine Navigation übersichtlich genug ist.</li> </ul> </blockquote> <p>Die Brotkrumen sind wichtig. Der Text könnte geändert werden. "Sie befinden sich hier" beschreibt aber den aktuellen Zustand am besten.</p> <blockquote> <ul> <li>Bei der Navigation ist es unpraktisch, den gewählten Punkt mit einem Bild davor zu weit zu verschieben, so dass er später auffällt als der Rest.</li> </ul> </blockquote> <p>Ich hab daran geringfügig geschraubt.</p> <blockquote> <ul> <li>Eine leichte optische Trennung zwischen Header und Content würde der Übersichtlichkeit helfen</li> </ul> </blockquote> <p>Ja. Suit hatte auch schon Bedenken angemeldet. Daran werde ich auch noch arbeiten.</p> <blockquote> <ul> <li>Bei den Partnerprodukten ist das "mehr" überflüssig - verlinke die Container komplett.</li> </ul> </blockquote> <p>Das steht sogar schon auf meiner Liste... =)</p> <blockquote> <p>Ansonsten eine recht gelungene Seite. Vielleicht würde sie von einigen zusätzlichen Bildern zum weiteren Veranschaulichen des Inhalts profitieren - nur wenige Nutzer lesen freiwillig Seite um Seite Text. Bei Produkten könnte man bspw. die Verpackungsfronten zeigen o.ä.</p> </blockquote> <p>Die Produktseiten müssen noch inhaltlich überarbeitet werden. Da gebe ich dir Recht.</p> <p>Ich danke dir für deine Mühe.<br> Jetzt gibt´s aber erstmal was zu Essen. Mahlzeit!</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263229#m1263229 LX 2008-07-01T14:30:37Z 2008-07-01T14:30:37Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Hopsel!</p> <p>Divitis:<br> gebe dem Header eine Hintergrundgrafik, die den oberen Teil Deiner Seite abbildet. Der Content bekommt eine Hintergrundgrafik, der etwas über 900px breit und 1px hoch ist und die Ränder sowie die weiße Seite enthält. Unten an den Footer schraubst Du die Hintergrundgrafik für den unteren Teil - schon ist die Divitis größtenteils behoben.</p> <p>Adresse ohne ul:<br> einfach ein div#address mit entsprechenden spans und das eine a-Tag, die Du mit per CSS mit display:block versiehst. An dieser Stelle das div ausnahmsweise gerechtfertigt.</p> <p>Brotkrumen:<br> Die Brotkrumen bilden m.E. nur die Navigation nochmal ab. Bei dem wenigen, was derzeit an Navi vorhanden ist, geht es auch ohne. Wenn es aber doch unbedingt sein muss, eignet sich die Ordneransicht am Besten:</p> <p>[Seite] > [Unterseite] > [Unterunterseite]</p> <p>Der Text "Sie befinden sich hier" ist auf jeden Fall redundant, da schon aus der nachfolgenden Übersicht hervorgeht, worum es geht.</p> <p>Gruß, LX</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263228#m1263228 Kai345 kai-n@kaichen.in http://knrs.de/ 2008-07-01T14:58:52Z 2008-07-01T14:58:52Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>[latex]Mae  govannen![/latex]</p> <blockquote> <blockquote> <ul> <li>Das Menü hätte man hinter den Inhalt setzen und per absoluter Positionierung an seinen Platz packen können (Accessibility)<br> Da bist du schon der zweite, der dieser Meinung ist. Ich schau mal, was sich machen lässt.</li> </ul> </blockquote> </blockquote> <p>Das Menü „nur“ hinter den Inhalt zu legen, schafft keine Accessibility, ganz im Gegenteil. Hier müßte sich der Nutzer jedes Mal, wenn er sich einen Überblick verschaffen will, erst mal über den Inhalt und ggf. weitere Blöcke bis zur Navigation durcharbeiten, nur um sich zurechtzufinden.</p> <p>Wenn der Inhalt also _vor_ der Navigation stehen würde, muß man vor dem Inhalt auf jeden Fall einen Link zur Navigation einplanen. Anders herum, wenn man die _Navigation_ vor dem Inhalt hat, sollte man mit einem Link vor der Navigation direkt zum Inhalt springen können. Und damit wäre die Reihenfolge dann eigentlich fast (siehe Link) schon wieder beliebig.</p> <p>Interessant dazu: <a href="http://www.einfach-fuer-alle.de/artikel/bitv-reloaded/anforderung-13/bedingung-13.6/" rel="nofollow noopener noreferrer">http://www.einfach-fuer-alle.de/artikel/bitv-reloaded/anforderung-13/bedingung-13.6/</a></p> <p>Cü,</p> <p>Kai</p> <div class="signature">-- <br> YouTube Video-Tipp: <a href="http://de.youtube.com/watch?v=-EY-AVTZcP4" rel="nofollow noopener noreferrer">Harmonic Curves</a><br> YouTube Video-Tipp: <a href="http://de.youtube.com/watch?v=QStm3ZyzgY0" rel="nofollow noopener noreferrer">Pipe Dreams</a><br> selfcode sh:( fo:| ch:? rl:( br:< n4:# ie:{ mo:| va:) js:) de:> zu:) fl:( ss:| ls:? </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263227#m1263227 RuD 2008-07-01T15:23:48Z 2008-07-01T15:23:48Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Seid gegrüßt!</p> <blockquote> <blockquote> <ul> <li>Die Adresse als ul zu machen, ist nicht wirklich semantisch.<br> Da suche ich noch nach einer Lösung. Über einen Tipp wäre ich nicht traurig. =)</li> </ul> </blockquote> </blockquote> <p>Wie wäre es denn mit <a href="http://de.selfhtml.org/html/text/zitate_adressen.htm#adressen@tile=address" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/text/zitate_adressen.htm#adressen@tile=address</a>?</p> <div class="signature">-- <br> Bis Später<br> RuD<br> ________________________________________________________________<br> SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263230#m1263230 suit suit@rebell.at http://rebell.at/ 2008-07-01T16:34:40Z 2008-07-01T16:34:40Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Hi Hopsel!</p> <p>Divitis:<br> gebe dem Header eine Hintergrundgrafik, die den oberen Teil Deiner Seite abbildet. Der Content bekommt eine Hintergrundgrafik, der etwas über 900px breit und 1px hoch ist und die Ränder sowie die weiße Seite enthält. Unten an den Footer schraubst Du die Hintergrundgrafik für den unteren Teil - schon ist die Divitis größtenteils behoben.</p> <p>Adresse ohne ul:<br> einfach ein div#address mit entsprechenden spans und das eine a-Tag, die Du mit per CSS mit display:block versiehst. An dieser Stelle das div ausnahmsweise gerechtfertigt.</p> </blockquote> <p>nein - ein div-element sicher nicht ;)<br> ob eine defintionsliste oder ein address-element gerechtfertig ist, <a href="https://forum.selfhtml.org/?t=173334&m=1138038" rel="noopener noreferrer">wissen wir aber immer noch nicht</a></p> <blockquote> <p>Brotkrumen:<br> Die Brotkrumen bilden m.E. nur die Navigation nochmal ab. Bei dem wenigen, was derzeit an Navi vorhanden ist, geht es auch ohne.</p> </blockquote> <p>die breadcrumbs sollten über dem inhalt sein, die hauptnavigation danach (im quelltext) wenn das ganze visuell ohnehin zusammenklebt, kann man das ganze zur not auch ausblenden</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263232#m1263232 Hopsel 2008-07-01T10:21:16Z 2008-07-01T10:21:16Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi Beat!</p> <blockquote> <blockquote> <p>Ist die Seite gut zu bedienen? Findet man sich gut zurecht?<br> Insofern nur das Klicken von Links betroffen ist, ja. Ansonst erhebliche Mängel.</p> </blockquote> </blockquote> <p>Beziehst du dich auf Linknamen?</p> <blockquote> <p>Die Navigation hat bezüglich Ordnung und Design Mängel.</p> </blockquote> <p>Die sprichst du aber zu wenig an. Die Struktur ist mMn in Ordnung. Beziehst du dich auf das Aussehen und Einrückungen?</p> <blockquote> <p>Mir fällt Folgendes auf:<br> Gehe ich in die Abteilung "Informationen", so gibt es nur den Punkt Kontakt.</p> </blockquote> <p>Nein, "Kontakt" steht auf der gleichen Stufe wie "Informationen". Vielleicht ist die Gestaltung des im Moment aktiven Navigationspunktes unglücklich.</p> <blockquote> <p>Im Hauptteil sehe ich dann das Formular für die Anforderung von Informationen.<br> Aber als Ausnahme sehe ich dann auch die Firmenanschrift mit Telefonnummer im linken Bereich.</p> </blockquote> <p>Sicher, die gehört schließlich auf eine Kontaktseite.<br> Mein Chef wollte die Kontaktadresse nicht auf jeder Seite haben.<br> Ich könnte die Kontaktdaten in den Fuß setzen und die Adresse nur auf der Kontaktseite anzeigen.</p> <blockquote> <p>Ich würde beides trennen.</p> </blockquote> <p>Wozu? Eine Unternavigation für die Kontaktseite wäre eher unschön.</p> <blockquote> <p>Firmenlokalität (ev mit Plan?) [...]</p> </blockquote> <p>Der Firmensitz wird von den Kunden selten besucht. Meistens kommen wir zu den Kunden. Aber die Idee ist trotzdem nicht schlecht.</p> <blockquote> <p>[...] und Telefonische Daten auf einer eigenen Seite.</p> </blockquote> <p>Das wäre dann wieder der Punkt mit der Unternavigation.</p> <blockquote> <p>Der Liste <ul id=adr /> mangelt Semantik.<br> Wie wäre es mit einer Definitionsliste?</p> </blockquote> <p>Was wäre dann zu definierender Ausdruck und was wäre Definition?</p> <blockquote> <p>Menu:<br> Folegendes Minus.<br> Der aktuelle Hauptmenupunkt kann als Listenpunkt innerhalb eines anderen Menupunktes aufgefasst werden.<br> Eine Hinterlegung wäre besser als ein Listenpunkt.</p> </blockquote> <p>Ja, damit war ich auch noch nicht richtig zufrieden.</p> <blockquote> <p>Menu Informationen beinhaltet Downloadfiles.<br> Das Menu Download beinhaltet ein Formular, wo man sich erst anmelden muss</p> </blockquote> <p>Ich finde das auch schlecht, aber es ist so gewollt und soll nicht anders funktionieren.</p> <blockquote> <p>Frage: Um was geht es eigentlich?</p> </blockquote> <p>Kunden, die unser Programm testen wollen, müssen erst Kontakt mit uns aufnehmen. Dazu fehlt noch eine (gut sichtbare) Bemerkung auf der Downloadseite.</p> <blockquote> <p>Das Firmellogo erinnert mich an Europapark<br> Lediglich das Wort Software hindert mich hier.</p> </blockquote> <p>Wie schon geschrieben: Darauf habe ich keinen Einfluss.</p> <blockquote> <p>Der Banner suggeriert Textverarbeitung, nicht Logistik.</p> </blockquote> <p>... und wird noch überarbeitet.</p> <p>Danke für deine hilfreiche Kritik.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263233#m1263233 suit suit@rebell.at http://rebell.at/ 2008-07-01T11:31:17Z 2008-07-01T11:31:17Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <blockquote> <p>Der Liste <ul id=adr /> mangelt Semantik.<br> Wie wäre es mit einer Definitionsliste?<br> Was wäre dann zu definierender Ausdruck und was wäre Definition?</p> </blockquote> </blockquote> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Name<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Musterfirma<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Straße<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Musterstraße 123<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Ort<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Musterhausen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> </code></pre> <p>aber auch das ist zu bemängeln - die inzig richtig art eine adresse auszuzeichen ist das <address />-element - aber das sage ich bereits</p> <p>so zb:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>strong</span><span class="token punctuation">></span></span>Musterfirma<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>strong</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span> Musterstraße 123<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span> Musterhausen <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> </code></pre> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263234#m1263234 Beat http://www.elcappuccino.ch/cgi/tok.pl?lang=1 2008-07-01T11:42:44Z 2008-07-01T11:42:44Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>so zb:</p> <pre><code class="block language-html"></code></pre> </blockquote> <blockquote> <p><address><br>   <strong>Musterfirma</strong><br /><br>   Musterstraße 123<br /><br>   Musterhausen<br> </address></p> </blockquote> <pre><code class="block"> Hallo suit. Wenn du von einer /(e|w)?inzig/ richtigen semantischen Lösung ausgehst, hast du da einen Adressaufkleber im Sinne, auf welchen man mit Kopier-Paste direkt die Adresse hinklebt? Ich sehe den Sinn deines Katholizismus nicht ganz ein, lasse mich aber gerne belehren, bevor ich meine Thesen annagle. mfg Beat --    <°)))o><                      ><o(((°>o </code></pre> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263235#m1263235 suit suit@rebell.at http://rebell.at/ 2008-07-01T12:14:21Z 2008-07-01T12:14:21Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Ich sehe den Sinn deines Katholizismus nicht ganz ein, lasse mich aber gerne belehren, bevor ich meine Thesen annagle.</p> </blockquote> <p>ich sehe das so - wenn es ein element gibt, das exakt das tut, was man will, ist es zu verwenden (ausnahmen bestätigen die regel, auch wenns das einzig richtige ist)</p> <p>wenn ich eine überschrift und einen textabsatz habe, kann ich eine überschrift und einen textabsatz verwenden - <a href="http://jendryschik.de/ueber-diese-website/" rel="nofollow noopener noreferrer">aber auch selbsternannte (?) html/css-gurus verwenden für die semantische auszeichnung von überschrift und text ab und an definitionslisten</a> auch wenn mir der dahinter grundlegend klar ist, ich verstehe es nicht ganz</p> <p>genausogut kann man auch eine adresse als defintionsliste auszeichnen, aber warum sollte man das tun, wenns dafür ein eigenes element gibt?</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263236#m1263236 Beat http://www.elcappuccino.ch/cgi/tok.pl?lang=1 2008-07-01T12:32:59Z 2008-07-01T12:32:59Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <blockquote> <p>Ich sehe den Sinn deines Katholizismus nicht ganz ein, lasse mich aber gerne belehren, bevor ich meine Thesen annagle.</p> </blockquote> <p>ich sehe das so - wenn es ein element gibt, das exakt das tut, was man will, ist es zu verwenden (ausnahmen bestätigen die regel, auch wenns das einzig richtige ist)</p> <p>...<br> genausogut kann man auch eine adresse als defintionsliste auszeichnen, aber warum sollte man das tun, wenns dafür ein eigenes element gibt?</p> </blockquote> <p>Semantik im HTML ist eine Annäherung zum Inhaltstyp. Es ersetzt in keiner Weise eine explizite Information bezüglich dessen, was die Daten in einem Adresskontext jetzt genau bedeuten.</p> <p>Ja wir bevorzugen den besser geeigneten Inhaltstyp.</p> <p><address>....</adress><br> In diesem Kontext stehen Daten, die ihrer Natur nach vom Typ der Adressierung sind. Ob es sich um eine Telefonnummer, um eine PLZ, oder eine EmailAdresse handelt.<br> Leider ist es so, dass address nur inline Elemente oder das p Element erlaubt. Über den Nonsense will ich nicht diskutieren, denn er wird schon in HTML5 diskutiert.</p> <p>Weil damit Kontaktdaten mittels address kaum sinnvoll unterschiedlich bezeichnet werden können (du hast zwar ein <var> Element, aber es gibt kein <data> Element) erachte ich eine dl für die geeignete Methode.</p> <p>Um dir den Beitritt zu Protestantismus zu erleichtern schlage ich folgendes vor.</p> <p><dl><br>  <dt>Strasse</dt><dd><address>Sesamstrasse 12</address></dd><br>  <dt>PLZ</dt><dd><address>4242</address></dd><br>  <dt>Ort</dt><dd><address>Sesamberg</address></dd><br>   ...<br> </dl></p> <p>Wie gesagt. Aus dem Bildschirm eine vorformatierte Adresse aufs Counvert zu kleben, bleibt die Ausnahme. Wohl eher verbreitet sind automatisierte Übernahmen, welche sich freuen werden, einen PLZ Eintrag mit einem PLZ Label zu erkennen.</p> <p>PS: es ging mir um das /(e|w)?inzig/<br> Du hasst dich rechtzeitig für die w-Variante entschieden.</p> <p>mfg Beat</p> <div class="signature">-- <br>                  /|<br>   <°)))o><      / |    /|<br>             ---- _|___/ |     ><o(((°><br>            OvVVvO    __ |         ><o(((°><br> <°)))o><  /v    v\/  |<br>  <°)))o>< ^    ^/_/_         ><o(((°><br>            ^^^^/___/<br> ><o(((°>    ----       ><o(((°><br>    <°)))o><                      ><o(((°>o<br> </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263240#m1263240 suit suit@rebell.at http://rebell.at/ 2008-07-01T13:00:49Z 2008-07-01T13:00:49Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Um dir den Beitritt zu Protestantismus zu erleichtern schlage ich folgendes vor.</p> </blockquote> <p>ich bin atheist und gehöre keiner religion an - ich halte mich an naturgesetze (html) :)</p> <blockquote> <p>PS: es ging mir um das /(e|w)?inzig/<br> Du hasst dich rechtzeitig für die w-Variante entschieden.</p> </blockquote> <p>wenn ich "die einzige möglichkeit" sagen, impliziert das immer "ausnahmen bestätigen die regel"</p> <p>definitionsliste für dinge zu missbrauchen, die weit über defintionen hinweggehen ist ein eigenes thema - ich halte nichts davon, definitionsliste für bilder zu verwenden - dein vorschlag für adressen ist grade noch so irgendwie vertretbar obwohls auch so sehr weit gedehnt werden muss</p> <p>wie du aber sagst: leider gibts keine wirklich vernünftige auszeichnungsform</p> <p>im falle des op ist es aber unerheblich, ob da "strasse", "name" usw davor steht, da aus dem kontext hervorgeht, dass es sich tatsächlich um eine post-adresse handelt</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263238#m1263238 Sven Rautenberg http://www.rtbg.de 2008-07-03T10:31:54Z 2008-07-03T10:31:54Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Moin!</p> <blockquote> <p>Semantik im HTML ist eine Annäherung zum Inhaltstyp. Es ersetzt in keiner Weise eine explizite Information bezüglich dessen, was die Daten in einem Adresskontext jetzt genau bedeuten.</p> <p>Ja wir bevorzugen den besser geeigneten Inhaltstyp.</p> <p><address>....</adress><br> In diesem Kontext stehen Daten, die ihrer Natur nach vom Typ der Adressierung sind. Ob es sich um eine Telefonnummer, um eine PLZ, oder eine EmailAdresse handelt.<br> Leider ist es so, dass address nur inline Elemente oder das p Element erlaubt. Über den Nonsense will ich nicht diskutieren, denn er wird schon in HTML5 diskutiert.</p> </blockquote> <p>Wenn es darum geht, in HTML nicht vorhandene Semantik in den Code zu bringen, würden sich doch ganz prima die diversen Microformate eignen. Gerade für Adressen bietet sich sowas eigentlich an. Siehe u.a. hier: <a href="http://microformats.org/get-started/" rel="nofollow noopener noreferrer">http://microformats.org/get-started/</a></p> <blockquote> <p>Weil damit Kontaktdaten mittels address kaum sinnvoll unterschiedlich bezeichnet werden können (du hast zwar ein <var> Element, aber es gibt kein <data> Element) erachte ich eine dl für die geeignete Methode.</p> </blockquote> <p>Eine Definitionsliste ist auch nicht wirklich semantischer. Zwar kannst du den Daten in <dd> gewisse Bezeichner in <dt> voranstellen, aber dadurch wird diese Variante keinen deut besser maschinenlesbar, weil einfach nirgendwo definiert ist, wie man Adressen in HTML für gewöhnlich auszeichnet - vielleicht eben mit Ausnahme der Microformate, die einen Ansatz in diese Richtung darstellen.</p> <p>Abgesehen davon hast du bei der Definitionsliste auch noch das Problem, dass du ziemlich viel Inhalt wieder unsichtbar machen und umformatieren mußt, um die gewünschte optische Erscheinungsform einer Adresse herzustellen. Um den Punkt hast du dich mit "..." etwas herumgedrückt.</p> <blockquote> <p>Wie gesagt. Aus dem Bildschirm eine vorformatierte Adresse aufs Counvert zu kleben, bleibt die Ausnahme. Wohl eher verbreitet sind automatisierte Übernahmen, welche sich freuen werden, einen PLZ Eintrag mit einem PLZ Label zu erkennen.</p> </blockquote> <p>Adressen sind nunmal eine komplexe Datenstruktur. Solange man sich nur national bewegt, bleibt es noch verhältnismäßig einfach, obwohl auch dort Postadressen schon mal diverse spannende Ausnahmen oder Besonderheiten haben können. Betrachtet man die Lage international, wird es vollends verwirrend. Da kann so ein "Aufkleber" evtl. wirklich die einzig schlaue Lösung sein.</p> <p>- Sven Rautenberg</p> <div class="signature">-- <br> "Love your nation - respect the others." </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263237#m1263237 at 2008-07-07T10:32:12Z 2008-07-07T10:32:12Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p><dl><br> <dt>Strasse</dt><dd><address>Sesamstrasse 12</address></dd><br> <dt>PLZ</dt><dd><address>4242</address></dd><br> <dt>Ort</dt><dd><address>Sesamberg</address></dd><br>   ...<br> </dl></p> </blockquote> <p>In etwa so handhabe ich das seit langem, nur nicht so fein aufgelöst. Mir genügt <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Anschrift<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span></code>, die <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span></code> sind aber die gleichen und unterscheiden sich nur anhand ihrer individuellen hcard-Klassen.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263239#m1263239 at 2008-07-07T10:03:14Z 2008-07-07T10:03:14Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Wenn es darum geht, in HTML nicht vorhandene Semantik in den Code zu bringen, würden sich doch ganz prima die diversen Microformate eignen. Gerade für Adressen bietet sich sowas eigentlich an. Siehe u.a. hier: <a href="http://microformats.org/get-started/" rel="nofollow noopener noreferrer">http://microformats.org/get-started/</a></p> </blockquote> <p>Auch dort wird darauf eingegangen, dass man das natürlich mit semantisch korrektem HTML kombinieren kann.</p> <blockquote> <p>Eine Definitionsliste ist auch nicht wirklich semantischer. Zwar kannst du den Daten in <dd> gewisse Bezeichner in <dt> voranstellen, aber dadurch wird diese Variante keinen deut besser maschinenlesbar, weil einfach nirgendwo definiert ist, wie man Adressen in HTML für gewöhnlich auszeichnet - vielleicht eben mit Ausnahme der Microformate, die einen Ansatz in diese Richtung darstellen.</p> </blockquote> <p>[...]</p> <blockquote> <p>Adressen sind nunmal eine komplexe Datenstruktur. Solange man sich nur national bewegt, bleibt es noch verhältnismäßig einfach, obwohl auch dort Postadressen schon mal diverse spannende Ausnahmen oder Besonderheiten haben können. Betrachtet man die Lage international, wird es vollends verwirrend. Da kann so ein "Aufkleber" evtl. wirklich die einzig schlaue Lösung sein.</p> </blockquote> <p>Maschinenlesbar verhält sich zu semantisch wie schlau zu klug.</p> <blockquote> <p>Abgesehen davon hast du bei der Definitionsliste auch noch das Problem, dass du ziemlich viel Inhalt wieder unsichtbar machen und umformatieren mußt, um die gewünschte optische Erscheinungsform einer Adresse herzustellen. Um den Punkt hast du dich mit "..." etwas herumgedrückt.</p> </blockquote> <p>Oh ja, wirklich problematisch: <code class="language-css"><span class="token selector">.adr dt</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span></code><br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263241#m1263241 Hopsel 2008-07-01T13:20:17Z 2008-07-01T13:20:17Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi suit!</p> <blockquote> <p>im falle des op ist es aber unerheblich, ob da "strasse", "name" usw davor steht, da aus dem kontext hervorgeht, dass es sich tatsächlich um eine post-adresse handelt</p> </blockquote> <p>Ich habe mich für <address><strong>Firmenname</strong> [...] </address> entschieden.</p> <p>Und ganz ehrlich: Über solche Kleinigkeiten möchte ich nicht lange streiten. Ich finde, die Lösung ist akzeptal. Eine optimale Lösung werde ich so oder so nicht finden.</p> <p>Ich bin gerade dabei weitere Verbesserungen vorzunehmen. Resultate gibt es aber erst später zu sehen.</p> <p>Ich danke aber Allen für die Kritiken und Hilfen.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263242#m1263242 at 2008-07-07T10:20:43Z 2008-07-07T10:20:43Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Ich habe mich für <address><strong>Firmenname</strong> [...] </address> entschieden.</p> </blockquote> <p>Das ist schade.<br> Wenn du aber schon so vorgehen möchtest, kann ich dir nur nahelegen, die einzelnen Adressen, also Anschrift, Telefon, Telefax etc., in einzelne <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span><span class="token punctuation">></span></span></code>-Elemente zu verpacken. -- Spitzfindig könnte man das dann übrigens wieder als Liste bezeichnen, womit du am Anfang angekommen wärest.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263243#m1263243 Hopsel 2008-07-07T10:44:39Z 2008-07-07T10:44:39Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi at!</p> <p>Danke für deine Antwort.<br> Hast du einen besseren Vorschlag, wie die Adresse auszuzeichnen wäre?</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263244#m1263244 at 2008-07-07T12:38:56Z 2008-07-07T12:38:56Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>Danke für deine Antwort.</p> </blockquote> <p>Gern. Auf weitere Aspekte deiner Website werde ich später noch eingehen. Ich habe nur gerade nicht so viel Zeit und wollte daher mit meinen Ergänzungen vermeiden, dass der Thread ins Archiv verschwindet, bevor ich mich damit befassen kann.</p> <blockquote> <p>Hast du einen besseren Vorschlag, wie die Adresse auszuzeichnen wäre?</p> </blockquote> <p>Bei mir sieht es etwa so aus:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vcard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>adr work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>org<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Vorname] [Nachname] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[Rechtsform]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Abk.]<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h4</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>adr work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Anschrift<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>street-address<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Musterstraße 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>postal-code<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>00000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locality<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Nirgends<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>country-name<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Deutschland<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Telefon<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tel work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>+49 0000 0000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Mobiltelefon<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tel cell<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>+49 000 0000000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>elektronische Post<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>E-Mail<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mailto:e-mail@example.org<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>email<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>elektronische Post<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>e-mail<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span>@example.org<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Verantwortlich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>given-name<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Vorname]<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>family-name<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Nachname]<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dfn</span><span class="token punctuation">></span></span>gleiche Anschrift<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dfn</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Registergericht<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Amtsgericht [Stadt] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dfn</span><span class="token punctuation">></span></span>Region<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dfn</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Registernummer<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Handelsregister A<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>HRA<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span> 0000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Umsatzsteuer-Identifikationsnummer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>USt-IdNr.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>DE-000000000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> </code></pre> <p>Wahrscheinlich ist dir das zu viel Aufwand, aber vielleicht gewinnst du dennoch ein paar Erkenntnisse.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263245#m1263245 Hopsel 2008-07-08T09:42:15Z 2008-07-08T09:42:15Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi at!</p> <blockquote> <p>Bei mir sieht es etwa so aus:<br> <code class="language-html">> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>adr work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>org<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Vorname] [Nachname] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[Rechtsform]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Abk.]<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h4</span><span class="token punctuation">></span></span></code></p> </blockquote> <p>Das ergibt aber ungültiges HTML, wenn ich die <a href="http://de.selfhtml.org/html/referenz/elemente.htm#address" rel="nofollow noopener noreferrer">HTML-Referenz</a> richtig verstehe.<br> Der Validator meckert auch.</p> <p>Ist es akzeptabel, das address-Tag einfach wegzulassen und die Klasse der Überschrift zuzuordnen?</p> <blockquote> <p>Wahrscheinlich ist dir das zu viel Aufwand, aber vielleicht gewinnst du dennoch ein paar Erkenntnisse.</p> </blockquote> <p>Der Aufwand spielt keine große Rolle. Glücklicherweise bin ich Student, soll noch viel lernen und darf bei dem Projekt entsprechend viel Zeit investieren.<br> Außerdem ist es keine große Sache für das verwendete CMS Redaxo ein entsprechendes Modul zu schreiben.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263246#m1263246 at 2008-07-08T10:12:15Z 2008-07-08T10:12:15Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <blockquote> <p>Bei mir sieht es etwa so aus:<br> <code class="language-html">> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>adr work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>org<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Vorname] [Nachname] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[Rechtsform]<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>[Abk.]<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h4</span><span class="token punctuation">></span></span></code><br> Das ergibt aber ungültiges HTML, wenn ich die <a href="http://de.selfhtml.org/html/referenz/elemente.htm#address" rel="nofollow noopener noreferrer">HTML-Referenz</a> richtig verstehe.<br> Der Validator meckert auch.</p> </blockquote> </blockquote> <p>Und ich hatte mich schon gewundert, warum dort bei mir stattdessen ein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span></code> stand, das ich natürlich unbedingt noch vor dem Absenden kaputt korrigieren musste. Danke für den Hinweis.</p> <blockquote> <p>Ist es akzeptabel, das address-Tag einfach wegzulassen und die Klasse der Überschrift zuzuordnen?</p> </blockquote> <p>Der <a href="http://microformats.org/wiki/hcard" rel="nofollow noopener noreferrer">Standard</a> setzt eine gewisse Schachtelung der Klassen voraus. Die von mir verwendete ist auch nicht korrekt und wird bei Gelegenheit repariert. Da sie aber in den von mir getesteten Fällen funktionierte und ich den Standard nirgends referenzierte, hatte ich es damit nicht so eilig. Aber vielleicht korrigiere ich das doch nachher noch.</p> <blockquote> <p>Der Aufwand spielt keine große Rolle. Glücklicherweise bin ich Student, soll noch viel lernen und darf bei dem Projekt entsprechend viel Zeit investieren.<br> Außerdem ist es keine große Sache für das verwendete CMS Redaxo ein entsprechendes Modul zu schreiben.</p> </blockquote> <p>Okay, dann hatte ich deine <a href="https://forum.selfhtml.org/?t=173334&m=1138038" rel="noopener noreferrer">Aussage</a> falsch interpretiert.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263247#m1263247 Hopsel 2008-07-08T11:05:20Z 2008-07-08T11:05:20Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi at!</p> <blockquote> <p>Okay, dann hatte ich deine <a href="https://forum.selfhtml.org/?t=173334&m=1138038" rel="noopener noreferrer">Aussage</a> falsch interpretiert.</p> </blockquote> <p>Nur weil ich unwissend bin, heißt das noch lange nicht, dass ich mich nicht belehren lasse. ;-)</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263248#m1263248 at 2008-07-08T19:01:30Z 2008-07-08T19:01:30Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <blockquote> <p>Okay, dann hatte ich deine <a href="https://forum.selfhtml.org/?t=173334&m=1138038" rel="noopener noreferrer">Aussage</a> falsch interpretiert.<br> Nur weil ich unwissend bin, heißt das noch lange nicht, dass ich mich nicht belehren lasse. ;-)</p> </blockquote> </blockquote> <p>Unwissend, unbelehrbar, von wem sprichst du?<br> Hier übrigens die korrigierte Fassung der semantisch aufgebohrten Adresse. Jetzt validiert sie wieder nach XHTML 1.0 Strict und nun auch nach <a href="http://hcard.geekhood.net/" rel="nofollow noopener noreferrer">hcard</a>. Diese Möglichkeit zur Überprüfung gab es zum Entstehungszeitpunkt meines Entwurfes ja leider noch gar nicht.<br> Obwohl ich auch noch einige Redundanzen entfernt habe, alles validiert und korrekt exportiert wird, bin ich noch nicht ganz zufrieden. Aber das liegt mehr am nicht eben lückenlos durchdachten hcard-Standard. Umso erfreulicher, dass einige Anwendungen bereits weiter sind als der Standard.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span> <span class="token attr-name">profile</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2006/03/hcard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vcard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>adr<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Anschrift<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h5</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>org<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>at<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h5</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>street-address<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Musterstraße 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>postal-code<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>00000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locality<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Nirgends<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>country-name<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Deutschland<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Telefon<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tel<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>work<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>+49 0000 0000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Mobiltelefon<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tel<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>cell<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>+49 000 0000000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>abbr</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>elektronische Post<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>E-Mail<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>abbr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mailto:e-mail@example.org<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>email<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>e-mail@example.org<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> [...] <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> </code></pre> <p>MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263250#m1263250 Hopsel 2008-07-01T09:59:58Z 2008-07-01T09:59:58Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi sebastian1992!</p> <blockquote> <p>was sind den 'Partnerprodrukte', hat da jemand ein r zu viel getippt??</p> </blockquote> <p>Partnerpodrukte klingt doof. =)</p> <blockquote> <p>Allgemein zu den Partnerprodukten, die sehen im ersten Moment wie Werbung aus, was auf der Firmenpage überhaupt nicht gut kommt, vielleicht fällt dir dazu noch was ein.</p> </blockquote> <p>Mir gefällt es absolut nicht. Ich werde die Partnerlinks wahrscheinlich farblich anders gestalten, damit sie sich besser integrieren und nicht so aufdringlich wirken</p> <blockquote> <p>Zur Navigation, von der Optik her ganz schön, Abtrennung braucht man meines Auges auch nicht, aberhast du fürjede Seite ne eigene Navi erstellt, oder ist dieser öffnende Effekt über Javascript, falls ja wäre das ungünstig, andernfalls sehr schön gelöst.</p> </blockquote> <p>Das ist eine ganz normale Navigation ohne JavaScript.</p> <blockquote> <p>Zum Inhalt kann ich nichts sagen, da ich mich mit der Materie nicht auskenne.</p> </blockquote> <p>Darum sollte es ja auch gar nicht gehen.</p> <blockquote> <p>Zu deinem Quelltext [...]</p> </blockquote> <p>Validität ist mir wichtig. Daran wird auch nicht gerüttelt.</p> <blockquote> <p>[mod_rewrite]</p> </blockquote> <p>Wird natürlich noch integriert. Ich vergaß, das im Ausgangsposting zu verwenden.</p> <blockquote> <p>Was mir noch aufgefallen ist, die Seite Produkte, föllig überflüssiger Inhalt, wenn du eine Unternavi mit den Produkten erstellst, dann schreib die nicht nochmal in de Produkte Seite sondern eher sowas:</p> </blockquote> <p>Auch das ist noch nicht endgültig und diese überflüssige Redundanz™ wird auf jeden Fall entfernt.</p> <blockquote> <p>Das du halt einen Überblick bietest, der mehr ist, als nur das was auch in der Navi steht.</p> </blockquote> <p>Richtig! =)</p> <blockquote> <p>Vielleicht auch etwas über den Support, den ihr dazu bietet und sowas.</p> </blockquote> <p>Gute Idee!</p> <p>Danke für deinen hilfreichen Beitrag und deine Mühe.</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263252#m1263252 Hopsel 2008-07-01T09:48:30Z 2008-07-01T09:48:30Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hi suit!</p> <blockquote> <p>in der fusszeile fehlt mir die anschrift - das erwarte ich bei firmenwebsites, damit ich bei bedarf kontakt aufnehmen kann ohne erst "kontakt" oder "impressum" (wobei hier ggf andere daten stehen können) suchen zu müssen</p> </blockquote> <p>Die Kontaktadresse findet man direkt unter der Navigation. Übersieht man das zu schnell?</p> <blockquote> <p>das menü links sieht nach intel aus ;)</p> </blockquote> <p>Danke?! -.-</p> <blockquote> <p>das logo links oben ist zu blau und lenkt vom rest der seite ab bzw passt farblich nicht dazu</p> </blockquote> <p>Daran darf ich aber nichts ändern.</p> <blockquote> <p>der banner oben drüber sieht nach unseriöser werbung aus obwohl er offenbar dazugehört</p> </blockquote> <p>Der soll noch überarbeitet werden, aber eigentlich schon an dieser Stelle plaziert werden. Ich könnte ihn vielleicht über die ganze Breite gehen lassen und das Logo kleiner und unauffälliger platzieren.</p> <blockquote> <p>die schrift im menü ist imho zu klein (ich kanns zwar lesen, aber es wird sicher viele geben, denen es anders geht)</p> </blockquote> <p>Darüber habe ich auch schon endlose Diskussionen geführt. Die Schriftgröße ist auch noch nicht endgültig.</p> <blockquote> <p>ich würd das logo als hintergrund vom h1 einbinden und den text den du jetzt im span hast mit negativem text-indent ins nirvana ballern</p> </blockquote> <p>Das Logo gehört zum Inhalt.</p> <blockquote> <p>ansonsten ist das eher eine religionsfrage (menü unter den inhalt usw)</p> </blockquote> <p>Ich finde, ein Menü gehört an den Seitenanfang</p> <p>[Visuelle Abtrennung des Menüs]</p> <blockquote> <p>ggf ein denzeter grauer trennstreife, ich finds aber ansich gut ersichtlich was menü ist und was nicht</p> </blockquote> <p>Genau! =)</p> <p>MfG H☼psel</p> <div class="signature">-- <br> "It's amazing I won. I was running against peace, prosperity, and incumbency."<br> George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001<br> <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263253#m1263253 suit suit@rebell.at http://rebell.at/ 2008-07-01T09:55:50Z 2008-07-01T09:55:50Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Die Kontaktadresse findet man direkt unter der Navigation. Übersieht man das zu schnell?</p> </blockquote> <p>ja - besonders da die adresse nur auf der startseite zu sehen ist - im übrigen gehört eine adresse in ein address-element, nicht in eine liste ;)</p> <blockquote> <blockquote> <p>das menü links sieht nach intel aus ;)<br> Danke?! -.-</p> </blockquote> </blockquote> <p>das menü hat mich irgendwie an die alte intel website erinnert - farbe und stil ;)</p> <blockquote> <p>Das Logo gehört zum Inhalt.</p> </blockquote> <p>ich sehe "FUHRPART Software GmbH" als inhalt an, das logo ist design - aber das ist auch wieder eine religionsfrage ;)</p> <blockquote> <blockquote> <p>ansonsten ist das eher eine religionsfrage (menü unter den inhalt usw)<br> Ich finde, ein Menü gehört an den Seitenanfang</p> </blockquote> </blockquote> <p>wenn du dir mit einem screenreader 10x das menü hast vorlesen lassen, denkst du sicher anders ;)</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263260#m1263260 Downlord 2008-07-01T11:46:25Z 2008-07-01T11:46:25Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <blockquote> <p>Die Kontaktadresse findet man direkt unter der Navigation. Übersieht man das zu schnell?<br> ja - besonders da die adresse nur auf der startseite zu sehen ist - im übrigen gehört eine adresse in ein address-element, nicht in eine liste ;)</p> </blockquote> </blockquote> <p>Wenn ich mich mal kurz einmischen darf.</p> <p>Laut SELFHTML "leitet (<address>) einen eigenen Absatz für _Internet_-Adressen ein."<br> (http://de.selfhtml.org/html/text/zitate_adressen.htm#adressen)</p> <p>Die einzelnen Zeilen der Adresse in Listenelementen zu verpacken, halte ich allerdings auch für ziemlich ungünstig.</p> <p>Gruß,<br> DL</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263254#m1263254 at 2008-07-07T10:14:26Z 2008-07-07T10:14:26Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <p>Hallo.</p> <blockquote> <p>im übrigen gehört eine adresse in ein address-element, nicht in eine liste ;)</p> </blockquote> <p>Im Übrigen ist das falsch, da bei weitem nicht jede Adresse den Autoren der Seite referenziert.</p> <blockquote> <p>wenn du dir mit einem screenreader 10x das menü hast vorlesen lassen, denkst du sicher anders ;)</p> </blockquote> <p>Dann lass es dir eben nicht vorlesen.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263255#m1263255 cygnus 2008-07-07T10:42:19Z 2008-07-07T10:42:19Z @ AT: Bitte um Prüfung der Schreibweise <p>Hallo :)</p> <blockquote> <p>Im Übrigen ist das falsch, da bei weitem nicht jede Adresse den Autoren der Seite referenziert.</p> </blockquote> <p>Hallo at!</p> <p>Ich lese gerade Korrektur und habe bezüglich des Wortes Autor Schwierigkeiten. Der Duden jedenfalls hilft mir nicht so eindeutig, wie ich es gern hätte.</p> <p>Du scheinst mir doch recht fest im Sattel zu sitzen, was rechte Schreibweise betrifft.<br> Vielleicht magst Du mir Auskunft geben, welche Form richtig oder "richtiger" oder womöglich falsch ist:</p> <p>Fall 1:<br> den Autoren des Textes<br> oder<br> den Autor des Textes</p> <p>Fall 2:<br> der Text des Autors<br> oder<br> der Text des Autoren</p> <p>Oder sind beide Formen anerkannt richtig?</p> <p>mfg<br> cygnus</p> <div class="signature">-- <br> Die Sache mit der Angel und dem  ><o(((°>  hat in der Wüste einen Haken ... </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263256#m1263256 at 2008-07-07T12:13:22Z 2008-07-07T12:13:22Z @ AT: Bitte um Prüfung der Schreibweise <p>Hallo.</p> <blockquote> <p>Du scheinst mir doch recht fest im Sattel zu sitzen, was rechte Schreibweise betrifft.</p> </blockquote> <p>Das hoffe ich zumindest.</p> <blockquote> <p>den Autoren des Textes<br> oder<br> den Autor des Textes</p> </blockquote> <p>[...]</p> <blockquote> <p>der Text des Autors<br> oder<br> der Text des Autoren</p> </blockquote> <p>Im Prinzip ist es hier ganz einfach:</p> <ul> <li>"en" bei Mehrzahl</li> <li>"s" bei Genitiv Einzahl</li> <li>Grundform bei allen anderen Einzahl-Vorkommen</li> </ul> <blockquote> <p>Oder sind beide Formen anerkannt richtig?</p> </blockquote> <p>Nein.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263257#m1263257 cygnus 2008-07-07T13:34:09Z 2008-07-07T13:34:09Z @ AT: Bitte um Prüfung der Schreibweise <p>Hallo :)</p> <p>Vielen Dank für die Auskunft.<br> Das Thema Autor(s/en) beschäftigt mich tatsächlich schon eine ganze Woche lang ...</p> <p>mfg<br> cygnus</p> <div class="signature">-- <br> Die Sache mit der Angel und dem  ><o(((°>  hat in der Wüste einen Haken ... </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263258#m1263258 at 2008-07-07T14:37:35Z 2008-07-07T14:37:35Z @ AT: Bitte um Prüfung der Schreibweise <p>Hallo.</p> <blockquote> <p>Vielen Dank für die Auskunft.</p> </blockquote> <p>Gern geschehen.</p> <blockquote> <p>Das Thema Autor(s/en) beschäftigt mich tatsächlich schon eine ganze Woche lang ...</p> </blockquote> <p>Für den Fall, dass eine ähnliche Frage auftritt und ich gerade nicht zugegen sein sollte, gibt es aber auch ganz passable andere <a href="http://www.canoo.net/services/Controller?dispatch=inflection&input=Autor&features=(Cat+N)&lang=en" rel="nofollow noopener noreferrer">Auskunftsmöglichkeiten</a>.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263259#m1263259 cygnus 2008-07-07T14:47:03Z 2008-07-07T14:47:03Z @ AT: Noch ein Dankeschön <p>Hallo :)</p> <p><a href="http://www.canoo.net/services/Controller?dispatch=inflection&input=Autor&features=(Cat+N)&lang=en" rel="nofollow noopener noreferrer">Auskunftsmöglichkeiten</a>.</p> <p>Also für den Link noch mal ein Dankeschön.</p> <p>mfg<br> cygnus</p> <div class="signature">-- <br> Die Sache mit der Angel und dem  ><o(((°>  hat in der Wüste einen Haken ... </div> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263261#m1263261 suit suit@rebell.at http://rebell.at/ 2008-07-01T12:22:57Z 2008-07-01T12:22:57Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>Wenn ich mich mal kurz einmischen darf.</p> </blockquote> <p>sicher sicher</p> <blockquote> <p>Laut SELFHTML "leitet (<address>) einen eigenen Absatz für _Internet_-Adressen ein."<br> (http://de.selfhtml.org/html/text/zitate_adressen.htm#adressen)</p> </blockquote> <p>woher diese informationen stammen, konnte ich leider nicht nachvollziehen</p> <p>das w3c sieht das mit dem address-element folgendermaßen:<br> <a href="http://www.w3.org/MarkUp/html3/address.html" rel="nofollow noopener noreferrer">html 3</a><br> <a href="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.6" rel="nofollow noopener noreferrer"> html 4</a></p> <p>hier wird vom bereitstellen von kontaktinformationen, die das aktuelle dokument betreffen, gesprochen - dazu zählt zb auch eine einzelne telefonnummer, eine e-mail-adresse</p> <p>das text- bzw struktur-modul für xhtml 2.0 bez address ist hingegen noch etwas unvollständig bzw einfach beschrieben<br> <a href="http://www.w3.org/TR/xhtml2/mod-structural.html#sec_8.1." rel="nofollow noopener noreferrer">http://www.w3.org/TR/xhtml2/mod-structural.html#sec_8.1.</a></p> https://forum.selfhtml.org/self/2008/jul/1/design-layout-meinung-zu-neuer-firmenseite/1263262#m1263262 Downlord 2008-07-01T18:01:32Z 2008-07-01T18:01:32Z (DESIGN/LAYOUT) Meinung zu neuer Firmenseite <blockquote> <p>das w3c sieht das mit dem address-element folgendermaßen:<br> (...)<br> hier wird vom bereitstellen von kontaktinformationen, die das aktuelle dokument betreffen, gesprochen - dazu zählt zb auch eine einzelne telefonnummer, eine e-mail-adresse</p> </blockquote> <p>Danke, wieder was gelernt. Man sollte sich (wie eigentlich immer) nicht nur auf eine Quelle verlassen.</p> <p>Sonnige Grüße,<br> DL</p>