Vollständigen Link anzeigen: javarea.de Forum > Sitecheck > Bewertung: Invention-Design.de
| geschrieben von Flo2005 am 23.01.2005 - 01:45 |
| Hallo zusammen, bin grad durch Zufall auf Euer Forum gestossen und dachte ich hol mir mal Rat von euch ;). Folgende Situation: Ich hab jetzt vor nebenbei als Webdesigner tätig zu werden und hab mir dann auch prompt unsere Präsenz erstellt. Jetzt möchte ich euch fragen wie die Seite bei Euch ankommt, wirkt sie seriös, Usability in Ordnung, Farbwahl, usw. Das komplette Programm eben ;). Wir haben unseren Service noch nicht offiziell in Betrieb genommen da wir noch auf den Gewerbeschein warten. Die Seite ist komplett in XHTML 1.0 und CSS 2.0 erstellt. PHP kam auf einem anderen Server zum Einsatz. Merkt man ganz gut am Kontaktscript ;). -> http://www.Invention-Design.de Ich Danke vielmals  .Flo |
| geschrieben von Jan am 23.01.2005 - 01:58 |
| Hi! Die Seite finde ich persönlich von den Farben sehr gut zusammengestellt und bietet ein seriöses Auftreten. Sehr schön finde ich auch, dass keine Tabllen für das Layout zum Einsatz kamen, sondern zeitgemäß CSS eingesetzt wurde. So ist der barrierefreie Aspekt ebenfalls mit berücksichtigt. Kleine Anmerkung zum Kontaktformular: Den Input-Feldern würde ich noch einen 1px breiten Rahemen zuweisen, damit diese Elemente sich besser in das Design einfügen. Alles in allem gut gelungen! Gruß Jan |
| geschrieben von Flo2005 am 23.01.2005 - 02:08 |
| Vielen Dank für Deine Antwort ;). Freut mich dass sie Dir gefällt. Das gibt einem immer Ansporn nicht mit WSYIWYG-Editoren zu arbeiten  Das mit dem Kontaktformular ist eine gute Idee, ich werde das gleich mal umsetzen. Darf ich Dich vielleicht noch fragen in welchem Umfeld Du die Seite angesehen hast ? Also welcher Browser, Version... . Hatte selber leider vorerst nur die Möglichkeit mit Netscape 7.1, Firefox 0.9 + 1.0, Internet Explorer 6 und Opera zu testen. Was mich sogar wundert ist, dass der IE garkeine Mucken macht . Normalerweise ist er immer mein Sorgenkind, aber jetzt verrichtet er brav seine Dienste ;). Aber das ist ja allgemein bekannt  Danke nochmals Flo ;) /edit: Hab Deinen Tip jetzt umgesetzt, ist zwar nicht das erwünschte Ergebniss aber ich finde so ist das auch ganz nett (Hab gar nicht gewusst dass man mit der Attribute "border: 1px solid gray;" auch im <input>-tag was bewirken kann) . |
| geschrieben von René am 23.01.2005 - 10:42 |
| http://validator.w3.org/check?uri=h....ntakt.html In dem <img ... /> auf der rechten Seite würde ich height und alt bzw. title noch einfügen. |
| geschrieben von Pablo am 23.01.2005 - 10:50 |
| Hi, Wenn du dir schon die Mühe machst, alles mit CSS zu machen (sehr löblich  ) dann solltest du auch direkt eine dynamische und keine statische Webseite bauen. Wenn jemand mit einer großen Auflösunng von 1600x1200 kommt, ist für ihn mehr als die Hälfte des Bildschirms leer.Was mir sehr gut gefällt ist dieses Menü mit dem Balken... Wirklich interessant. Mich würde auch interessieren, woher du diese Billder am rechten Rand hast... Unten im Copyright sollte die URI anklickbar sein. Na ja, sonst bleibt noch zu sagen, dass der Platz, dem du das wichtigste Element - den Text - zuordnest, verhältnismäßig viel zu klein ist. (Stimmt die Grammatik so? Egal.) Aber alles in allem gut gelungen. Pablo, auch angehender Webdesigner ^^ ~~~ edit ~~~ Noch was, benutz lieber XHTML 1.0 Strict. Wenn schon, dann richtig |
| geschrieben von Armin am 23.01.2005 - 12:03 |
| Siehe http://jigsaw.w3.org/css-validator/....index.html Dann noch eine kurze Anmerkung: Du solltest zwischen Zeilenumbrüche und Absätze klar trennen. Wo eigentlich ein neuer Absatz anfängt, machst du mit doppelten Zeilenumbrüchen die Abstände. Ansonsten ein gutes Design. Das mit den animi. gif ist ne gute Idee. Was störend ist, das du für die Schriftgröße feste Werte nimmst, Besser wäre mit em, da man dann den Schriftgrad frei wählen kann. Armin |
| geschrieben von Jan am 23.01.2005 - 12:07 |
| Hi! Ich habe die Seite mit dem IE 6 besucht. Ich kann aber gerne nochmal morgen auf der Arbeit mit einem Mac IE 5 testen, wenn Intresse besteht. Gruß Jan |
| geschrieben von Simon am 23.01.2005 - 12:47 |
| Die Seite gefällt mir seh gut. Was mich aber etwas stört sind die beiden Kringel unten. Simon |
| geschrieben von Flo2005 am 23.01.2005 - 18:04 |
| Hallo, ich bedanke mich vielmals für eure Tips. Gleich zum Beitrag von René: Ich hab das Bild mit den Höhen -und Breitenangaben versehen. Aber dann meinte der Valdidator dass das Attribut "height" im <img>-Tag nicht erlaubt ist  Da ich mich noch nicht allzu lang mit dem Thema HTML beschäftige (ca. 4 Monate) und auch erst seit kurzem in XHTML arbeite, dachte ich dass es eben mit diesem Doctype nicht erlaubt ist, "height" einzusetzen. Ich hab auch durch Google keine ordentliche Antwort gefunden. @Pablo Dynamisch wär jetzt insoweit schlecht, da zum einen der Header dann bei verschiedenen Auflösungen die Grösse ändert und zum anderen das Menü Probleme machen würde, da sich hier alles in die Breite ziehen muss (Ich hoffe Du weisst was ich meine . Und wenn ich Strict verwende zeigt er über 18 Fehler im Quellcode, wo ich aber keine Ahnung hab was das sein soll. Es waren die Meta-Tags gemeint und dort stand auch dass ich auf Transitional umstellen soll. Hab ich dann gemacht ;). Ach ja, der Hover-Effekt (den meintest Du doch, oder ?) ist ein animiertes .gif .@Armin Behebe ich auch noch ;), ist eigentlich das wenigste Problem. @Jan Das wär nett wenn Du das machen könntest, vor allem der Mac ist interessant, konnte noch nie ein Feedback von einem komplett anderen System erhaschen . Hast Du zufällig auch den Saphari zur Verfügung ? Das wär halt ideal . Danke @Simon Mit denen muss ich mir auch noch was einfallen lassen. Anfangs war das eigentliche Logo der Seite so ein Kringel. Ich sag´s mal meinem zukünftigen Mitarbeiter  Könnte mir eventuell noch jemand verraten wie ich die Listeneinrückung verändern kann ? Jetzt mit speziellem Augenmerk auf das Menü. Oder überhaupt eine andere Lösung dafür, wo ich dann auch ein Listenobjekt (Der Punkt davor) verwenden kann. Ich glaub sowas gibts nicht, aber fragen schadet ja nciht .Dankeschön Flo |
| geschrieben von Pablo am 23.01.2005 - 18:17 |
| http://www.woltlab.de Da im header ist ein Bild und die Seite ist dynamisch. Es geht also doch ;) width und height gibt es bei Bildern auch bei strict, nur border gibt es nicht. Pablo |
| geschrieben von Flo2005 am 23.01.2005 - 18:26 |
| Ok, aber so stell ich mir nicht dynamisch vor . Dynamisch bedeutet für mich dass die Seite sich ständig anpasst, bei Woltlab ist ja dann auch ab 800x600 Schluss. Also es bleibt alles stehen. Aber ich überleg mir noch ne Möglichkeit damit das ganze auch bei mir funktioniert, ohne dass das Layout leiden muss ;).Ich mach das gerade mit den Bildern aber wie ist das dann mit den Meta-Tags ? Weil in "strict" gibt er mir dort eben Fehler aus, welche in meinen Augen keine sind ./edit: Die Bilder sind übrigens von Pixel-Quelle.de, keine Angst wegen Copyright, ich bin da auch peinlichst genau, dass ich keine Rechte verletze ;) |
| geschrieben von Pablo am 23.01.2005 - 18:58 |
| Nicht wegen Copyright, ich kann auch Bilder gebrauchen ;) Das mit woltlab bezog sich nur auf die header-Grafik. Pablo |
| geschrieben von The Chocolate Starfish am 23.01.2005 - 19:23 |
| sieht spitze aus die seite, nett finde ich auch, dass ihr templates zur verfügung stellt nur 2 anmerkungen der header hat ja links ne andere hintergrundfarbe so bleich rosa ungefähr du solltest die farbe außerhalb von dem schwarzen rahmen auf weiß ändern dann hat man nicht diesen kontrats von weiß auf dieses rosa oder beige oder was auch immer dasselbe problem unten da würds glaub ich ein klitzekleiner farbverlauf tun außerdem hab ich noch 2 Fragen: 1. wie funktioniert der hover-effekt in der navi? 2.wie macht man diesen schicken streifen-effekt im header? |
| geschrieben von Flo2005 am 23.01.2005 - 19:59 |
| Ich werd leider nicht ganz schlau aus Deinem Post . Du meinst ich soll die ganze Hintergrundfarbe auf weiss stellen, hab ich das richtig verstanden ? . Ich hab schon gedacht ich hab einen Knick in der Optik, da ich auch am TFT arbeite, dachte ich dass es dadurch nur verfälscht wird . Weil #F9F9F9 ist ja eigentlich helles grau.Naja, auf jeden Fall, der Hover-Effekt ist eine Gif-Animation. Einfach zwei Balken oben und unten positioniert und von links nach rechts laufen lassen ;). Geht mit Fireworks am besten. Den Streifeneffekt im Header machst du mit einer 5x5 Pixel grossen Grafik, die Transparent sein soll, einfach einen Strich von der einen in die andere Ecke. Dann gehst du auf bearbeiten -> Muster festlegen -> Namen für das gewünschte Muster eingeben. Dann gehst Du auf Deine Arbeitsfläche in der das zu bearbeitende Bild liegt und klickst wieder bearbeiten -> Fläche füllen -> mit eigenem Muster -> dort Dein Muster auswählen -> Voilá ;). /edit: Hab jetzt auf "strict" umgestellt und er zeigts immer noch valide an Seltsam, neulich hat er nen Fehler ausgegeben. |
| geschrieben von Jan am 24.01.2005 - 17:43 |
| Hi! Einmal wie versprochen der Mac-Screenshot... (IE 5) Sieht doch alles ok aus, bis auf die oberen Buttons. Da entseht eine kleine Lücke. Da sollte man sich aber keine Gedanken drüber machen... Gruß Jan |