Wie schwer ist es, semantisches Markup und gutes CSS zu meistern?

8

Ich weiß, dass dies keine populäre Frage sein wird, weil viele Webdesigner davon ausgehen wollen, dass ihr Handwerk schwierig und wertvoll ist.

IT IST . Aber ich glaube nicht, dass es schwierig ist, weil HTML und CSS schwer zu meistern sind. Ich glaube, es ist schwierig, weil es ein schwieriger kreativer Designer ist. Bitte widerstehen Sie dem Drang, mir reflexiv zu widersprechen, weil ich die Sprache für einfach halte.

Ich bin ein Designer, zum Glück ist das nicht mein Job. Allerdings kann ich eine Foto-Shopped-Comp und eine reine HTML / CSS-Webseite daraus erstellen.

Es ist meine persönliche Überzeugung, dass jeder in ein oder zwei Wochen zu einem effektiven HTML / CSS-Guru werden kann. Es gibt einfach nicht so viel Komplexität (und das ist jemand mit jahrelanger Erfahrung im Gespräch).

Die Crossbrowser-Programmierung ist nicht so schwierig, wie die Leute es klingen lassen. Ich entwickle in Firefox, und zwicke für IE, und ich bin fertig, ein guter CSS-Reset behandelt 99% der Probleme.

Stimmen Sie damit nicht überein? Ist HTML und CSS in einer Woche nicht gut zu lernen?

BEARBEITEN: Das hat mit meiner stark untergeordneten Antwort hier zu tun: HTML / CSS testen / Javascript Fähigkeiten bei der Einstellung

    
FlySwat 13.10.2008, 18:35
quelle

24 Antworten

18

"Ist HTML und CSS in einer Woche nicht gut zu lernen?"

Mit einem Wort ja .

Können Sie eine grundlegende Seite schreiben, indem Sie etwa wie folgt vorgehen: "HTML in 24 Stunden lernen"? Absolut. Weißt du, warum es funktioniert oder nicht - wahrscheinlich nicht.

"... ein guter CSS-Reset behandelt 99% der Probleme." Möglicherweise. Warum ist es wahrscheinlich weit über eine Woche Studium hinaus.

  • Suche nach einem generischen CSS, das das zurücksetzt behandelt 99% der Ausgaben - kostenlos
  • Der Umgang mit den anderen 1% - unbezahlbar!
Traingamer 13.10.2008, 20:35
quelle
18

HTML und CSS sind syntaktisch sehr einfache Sprachen. Sie sind überhaupt nicht einfach, richtig und effektiv zu verwenden.

Best Practices mit HTML sind nicht absolut klar und wo sie sind, werden sie selten verwendet. Es braucht Zeit, diese Dinge zu lernen, nicht nur die Sprache zu lernen.

CSS ist für grundlegende Zwecke extrem einfach. Für komplexe Designs ist es extrem nicht einfach. Und wenn Sie Browser-Macken berücksichtigen, wird es sehr einfach.

Vom rein theoretischen Standpunkt aus sind sie ziemlich einfach. Vom Standpunkt der realen Welt aus betrachtet, sind sie es nicht.

    
eyelidlessness 13.10.2008 18:38
quelle
5

IMHO, Browser Inkompatibilitäten ist der Hauptgrund für die schwierigen.

    
Daniel Silveira 13.10.2008 18:37
quelle
5

HTML als rein beschreibende Sprache ist fast trivial. Bei CSS dreht sich alles um die Nebenwirkungen, visuelle Nebeneffekte, und es ist mindestens eine Größenordnung schwieriger zu lernen. Ich bezweifle sehr, dass irgendjemand in einer Woche ein CSS-Guru (nach deiner Definition) werden könnte, selbst diejenigen, die die Spezifikationen geschrieben haben. Es gibt einfach zu viele unterschiedliche Interpretationen und Erweiterungen in der Verwendung (z.B. Gleitkommazahlen) dafür.

P.S. Sie tun wissen, dass der HTML- und CSS-Code hinter Ihrer Homepage die Validierung nicht besteht, oder? ; -)

    
Bobby Jack 13.10.2008 18:41
quelle
5

