Hallo zusammen.
Ich bin kein Profi, aber auch ich schreibe ab und an mal für Freunde ne Webseite (privat als Hobby sozusagen).
Die folgende Seite hab ich für ne Freundin erstellt. Der gesamte Code ist selber per Hand geschrieben (kein WYSIWYG Editor!).
http://www.jd-kunst-design.de
Die Designvorgabe und der Inhalt stammen von Ihr.
Ich habe nur die technische Umsetzung anhand Ihrer Skizzen realisiert.
Wenn also was schlecht lesbar ist oder blöd aussieht, dann ist das nicht meine Schuld, denn die Dame wollte es so ;-)
Es geht in erster Linie um den Code.
Was haltet ihr davon? Bzw. was ist schlecht gelöst und was kann man besser machen? (Ich lern ja immer mal gerne dazu!)
P.S. Sollte das jetzt jemand als Werbung verstehen, steht es ihm natürlich frei dieses Posting löschen zu lassen.
Eigene Homepage vorstellen 2.056 Themen, 12.085 Beiträge
Guten Tag zusammen,
danke für die zahlreichen Antworten. Ich werde dann mal versuchen was zu zu sagen:
@Wlaner:
Danke fürs Lob. Was das inline Css angeht, hast Du recht. Diese Seite habe ich vor etwas über einem Jahr umgesetzt. Damals wusste ich es nicht besser, bzw. teilweise war es auch reine faulheit. Ein paar Elemente habe ich ja in einer externen CSS Datei ausgelagert. Diverse Formatierungen standen 100%ig fest, und die hab ich auch direkt ausgelagert. Bei ein paar anderen musste ich noch probieren und experimentieren, bis alles passte. Damit tat ich mich damals leichter. Heute würde ich wieder einiges anders machen. Aber recht hast Du.
Ich muss zu meiner Verteidigung sagen, dass auch etwas Zeitdruck im Spiel war. Die ganze Seite habe ich an einem einzigen Abend umgesetzt.
@Olaf19:
Grüss Dich Olaf,
auch Dir erstmal danke für die Blumen. Das mit der Preisliste ist wohl korrekt. Wir wollten allerdings wenn möglich alles auf einem Blick haben, ohne grossartig scrollen zu müssen. Daher die kleine Schrift. Im vergleich zu den anderen Seiten wirkt das in der Tat etwas unruhig.
Ich werde den Vorschlag aber weitergeben. Vielleicht ändern wir das mal ab.
@Hundevatta:
*lol* Da könntest Du recht haben. Ansonsten auch danke für den Kommentar.
@Borlander:
Hallo erstmal. Bei dir muss ich etwas weiter ausholen ;-)
also mir springt spontan das lila der aktiven Unterseite ins Auge. Das beißt sich IMO mit der Hintergrundfarbe (bzw. den verschiedenen Farbabstufungen) :-\
Das beisst sich? Ich / bzw. Sie hat bewusst auf zu starke Kontraste verzichtet, eben damit sich das nicht beisst. Vielleicht versteh ich Dich jetzt auch falsch. Sollte man die BODY Hintergrundfarbe ändern?
Warum machst Du CSS-Formatierungen inline? Lagere das doch in einer externe Datei aus, oder verwende zumindest Klassen + StyleSheets im HTML-Head (wenns umbedingt in der Datei drinbleiben sollte was allerdings wenig flexibel ist).
Quellcode schaut ordentlich aus, ich frage mich allerdings gerade warum Du XHTML-Transitional verwendest und nicht Strict? (bin zumindest bislang über nichts gestolpert was mit Strict nichtmehr erlaubt wäre).
Siehe Kommentar zu Wlaner. Warum ich XHTML und nicht Strict verwendet habe, kann ich Dir allerdings auch nicht sagen. Ich wusste es da nicht noch besser. Beim nächsten mal mach ichs anders.
Absolut unglücklich ist leider die Umsetzung der Navigationslinks, die sind ohne CSSbild nicht mehr benutzbar
Hm, das war mir gar nicht bewusst. Gibts denn noch Umgebungen, wo kein CSS vorhanden bzw. Möglich ist?
Aber auf die Idee mit dem trennen in verlinkte Schrift und CSS-Hover bin ich bisher noch nicht gekommen. Guter Gedanke!
Auch das werd ich mir auf meine Merkliste zum besser machen aufschreiben fürs nächste mal.
Noch eine Anmerkung zur Bildergalerie: Könnte man die Bilder nicht auch direkt incl. des Seitenlayouts laden?
Wie meinst Du das? Die Bilder werden doch direkt mit geladen, oder wie jetzt??
@bilibi:
Ist die Dame ein Privater Anbieter oder übt Sie das als Gewerbe aus
Sie machts nebenbei. Ein Gewerbe ist auch angemeldet. Frag mich jetzt nicht genau welches. Irgendein Kleingewerbe. Sie meinte jedenfalls, sie hätte keine UstId zugeteilt bekommen! Ich werd da aber nochmal nachhaken!
@Zaphod:
Das größte Problem der Künstlerin dürfte sein, bei ihren Stundensätzen nicht zu verhungern, nachdem das Finanzamt zugeschlagen hat und irgendeine Art von Sozialversicherung den Rest kassiert hat und ihre Arbeitsmaterialien bezahlt sind! *AFAIK* ist Photoshop nicht gerade kostenlos ;-).
Naja, Sie machts ja nicht hauptberuflich, sondern nebenbei um ein paar Euros extra in der Tasche zu haben. Dort in der Umgebung, wo Sie aktiv ist, gibts auch nicht wirklich Konkurrenz, der man die Preise verderben könnte. Aber das ist Ihre Entscheidung. Wenn Sie der Meinung ist, dass das so in Ordnung ist, soll Sie das ruhig so durchziehen.
Ich weiss nur, dass Sie bei der Preisgestaltung auch mit bedachte hat, die Preise nicht zu hoch zu treiben, um nicht eventuelle Kunden im voraus schon abzuschrecken.
Ich schicke ihr aber den Link zu diesem Thread, vielleicht macht Sie sich dann nochmal Gedanken.
@Chingachgok:
Danke, sie soll ja auch überall einwandfrei funktionieren! Weniger ist mehr. Weniger Schnickschnack, mehr Inhalt ist meine devise.
@Pepper Ann:
Warum machst du die "Wirsing" Editoren so schlecht ?
Ganz einfach: Der Code den diese Editoren produzieren, ist nie so gut wie der eigene. Wenn ich Mist code, will ich dafür verantwortlich sein, und wenn ich sehr guten Code schreibe, will ich auch die Lorbeeren ernten und will dann stolz sein, sowas selber gemacht zu haben. Man hat im nachhinein einfach ein besseres Gefühl. Das ist meine persönliche Einstellung. Ich mach lieber alles selbst, dann lerne ich auch was dabei und verstehe auch alle Hintergründe.
@groggyman:
Wenn auf den Quelltext verlinkt worden wäre, hätte ich gesagt, OK aber so. Das ist wirklich Werbung.
Ich habe direkt auf den Quelltext verlinkt. Das "Problem" ist, dass der Browser das direkt interpretiert und fertig darstellt ;-)
Mag sein, dass es manche als Werbung sehen. Dann sollen Sie die Diskussion eben zum löschen Vorschlagen.
Ich kann allerdings reinen gewissens behaupten, diesen Thread nicht der Werbung wegen eröffnet zu haben.
Den Quelltext habe ich mir garnicht erst dargestellt, denn die Sitebild ist nackt, emutionslos und schlecht lesbar, hat
keine Größenanpassung und nur minimalfunktion.
Emotionslos? Das sehe ich eigentlich nicht so. Sie soll ruhe ausstrahlen, aufs wesentliche reduziert sein und trotzdem noch einigermassen ansprechend wirken.
Wie schon erwähnt wird man auf meinen Seiten NIE kunterbunte Buchstaben, tonnenweise Spezialeffekte finden oder blinkende unruhige Grafiken finden.
Das mit der fehlenden Grössenanpassung ging nicht anders. Die Grafiken, die ich von dir bekommen habe, und ihr Layout, dass Sie mir so vorgegeben hat, liessen eine dynamische Anpassung der Fenstergrösse nicht zu.
Aber nichts für ungut, technisch funktioniert die Site gut, hat ja auch nicht viele Funktionen.
Braucht Sie denn viele Funktionen? In diesem Fall wohl eher nicht. Was wichtig ist, wird dort aufgeführt.
Ich habe bewusst (habe ich ihr auch direkt ausgeredet) auf grosse Spezialeffekte verzichtet. Mir ist es immer wichtiger, dass die Seite auf allen Browsern gleicht gut und problemlos zu betrachten ist. In meinen Augen sollte das eh Regel Nummer 1 für alle Webdesigner sein.
Die schlechte Lesbarkeit gebe ich zu. Die weisse Schrift ist teilweise wirklich nicht gut zu erkennen. Liegt aber auch an der Tatsache, dass jede Content Seite eine andere Hintergrundgrafik hat, und je nach Grafik ändert sich dann auch die Lesbarkeit. Habe ich der Chefin auch schon gesagt, aber sie bestand bisher darauf dass so zu lassen! Ist nicht meine Entscheidung.
Habe ich irgendwas vergessen? Dann bitte melden.
P.S. Zaphod: Mein Photoshop ist korrekt lizensiert (CS2 - dank meinem Arbeitgeber) und ihrs ebenfalls (Version 6) ;-)