wie man gute css-layouts
Ich derzeit weiß, ein bisschen CSS und HTML, habe ich auch ein paar Webseiten. Aber die designs von meine websites sind immer beschissen, und der code ist auch. Ich möchte wirklich sehr schöne websites. Hat jemand noch gute Ansatzpunkte?
Mag, ist diese website ein guter Punkt um zu starten:
http://net.tutsplus.com/articles/web-roundups/10-hand-picked-tutorials-for-beginning-web-designers/
- Ich denke, das ist etwas, das können Sie besser beurteilen Sie sich selbst. Wir wissen nicht, Ihre Fähigkeiten.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich schlage vor, Sie Lesen Sie zuerst einige epische posts hier:
Warum nicht verwenden Sie Tabellen für das layout in HTML?
https://stackoverflow.com/questions/167531/is-it-ok-to-use-a-css-reset-stylesheet
Gemeinsame Web-UI-Stile
Sollte ich lehren, CSS-layout direkt zu den neuen Lernenden oder sollte ich es zuerst lehren, wie man das layout mit Tabellen, dann Tabelle-weniger-layouts?
Fluid-layouts mit CSS
Wie man css kleiner?
Auch immer im Hinterkopf haben, einige wichtige Dinge:
HTML muss werden semantische. Erstellen Sie Ihre
HTML-Struktur, wie es Sinn es nicht
Aussehen.
Verwenden Sie CSS, um alle Positionierung. Erinnern
dass
float
,position
,z-index
und
clear
sind deine Freunde.Vermeiden Sie bestimmte browser-hacks. In
Tatsache ist, fast alles kann genau
für IE9, Chrome, Firefox, Opera und
Safari. In der Nähe haben wir IE8 (nur
ohne CSS3-Sachen). Ihre harte Art und Weise
wird IE7, aber es ist nicht so viel
Weg vom IE8.
Wählen Sie Ihren Browser, die von Publikum und
Grafik wie
diese.
I don ' T care about IE6 mehr und
Ich bin zu stoppen, um die Pflege über den IE7 auch.
Mit
table
ist nicht ein Verbrechen. Tabellenwurde geschaffen, um tabellarische Daten, d.h.
grids, Listen mit mehr als 2
Spalten, etc.
Mit
table
ist ein Verbrechen. Nicht verwendenfür Ihre layout-Struktur, wie
Menüs, Kopfzeilen, Fußzeilen, etc.
Mit
div
kann auch ein Verbrechen sein."Tabellenfreie", bedeutet nicht, dass "Divmore".
Das markup muss sauber und
semantische je. Dutzende von divs sind so
schlimm, wie Tabellen werden konnte.
Lesen W3C
Spezifikationen und
zu verstehen, die web-standards wie Sie
verstehen Sie Ihren eigenen Namen.
Und immer diskutieren (hier bei uns oder auf vielen blogs darüber), warum einige Ansatz ist besser als das andere.
Glück!
Gibt es eine Reihe von guten Ressourcen gibt. Hier eine Liste von ein paar, die ich in der Vergangenheit verwendet haben:
http://www.smashingapps.com/2011/03/29/40-excellent-yet-free-css-tools-and-generators-for-developers.html
http://macrabbit.com/cssedit/
http://www.smashingapps.com/2010/04/19/10-excellent-free-web-apps-to-create-css-forms-and-grids.html
http://www.smashingapps.com/2010/07/27/top-17-websites-to-easily-generate-css-grid-layouts.html