Meine Antwort auf die Frage lautet: Es muss ziemlich hart sein, weil ich immer noch eine Bootsladung von Mist und CSS sehe. Genauer gesagt ist semantisches Markup nuanciert und etwas subjektiv (sollten Sie eine Überschrift und eine Liste oder eine Definitionsliste verwenden? Die Antwort ist nicht immer schwarz und weiß).

Es ist eine Sache zu wissen, wie man html und css benutzt, aber es ist eine andere, die Semantik wirklich zu verstehen. Es ist meiner Meinung nach nicht wirklich schwer, aber ein Mangel an Verständnis scheint in entsetzlichem Überfluss zu bestehen.

Ich arbeite mit Semantic Markup und css 8+ Stunden pro Tag und arbeite an kleinen Seiten für komplexe Anwendungen. Ich denke, es ist relativ einfach, die Syntax von html und css in ein paar Wochen zu lernen und zu verstehen, wie Sie vorgeschlagen haben, aber es braucht viel Erfahrung und Forschung, um zu einem Punkt zu kommen, an dem man wirklich abstrakt denken kann (mit einem hohen Grad an Genauigkeit ) Was ist das beste, flexibelste und semantischste Markup für die gegebene Design-Comp und welche Cross-Browser-Probleme könnte man mit dem gegebenen Design anfangen?

    
Andy Ford 13.10.2008 19:07
quelle
4
  

Stimmen Sie damit nicht überein? Ist HTML und CSS in einer Woche nicht gut zu lernen?

Ja, ich bin mir fast sicher. Obwohl ich Ihre Erfahrungen mit der Implementierung teile:

  

Allerdings kann ich eine Foto-Shoppingtour machen und daraus einfach eine reine HTML / CSS-Webseite erstellen.

Angesichts einer guten Referenz oder einiger Vorkenntnisse ist das nicht wirklich so schwer, sicherlich viel (!) weniger schwer, als oft behauptet wird, wenn das Mock etwas gut ist.

>

Allerdings:

  

Crossbrowser-Codierung ist nicht so schwierig, wie die Leute es klingen lassen.

ist meiner Erfahrung nach falsch. Es hängt sehr stark von dem Mock ab, von dem Sie arbeiten: Wenn es von einem Webentwickler entwickelt und für die Webentwicklung optimiert wurde, könnte die Implementierung einfach sein. Allerdings können grafische Designs willkürlich komplex sein und sie alle sinnvoll umsetzen, während die Beachtung diverser Browser-Macken extrem anstrengend ist.

    
Konrad Rudolph 13.10.2008 18:40
quelle
4
  

Es ist mein persönlicher Glaube, dass jemand   kann ein effektiver HTML / CSS-Guru werden   in ein oder zwei Wochen Studie.

Ich glaube nicht einmal, dass dieser Satz einen Sinn ergibt (abgesehen von Ihrer Verwirrung über das Wort "Glaube") - wenn wir Menschen als "Gurus" bezeichnen, meinen wir jemanden mit großer, tiefer Kenntnis und Erfahrung Kopf und Schultern über dem Rest. Wenn jemand in zwei Wochen ein Guru werden könnte, gäbe es keine Gurus.

Jedenfalls diagnostiziere ich Sie als Neuling der zweiten Stufe: Sie haben ein gewisses Niveau überschritten und Sie denken, dass Sie das Thema beherrschen. Du hast keine Demut.

Ich würde Ihnen empfehlen, weiter im Bereich HTML und CSS zu arbeiten, und Sie werden feststellen, dass es viele interessante Probleme gibt, die Sie nicht lösen können. Du wirst feststellen, dass es sehr kluge Leute gibt, die sie auf interessante Weise gelöst haben, an die du nie gedacht hättest; und Sie werden auch feststellen, dass es viele verschiedene Möglichkeiten gibt, um das gleiche Ziel zu erreichen - die, von denen Sie wissen, dass sie effektiv sind, aber es könnte weit klügere Wege geben, Ihr HTML / CSS zu optimieren oder zu verbessern.

Ich werde Sie für Oktober 2009 in mein Tagebuch schreiben und wir werden sehen, wie Sie sich fühlen.

    
AmbroseChapel 14.10.2008 01:24
quelle
2

