Hallo, alle.
Willkommen bei Einführung in CSS3.
In den nächsten vier Wochen werden wir lernen, wie man einfachen HTML5-Code nimmt und
ihn in etwas wirklich Schönes verwandelt.
Was wird also in den nächsten vier Wochen tun?
Nun, der Schwerpunkt wird darauf liegen, etwas über Cascading Stylesheets zu lernen.
Wir werden darüber reden, warum sie ein besserer Weg sind, zu stylen, als das, was
die Leute früher in den frühen 2000er und Ende
der 1990er Jahre benutzt haben.
Wenn Sie wissen, dass es ein besserer Weg ist, es zu verwenden,
wie können wir sicherstellen, dass Sie wirklich guten Code schreiben?
Sobald Sie die Syntax herausgefunden haben, gehen wir weiter und
wir werden auch über Entwicklungstools sprechen.
Wenn Sie Webdesign machen, ist es sehr selten, dass Sie einfach da sitzen und Sie codieren, und
Sie schauen nicht nach links, oder schauen Sie nach rechts oder gehen Sie im Web.
Stattdessen werden Sie andere Tools verwenden, um zu sehen, wie Sie Ihren Code ändern können,
ohne den Code vorher schreiben zu müssen.
Schließlich werden wir wie immer über Probleme mit der Barrierefreiheit sprechen.
Es macht immer Spaß, Farben und Animationen und coole Dinge auf unserer Seite hinzuzufügen.
Wenn wir das tun,
wollen wir sicherstellen, dass wir es nicht auf Kosten der Zugänglichkeit tun.
Wir wollen sicherstellen, dass jeder alles auf unserer Seite sehen kann.
Lassen Sie uns also darüber reden, was wir in jeder der vier Wochen tun werden.
In Woche 1 liegt der Fokus wirklich darauf, dass Sie nur loslegen, Ihre Füße nass
werden und Ihnen ein wenig Vertrauen in das Wissen geben, dass Sie dies tun können.
Wir werden damit beginnen, über die drei gängigen Methoden zum Styling von Code zu sprechen.
Und sobald wir sie abdecken, werden wir darüber reden, wie diese Methoden interagieren,
welche in verschiedenen Situationen besser sind.
Und verschiedene Dinge, die Sie sicher fühlen können, zu wissen, wie Sie
Ihre Seite in jeder bestimmten Situation am besten gestalten können.
Als nächstes werden wir über das grundlegende Styling von Schriftarten sprechen.
Am Ende der ersten Woche möchte ich, dass Sie in der Lage sein, eine Webseite zu nehmen und
etwas wirklich Offensichtliches zu ändern.
Können Sie den Text so ändern, dass er kursiv, unterstrichen oder in
einer anderen Farbe ist?
Schließlich werden wir sehr kurz über das Platzieren von Elementen auf der Seite sprechen.
Das wird ein wichtiger Bestandteil unserer ganzen vier Wochen sein.
Versucht herauszufinden, wie Sie Ihren Header hier oder
ein Bild dort drüben setzen können.
Und es kann schwierig sein, aber das ist okay.
Weil wir es Woche für Woche wiederholen werden.
In Woche zwei werde ich über etwas sprechen, das Boxmodell genannt wird.
Dies ist ein sehr gebräuchliches Konzept für jeden Webentwickler,
weil wir darüber sprechen, wie jedes Element auf Ihrer Seite tatsächlich eine Box ist.
Als nächstes werden wir über Styling-Links und Listen sprechen.
Wir alle lieben die Links auf unserer Seite.
Das Web ist das Web, weil wir Links haben, also wie können wir sie wirklich cool aussehen lassen?
Als nächstes werden wir über erweiterte Selektoren sprechen.
Zu Beginn des Kurses werden wir sehr vorsichtig sein, um einfache
Elemente wie das Styling einer Liste oder das Formatieren eines Absatzes oder das Formatieren einer Kopfzeile zu gestalten.
Als nächstes wollen wir darüber reden, was, wenn wir nur einige der Links stylen wollen,
nicht alle Links?
Schließlich werden wir über Browser-Funktionen sprechen.
Genau wie, als Sie etwas über HTML5 erfahren haben,
haben Sie gelernt, dass einige Browser einige Tags unterstützen, andere dies nicht tun.
Auf die gleiche Weise behandeln Browser CSS anders.
Und ich möchte, dass du weißt, wie du am besten darauf reagieren kannst.
In Woche drei sprechen wir über Pseudoklassen und -elemente. Das
sind irgendwie diese coole Idee, wie wir verschiedene Dinge passieren lassen können,
wenn wir den Mauszeiger über eine Seite bewegen.
Es spricht auch darüber, wie wir nur bestimmte Dinge wie
den letzten Absatz auf der Seite oder den ersten Absatz formatieren können.
Wir werden auch über Übergänge sprechen.
Dies ist eine Möglichkeit, das Aussehen eines der Elemente auf Ihrer Seite
zu ändern, was der Idee von Transformationen sehr ähnlich ist.
Transformationen sind, wie wir Dinge auf der Seite drehen, sie verzerren,
sie größer und kleiner machen und verschiedene Dinge wie diese tun können.
Schließlich werden wir wieder über die Positionierung sprechen,
wie wir die Dinge an einem bestimmten Ort laufen lassen und die ganze Zeit dort bleiben können.
Wir haben alle wirklich nervige Pop-up-Menüs und verschiedene Pop-up-Anzeigen gesehen.
Jetzt können Sie Ihre eigene lästige Pop-up-Anzeige machen.
In Woche vier werden wir nicht wirklich neues Material abdecken.
Stattdessen werden es Proben, Proben und weitere Beispiele und Beispiele sein.
Insbesondere möchte ich Ihnen verschiedene Möglichkeiten zeigen, wie wir eine Tabelle stylen können und
verschiedene Möglichkeiten für das Styling eines Navigationsmenüs.
Der Großteil der vierten Woche wird wirklich mit der Arbeit an Ihrem endgültigen Projekt verbracht werden.
Also möchte ich, dass Sie sofort wissen, für wen diese Klasse ist und ob Sie bereit sind und
daran interessiert sind, sie zu nehmen.
Zunächst einmal möchten Sie diese Klasse nicht nehmen, es sei denn, Sie wissen bereits über HTML5 Bescheid.
Vielleicht nehmen Sie einen Kurs darüber.
Sie gehen vielleicht einfach online und lesen darüber, aber Sie müssen sich wohl fühlen,
wenn ich Dinge wie Tags oder Elemente oder Validierung erwähne.
Als nächstes ist diese Klasse für Menschen, die Beharrlichkeit haben.
Sie werden Ihre Seiten beim ersten Mal nie richtig codieren.
Sogar das zweite Mal, manchmal das dritte, vierte und fünfte Mal.
Es geht wirklich darum, den ganzen Prozess zu genießen, wirklich
etwas zum Laufen zu bringen und kleine Siege zu fühlen, wenn es passiert.
Schließlich ist diese Klasse für
diejenigen, die bereit sind, mehr zu tun, als das, was ich in diesen Vorträgen tun werde.
Es gibt nur so viele Informationen, die ich dir geben kann.
Es liegt an dir, es zu üben, zu optimieren, zu ändern und
zu versuchen, wirklich zu sehen, was über das hinaus passiert, was ich dir zeige.
Also, wenn Sie ein wenig mehr über mich wissen wollen und warum ich
diese Klasse lehren möchte, hier sind ein bisschen Hintergrundinformationen.
Ich habe einen Doktortitel in Informatik.
Aber um ehrlich zu sein, das ist wirklich der am wenigsten wichtige Teil.
Was ich wirklich habe, sind zwei Jahrzehnte Erfahrung im Unterricht.
Und während dieser Zeit habe ich eine breite Palette von Studenten und
eine breite Palette von Themen unterrichtet.
Und ich fand, dass ich es wirklich genieße, Dinge auf verschiedene Arten zu erklären, und
ich genieße es wirklich, Studenten zu erreichen, die vielleicht mehr Fragen haben.
Mein Schwerpunkt auf Bildung lag schon immer im Klassenzimmer und
half den Schülern beim Debuggen und Treffen mit ihnen eins zu eins.
Die Arbeitsbelastung für diesen Kurs wird ziemlich unkompliziert sein.
Jede Woche wird es ein sehr kurzes Quiz geben, typischerweise Multiple-Choice-Fragen.
Noch wichtiger ist, dass Sie wöchentliche Peer-Grad-Aufgaben haben werden.
Weil ich alles über CSS3 reden kann, aber bis du anfängst, Dinge einzutippen und
damit zu spielen, gibt es keine andere Möglichkeit, es zu lernen.
Jede Woche wird jeder Schüler den gleichen HTML-Code haben.
Sie werden Ihren eigenen einzigartigen Look dafür kreieren.
Die endgültige Peer-Graded Zuordnung, die in Woche vier.
Es wird ziemlich umfangreich sein, um etwas zu schaffen, auf das Sie
wirklich stolz sein können und das wird Ihren eigenen einzigartigen Stempel zu ihm haben.
Lassen Sie uns also darüber sprechen, wie Sie in diesem Kurs erfolgreich sein können.
In einer perfekten Welt kommt man mit Freunden zusammen, man kodiert zusammen, man lernt
von den Fehlern der anderen, und man lernt auch von den Erfolgen der anderen.
Also, obwohl wir diese Erfahrung nicht haben, stellen
Sie sicher, dass Sie die Message Boards verwenden.
Nicht nur um Fragen zu stellen, sondern um zu sehen, welche anderen Fragen die Leute stellen.
Auf diese Weise kann man viel lernen.
Ich kann wirklich nicht genug betonen, dass ich nicht will, dass du das Gefühl
hast, dich zu betrügen, oder dass ich irgendeine Art von Gotcha-Problemen gebe.
Wenn Sie jemals an etwas arbeiten und
länger als 15 Minuten daran stecken, machen Sie weiter.
Das ist CSS, es ist Styling.
Es gibt immer etwas, das Sie ändern können, und
Sie können etwas anderes finden, an dem Sie arbeiten möchten.
Stellen Sie sicher, dass Sie die Dinge auf eigene Faust suchen.
Ich werde dir auf keinen Fall alles beibringen können, was du wissen musst.
Und deshalb können Sie ins Internet gehen und verschiedene Ressourcen betrachten und
sehen, ob es etwas gibt, das Sie neu erstellen möchten.
Schließlich ist es wirklich wichtig, dass Sie dies so viel wie möglich üben.
Wenn Sie das erforderliche Minimum für diesen Kurs machen und damit zufrieden sind,
ist das großartig.
Ich bin froh, dass du etwas lernen kannst.
Aber wenn Sie wirklich ein Web-Entwickler sein wollen, ist es so
wichtig, dass Sie genießen, was Sie tun, und Sie gehen auf eigene Faust,
und Sie schaffen etwas Schönes, wann immer Sie können.
Also begrüße ich Sie in der Klasse, und ich kann es kaum erwarten, dass
Sie sich uns anschließen, wenn wir mehr über Cascading Stylesheets erfahren.
Danke.