|
||||
Nabend,
ein Blick hinter die Kulissen macht schnell deutlich: hier herrscht viel wildwuchs. Du sollest dich dringend mit dem Thema "Semantik" beschäftigen und die inflationäre Verwendung von Klassen und IDs nochmal überdenken. Die meisten kann man sich sparen, wenn man auf eine saubere Struktur setzt. Auch sollte man im Zuge der Trennung von Darstellung und Logik seine Scripts in eigene Dateien auslagern und nicht irgendwo im Markup platzieren. Wenn man sie im Markup behalten möchte, dann gehören sie entweder in's head-Element oder an das Ende des body-Elements. Optisch ist das natürlich immer Geschmackssache - ich weiß nicht wie euer "Spiel" mal aussehen solll - aber mir gefällt's nicht. Ich weiß nicht so recht was das aktuelle "Design" vermitteln möchte. Beste Grüße, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint Geändert von lottikarotti (26.08.2013 um 23:10 Uhr) |
Sponsored Links |
|
|||
Hmm danke erstmal fuer die antwort ^^
Also die scripts werden selbstverständlich irgendwann ausgelagert. So ist das im moment nur zu testzwecken. Aber wieso sollte ich auf klassen und ids verzichten, wenn ich bestimmte elemente einzeln ansprechen moechte? Wie genau meinst du das? "Spiel" - du kannst die anfuehrungszeichen ja auch weglassen Nun ja... design. Was genau gefaellt dir nicht? Liegt es der farbe, an der schriftart, oder generell an dem layout? (Was uebrigens das erste ist bei dem ich denke es ist mir gelungen xD) ich denke auch das da noch seehr viel geändert werden muss, aber die struktur ist doch okay - oder nicht? Nun ja die seite soll duester wirken, aber eben auch einladend. Ach und bevor ichs vergesse: was da steht ist im moment voellig egal, das habe ich einfach mal hingekritzelt. |
Sponsored Links |
|
||||
Du hast immer noch ein fehlerhafter Attribut in deinem Code, „open“ ist nicht valide (auch wenn der Validator es nicht finden kann, da es erst mit Javascript gesetzt wird).
Dein Dokument hat keine Struktur, nicht mal eine einzige Überschrift. So sieht die Outline deiner Seite aus: Outline Die Plus- und Minus-Symbole gehören nicht ins Markup, das ist nur Optik, daher würde ich sie als Hintergrundbild setzen. Gleiches gilt für die hr-Elemente im Menü, dort wird kein Trenner gebraucht, gib einem der Elemente eine Border. Die Sprachen sind auch eine Liste. Warum hast du hier darauf verzichtet? title- und alt-Attribut sollten nicht den gleichen Inhalt haben. |
|
||||
Morgen,
Zitat:
Zitat:
Code:
article ul { /* ... */ } - Strukturierung von Inhalt durch semantische Elemente Dieses Beispiel zeigt zwei Dinge sehr deutlich: einerseits werden Elemente abhängig von ihrem Kontext gestaltet (section ul/ nav ul). Andererseits wird ein konkreter Fall dargestellt, bei dem der Einsatz von IDs zwingend notwendig ist (aufklappbare Navigation ohne JavaScript). Wichtig ist es zu verstehen, wann Klassennamen und IDs wirklich notwendig sind und wann nicht. Na ja, das Wort "Spiel" ist schneller geschrieben als dasselbige entwickelt ist. Zitat:
Zitat:
PS: Noch ein Lesetipp: Wieso sich Flaggen nicht als Sprachsymbole eignen Viele Grüße, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
|
||||
Hier auch noch mal Saft von mir, ohne mir Lottis Post wirklich durchgelesen zu haben (tl;dr )
HTML - <div id="title"> --> Überschrift! - Im Title: <u> ist falsch. (deprecated) Das span würde vollkommen ausreichen. mit CSS (und ohne den inline-style) - die "..." sind eher ein … - Dein Menü ist kein Menü sondern etwas merkwürdiges -> Mach eine vernünftige Liste daraus - Schmuckgrafik rausschmeißen (das "+/-"-Teil) - Das Javascript auslagern - Auch ein durch JavaScript hinzugefügtes "onclick"-Attribut sieht nicht gut aus - Keine Semantik im Inhalt. Das "Hello!" ist eine Überschrift. Der Rest Absätze. - <br /> ist ein Zeilenumbruch und KEIN Absatz. CSS - Leg deine beiden CSS-Dateien zusammen. Bei den kleinen Dateien macht es keinen Sinn diese in zwei zu splitten. - Benutze er keine PT als Einheit, die sind Print und Print ist der Feind! - Definiere Farben anstelle durch ein Wort lieber mit HEX, RGB, RGBA, HSL etc. DESIGN - Schlagschatten gibt Schläge. Und hier passt er nicht und ist schwer sichtbar - Die Typo braucht ein word-spacing im css, damit sie lesbarer wird. - Ich sehe Rechtschreibfehler im Text.. "CstleNightmare"? :P - Gib der Seite Abstand nach oben. Wirkt freier. - Wieso ein blauer Cursor? Sonst ist diese Farbe nirgends vorhanden. (außer im Schlagschatten, aber der gibt Schläge) - Wieso grüne Text-Markierung? (siehe Cursor) - Eine #content-width von 60% reicht vollkommen aus. - Der Typo fehlt Kerning, weshalb sie generell ziemlich schlecht ausschaut.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||||||||||||||||||||||||||
Okay danke führ die zahlreichen Vorschläge!
Ich werde mir jeden beitrag noch einmal einzeln durchlesen und versuchen einzubeziehen. Hier trozdem ein paar rückfragen / antworten: Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zu allen die etwas zu meiner Semantik sagen: Ich finde, und ich habe mich daran gewöhnt, verschiedene Sinntragende Objekte durch allgemeine Platzhalter zu ersetzen und mit css anzupassen. Zum Beispiel verzichte ich gerne auf <h1></h1>, und benutze lieber ein <span> welchen ich dann mit Css umgestalte. Ich sehe auch keinen Grund mich davon abzgewöhnen. Deshalb entsteht auch schonmal ein "<div> - Salat", aber durch entsprechende Klassen ist da normalerweise sehr leicht durchzublicken. Also - Lieg ich da falsch? Vielen Dank für die Investierte Zeit ^^ |
|
|||
Ganz klares ja.
Dazu empfehle ich mal folgenden Artikel: Vorsprung durch Webstandards | Semantischer Code - Definitionen, Methoden, Zweifel EDIT: Typo = Kurzform von Typographie, meint in etwa Schriftgestaltung
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. Geändert von explanator (27.08.2013 um 16:09 Uhr) |
|
||||
Suchtipps:
- „html img element alt title difference“ - „typo bedeutung“ - „kerning bedeutung“ - „html semantik“ Zitat:
- https://de.wikipedia.org/wiki/Auslassungspunkte Das ist ungefähr so, als würdest du doppelte Anführungszeichen durch zwei einzelne „nachbauen“. Zitat:
- https://developer.mozilla.org/en-US/.../click#Example Zitat:
Zitat:
|
Sponsored Links |
|
|||
Tja so machte ich das halt bisher. Und glaub mir wuesdtest du was mein info lehrer mir versucht hatte beizubringen wuerdest du sagen fang mal bitte ganz vonn neu an ^^ und ich weiss was der unterschied zwischen alt und title ist, aber warum ist es falscj den gleichen wert zu benutzen?
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Noch ein paar Allgemeine Fragen | FranzderFranke | Offtopic | 5 | 17.03.2008 22:03 |
Allgemeine Fragen zu freundlichen URLs | Sodie | Serveradministration und serverseitige Scripte | 10 | 15.10.2007 22:16 |
Allgemeine Frage zu Option-Tag | duessu | CSS | 1 | 15.07.2006 15:18 |
Allgemeine Listenfrage | Retrax | CSS | 6 | 03.12.2004 15:27 |