Ich denke, wenn wir die Komplexität der HTML / CSS-Sprachen mit der Komplexität einer Programmiersprache oder eines Frameworks diskutieren, ist das kein Wettbewerb. HTML / CSS ist einfach zu schreiben, und die Syntax und Regeln sind leicht zu memorieren .

Aber genau wie eine Programmiersprache ist die Syntax nicht so wichtig wie sie benutzt wird. Stellen Sie sich CSS als eine Reihe von Layoutregeln vor, die aufeinander aufbauen - und wie diese Regeln aufgebaut sind, hängt stark vom Verhalten der Seite ab. Ein guter CSS-Entwickler kann ein Photoshop-Mock-up in eine Seite umwandeln, die nicht nur gut aussieht, sondern sich auch gut unter den Anforderungen dynamischer Inhalte verhält. Die Herausforderung eines CSS-Designers besteht nicht darin, den Code zu schreiben, sondern vielmehr mit den Teilen des Designs zu jonglieren, um das funktionale Verhalten der Seite mit ihren ästhetischen Anforderungen in Einklang zu bringen.

Genau wie jede andere Sprache hat CSS Design eigene Best Practices, Techniken und Design Patterns (was darauf zurückgeht, dass ich meine Frage an erster Stelle).

Und was noch wichtiger ist: Was die Männer von den Jungen (oder den Frauen von den Mädchen) im Frontend-Layout unterscheidet, ist, wie gut sie Konzepte und Mechanismen des Browser-Layouts verstehen, wie in dieses Dokument . Ein tiefgreifendes Verständnis des visuellen Formatierungsmodells ist der Grund dafür, dass viele Menschen sehr verloren gehen. Ganz zu schweigen von den Cross-Browser-Sachen.

Wenn du denkst, dieses Zeug ist Kuchen, dann mehr Kraft für dich.

    
Bryan M. 14.10.2008 02:49
quelle
1

Wie bei allem, macht Übung den Meister. Ich habe festgestellt, dass es einfacher geworden ist, sie browserübergreifend zu erstellen, da ich mehr Websites mit gültigem HTML und CSS entwickelt habe. Sie werden sich der Probleme mehr bewusst, sind sich der Eigenheiten bewusst und können diese im Voraus umgehen. Es wird einfacher mit der Zeit. Wenn Sie jedoch niemanden haben, der all diese Dinge von Anfang an aufzeigt, dann ist es meiner Meinung nach gar nicht so einfach und es kann sehr frustrierend sein, wenn Sie nicht wissen, wo Sie suchen sollen und wen Sie fragen sollen. p>     

VirtuosiMedia 13.10.2008 18:43
quelle
1

Es ist einfach, HTML und CSS zu "meistern" - die Semantik ist einfach. Durch diese Maßnahme ist es noch einfacher, die Malerei zu meistern. Reiben Sie einfach etwas Farbe auf die Leinwand und nennen Sie es fertig. Syntax ist der einfachste Teil von fast jeder Computeraufgabe - das Lernen wie es verwendet, ist viel schwieriger.

Ich bin seit 1996 ein Webentwickler. Ich kannte HTML von Anfang an und CSS und Javascript, seit sie zum allgemeinen Gebrauch kamen. Wenn ich eine Seite entwerfe, sieht es immer noch aus wie Mist - syntaktisch korrekter Mist, aber immer noch nicht sehr angenehm. Deshalb freue ich mich sehr, mit talentierten Designern zusammenzuarbeiten, die mit dem Look & amp; fühle Teile davon für mich.

    
Danimal 13.10.2008 18:45
quelle
1

Ich bin der Ansicht, dass es nicht die Sprachen selbst sind - (X) HTML und CSS sind relativ einfach und es gibt viele gute Referenzquellen. Schwieriger ist es, den besten Weg zu finden, ein Designkonzept in gut geschriebenem HTML / CSS umzusetzen.

    
Ken Ray 13.10.2008 18:47
quelle
1

Web Design ist ein kniffliges Thema und Sie haben es auf HTML und CSS beschränkt. Es ist fast so, als würde man sagen, dass Programmierung einfach ist, weil Sie SSADM verstehen (andere Methoden sind verfügbar).

