Erstmal: Danke für die Anerkennung der Arbeit. Das tat gut und gab mir eine Resonanz, dass ich das richtig angehe. Ich lege möglichst viel Wert auf die Gestaltung von Code hinsichtlich der Lesbarkeit. Von Python bin ich es auch gewohnt alles schön fein säuberlich einzurücken. Die Kritik ist auch hervorragend. Danke dafür. Einige Sachen habe ich schon bearbeitet und geändert. Ich versuche mal auf viele Punkte genauer einzugehen und stelle dazu eventuell eine Frage.
ctwx hat geschrieben:du nutzt meta http-equiv für die charset Angabe. Sie wird meine ich noch unterstützt, wird aber generell von der kürzeren Variante ersetzt: <meta charset="utf-8">
Geändert. Danke für den Hinweis.
ctwx hat geschrieben:Du hast keine Viewport-Angabe. Diese verhindert, dass Mobilgeräte die Webseite unnötig klein darstellen. Dazu hier etwas Literatur. Ein passende viewport-Angabe wäre folgende: <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">
Arbeite ich mich auch mal ein. Ich habe allerdings auch ohne diese Angabe auf dem Handy keine kleine Darstellung der Seite. Ich nutze Firefox Mobile und dort bin ich sogar eher zu nahe dran und muss etwas heraus zoomen. Oder habe ich die falsch verstanden?
ctwx hat geschrieben:Auf Zeile 38 hast du beim zweiten h2 ein / vergessen.
Habe ich geändert. Nach der Änderung hatte ich das Problem, dass dann die ganzen Schaltflächen nach links gerutscht sind. Warum auch immer. Habe diese jetzt einfach mit einem zentrierten <p> umschlossen. Aber der Grund ist mir noch nicht ganz klar.
ctwx hat geschrieben:In <main> nutzt du viele br um Abstände zu generieren. Mein persönlicher Grundsatz ist, br nicht zu verwenden. Niemals. Vor allem nicht um bestimmte Gestaltung zu erreichen. Wenn du Abstände erzeugen möchtest, dann würde ich dir raten, das per CSS zu machen. Gestaltung gehört einfach nicht in HTML.
Das hat mich auch gestört, da man html ja nur zur Semantik nutzt. Wiewürdest du Leerzeilen per CSS einfügen? Mit einem <div> ? Aber wie sähe der CSS-Code aus? Ich wusste mir in diesem Fall erstmal nicht zu helfen.
ctwx hat geschrieben:Boxen: Deine Navigationsleiste auf der linken Seite sieht total altmodisch aus.
Stimmt. "shadow-box" hatte ich noch nicht gekannt. Sieht jetzt schöner aus, wie ich finde. Danke für den Tipp.
ctwx hat geschrieben:Außerdem würde ich die a-Tags in der Navigation mit display:block versehen
Klingt plausibel. Ich habe das mal gemacht, hatte dann aber auch Auswirkungen auf die mobile Version. Dort waren dann die Menüpunkte nicht mehr richtig sortiert. Allgemein verstehe ich nicht, warum viele Änderungen an der Haupt-CSS-Datei auswirkungen auf die Mobile-CSS-Datei hat. Nehmen wir auch mal die Box. Obwohl ich shadow-box nur in der Haupt stehen habe und in der Mobilen noch die borderversion hatte wurde stets shadow-box genommen. Hast da jemand eine Erklärung für mich?
ctwx hat geschrieben:In der schmalen Fassung der Webseite wird das Menü anders und du hast graue Schrift auf grauen Hintergrund. Ich würde dir hier zu anderen Farben raten.
Stimmt, wobei ich die Menüpunkte trotzdem noch lesen konnte. Habe den Hintergrund vorerst herausgenommen.
ctwx hat geschrieben:Bitte zentriere keine Texte. Bis auf wenige Ausnahmen würde ich davon ganz los lassen. Auf verschiedenen Geräten sieht das einfach seltsam aus.
Da war ich auch am überlegen, ob ich es so lasse. Es wirkt irgendwie "wilder" und durcheinander. Habe jetzt "justify" statt "center" und dafür 2 weite <p>-Klassen erstellt. Zum einen für das p im Menü und zum anderen für die Copyrightinfo im footer.
ctwx hat geschrieben:In der „mobilen Fassung“ wird man vom „Haben Sie eine Frage oder eine Anmerkung zu der Seite?......prägnanteren Variante raten, wie "Fragen oder Vorschläge?"
Ja da war die Überlegung noch, ob ich den Haupttext noch größer für Mobiltelefone mache. Hab das verkleinert. Das mit dem Webteam klingt halt irgendwie ääähm wichtiger. So als gäbe es halt ein wirklich ein ganzes Team
Mal sehen, was der Kumpel sagt. Werde deinen Einwand mit einbringen. Danke.
ctwx hat geschrieben:Du gibst keine Schriftgrößen an. (oder ich habe es übersehen) das kann positiv als auch negativ sein. Ich würde hier aber dazu raten, mindestens eine Schriftgröße zu setzen
Mit setzten meinst du einmalig den font-size auf einen festen px-Wert setzen? Habe jetzt mal p auf 16px gesetzt. Soweit ich richtig informiert bin orientieren sich die anderen Elemente dann an diesem Tag. Es wird ja später im Endeffekt nur Prozentangaben alles geregelt. Oder halt über "em".
ctwx hat geschrieben:Auf elektroarbeiten.html hast du auf Zeile 22 vergessen das a-Tag zu schließen
Habe ich keinen Fehler gefunden gehabt.
ctwx hat geschrieben:Bitte verzeih mir, wenn ich in meiner Kritik sehr direkt bin. Das ist alles als konstruktive Kritik gemeint und keineswegs böswillig geschrieben oder gar beabsichtigt.
Da gibt es nichts zu verzeihen. Der Ton macht die Musik, auch wenn Text natürlich kein Ton macht, aber deine Kritik liest sich mit einem Gedanken der Hilfestellung und nicht etwa, dass du mir Blödheit unterstellst. Diese Erfahrung mach ich sehr häufig. Wenn du etwas verkehrt machst und nicht sofort verstehst, dann kamen schon gleich blöde Sprüche von Mitarbeitern. Naja, will ich nicht weiter vertiefen, kennen alle
Ich habe mich über die Kritik und die Denkanstöße gefreut. Vielen herzlichen Dank.
thoerb hat geschrieben:Oben bei dem Logo könntest du evtl. das "w" von wie und das erste "a"
Ja das ist in Gimp irgendwie komisch gemacht. Ich habe dort mit Hilfe eine Pfades den Weg des Textes vorgegeben und irgendwie bekomme ich es nicht sauber hin, so dass kein Buchstabe komisch aussieht. Irgendeiner stellt sich immer quer. Gibt es da einen anderen Vorschlag, wie ich in Gimp so einen geschlängelten Text erstelle?
Revod hat geschrieben:Na geht doch... und alles mit "nano" ? keine Wunde Augen davon bekommen wegen den Anfangs Tags und dazugehörende Schliesstags?
Naja es ging. Ich wollte halt möglichst simple coden ohne Hilfestellungen oder Codelightning, da es sich dann besser setzt im Hirn
Für die Zukunft werde ich mir
bluefish nochmal genau ansehen. Natürlich weiß ich die Hilfe von einem Programm zu schätzen, aber zum lernen, war es für mich, so der bessere Weg.
Revod hat geschrieben:
Übrigens, was mich persönlich immer stört, besonders an "moderne" Seiten ist das hohe Kopfbereich, was oben sehr viel Platz für das Inhalt weg "frisst" und so zum rauf / runter scrollen gezwungen wird.
Das liegt wohl daran, dass die Seitenersteller meist den Seitennamen+Logo groß im <header> verbauen möchte, damit sich jeder Besucher diesen Namen besonders einprägt.
Naja. Vielen Dank für die Hilfe und Anregungen und natürlich für den Lob. Ein paar Frage sind ja noch offen.