Sicher, eine HTML-Seite zu erstellen und sie mit CSS zu laden ist einfach, aber es war nie einfach. Innerhalb von zwei Wochen bezweifle ich ernsthaft, dass Sie in der Lage sein werden, jedes Layout zu codieren, das Sie in Photoshop erhalten. Soweit es mich betrifft, umfasst Web Design den gesamten Erstellungsprozess, einschließlich der Erstellung des Designs in jedem von Ihnen verwendeten Rasterprogramm, und dann die Codierung in (X) HTML und CSS. Sobald diese Shell erstellt ist, kann der Entwickler am Backend-Scripting und der Programmierung arbeiten.

Webdesign ist ein schwieriges Thema, weil es sich so sehr verändert, und ähnlich wie beim Programmieren hört man nie auf neue Wege, etwas zu tun. Wenn nicht, sehen Sie sich die W3C-Spezifikationen an und sehen Sie, wie viel Sie wirklich wissen.

Wenn Sie HTML und CSS so einfach finden, sollten Sie sich die SitePoint Foren ansehen. Sie werden entweder eine große Hilfe für die Webdesign-Community sein, oder Sie werden feststellen, dass Sie nicht so gut sind, wie Sie dachten.

    
Mike B 13.10.2008 18:46
quelle
1

Ich spreche als Neuling: Ich habe im August dieses Jahres angefangen, xhtml / css zu lernen, verbrachte jeden Monat 12 Stunden und schaffte es mein Portfolio zu bauen, immer noch zu schwer, funktionierte nicht richtig im IE - ich betrachte es immer noch als ein Testprojekt. In 30 Tagen habe ich gelernt, dass es viel mehr gibt, als du denkst, und um wirklich gut darin zu sein, brauche ich viel mehr als zwei Wochen!

    
inahill 14.10.2008 07:13
quelle
0

Es ist letztlich einfacher, eine Website mit semantischem Markup und gutem CSS zu erstellen, dann geht es zurück und ändert das Design einer Webseite, die mit 10 Layern verschachtelter Tabellen, 1 Pixel transparenten GIFs (für Abstände) und Nicht-Standards entworfen wurde <font> -Tags, um die Darstellung des Textes zu ändern.

    
Kibbee 13.10.2008 18:45
quelle
0

Unterschätzen Sie nicht die Komplexität von HTML und CSS. Ja, sie sind einfach zu erlernen, aber das Beherrschen erfordert viel Intelligenz.

Die verschiedenen Ansätze zu den folgenden HTML- und CSS-Beispielen sind enorm, wenn Sie eine Weile im Spiel waren.

%Vor%

und

%Vor%

Die Entscheidung, ob Sie eine Klasse oder ID verwenden oder ob Sie Ihre Stile locker definieren oder nicht, wird sich stark auf Ihre Fähigkeit auswirken, starke stabile Sites zu erhalten oder nicht.

    
Steve Perks 13.10.2008 19:32
quelle
0

Wie andere gesagt haben, ist es relativ einfach das WIE zu lernen, aber das WHY braucht Erfahrung und Erfahrung braucht Zeit, um zu bekommen.

Eine interessante Seite ist Ссылка , wo die Herausforderung darin besteht, genau den gleichen HTML-Code zu verwenden und nur mit CSS die Seite so zu verändern, dass sie ganz anders aussieht die anderen Beispiele. Einen Blick wert.

    
Chris Lätta 14.10.2008 08:01
quelle
0

Wow, ich muss wirklich langsam sein, ich brauchte ungefähr ein Jahr, um CSS zu beherrschen - um es einfach zu lernen und zu täuschen, vielleicht ein paar Wochen, aber um wirklich zu wissen, wie ein Jahr .... kudoos zu dir Smarties

    
Chick 11.02.2009 13:12
quelle
0

Es braucht ziemlich viel Erfahrung, um gute cross-basierte CSS-basierte Websites zu schreiben. Der Hauptgrund ist, dass Sie auf Ihrem Weg mehr und mehr browserspezifische Probleme entdecken werden. Indem Sie viele standardbasierte Websites erstellen, werden Sie Erfahrungen sammeln, diese zu vermeiden.

Die erste Stufe ist in der Regel das, was die Leute "div mania" nennen (mit divs für 95% Ihres Inhalts), was es möglich ist, in einer Woche für Firefox und IE zu lernen. Danach fangen die Leute an, mehr sementisch passende Tags für ihren Inhalt zu verwenden und sinnlose Tags zu entfernen.

Nach dieser Phase werden die Leute mit härteren Problemen wie vertikalem Zentrieren und Formularentwurf ( HARD ) vertrauter, um Pixelgenauigkeit zu erreichen Ссылка ).

Wahre Meister können all diese Dinge tun und auch minimale CSS-Regeln verwenden und sehr effiziente Bildstrategien wie Sprites verwenden.

    
TomHastjarjanto 11.02.2009 13:21
quelle
0

Es dauert definitiv länger als ein paar Wochen, um CSS zu beherrschen.

Wenn Sie eine Reset-Datei oder ein Framework verwenden, können Sie innerhalb dieser Zeit etwas ziemlich Solides zusammensetzen, aber Sie werden wenig Verständnis dafür haben, warum alles funktioniert, was Sie verfolgen wird, wenn Sie auf diese Probleme stoßen nicht von Ihrem Rahmen abgedeckt.

... oder vielleicht mache ich nur Ausreden für meine eigene Inkompetenz ... (blöder IE)

    
Luke Lowrey 02.03.2009 00:38
quelle
0

Es hängt wirklich davon ab, was in einer Woche dein Ziel ist. Sie können HTML an einem Tag lernen und im Rest der Woche CSS lernen.

    
Fred Yang 20.05.2009 20:30
quelle
0

Wenn irgendjemand, EIN MENSCH, Ihnen sagt, dass Sie ein perfekter Lehrer sind, lassen Sie alle Informationen einfach so in Sie einfließen, NEIN SEIN NICHT UNMÖGLICH ... es ist LEICHT IN 3 TAGEN MAX LEICHT ZU LERNEN. Aber da niemand perfekt ist und das schließt mich zum Beispiel ein, kann ich nicht all diese großen CSS-Bücher einfach so lesen ... Wenn also die Leute perfekt wären, wären die Bücher so, also würden wir alle in einer Stunde lernen JEDER würde in einer Woche ... Naja übrigens ...:)))

    
emre 21.07.2009 02:27
quelle
0

Es dauert nur eine Minute, um zu lernen, wie man eine Axt benutzt, aber es dauert Jahre, um zu lernen, wie man ein Kanu schnitzt.

Ich mache das seit 11 Jahren und es wird immer schwieriger, dank Frameworks, CMS, AJAX und was auch immer. Browserkompatibilität ist im Vergleich ein Kinderspiel.

Zum Beispiel arbeite ich gerade an einer Drupal-Site mit einem OpenLayers-Plugin. Ich habe fast 2000 CSS-Zeilen mit diesen Frameworks, bevor ich überhaupt damit anfange, etwas anderes als OpenLayers in Drupal aussehen zu lassen. Jeder überlädt alle anderen und schafft eine delikate Sammlung von CSS-Epizyklen. (Versuchen Sie, eine Label-Schaltfläche in Google Mail zu testen, um einen Eindruck zu erhalten.)

Also ja: HTML / CSS ist einfach. Ich habe an einem Wochenende alle Regeln von Go gelernt, bin ich noch ein Meister?

    
axoplasm 21.07.2009 23:21
quelle
0

Wenn Sie in der Lage sind, mindestens die Hälfte der CSS-Fragen beim Stack-Überlauf zu beantworten, dann werden Sie Guru sein:)

plus, HTML5 ist nicht nur über das Markup, es gibt viele APIs, die Sie lernen sollten

    
Cameron A 01.12.2014 14:07
quelle
0

Diese Frage wurde vor sechs Jahren gestellt, aber selbst dann glaube ich nicht, dass es wahr ist. Ich vergleiche es mit dem Snowboarden. Fast jeder kann nach einer Woche Unterricht auf die Beine kommen und einige Runden drehen. Die Lernkurve ist sehr einfach. Sobald Sie jedoch die Grundlagen haben, dauert es Jahre und Jahre des Übens, bevor Sie 1080 aus großen Sprüngen machen.

Ebenso sind CSS und HTML einfach, aber ich lerne immer noch neue Dinge und finde bessere Möglichkeiten, Dinge zu tun.

    
chap 25.06.2015 10:32
quelle

Tags und Links