Lernen Web Design Geführte HTML, CSS, Design-Kurse
Einführung in HTML und CSS
HTML-Grundlagen
CSS-Grundlagen
CSS-Selektoren
In diesem kurzen Kurs, wir gehen über die grundlegenden Konzepte Selektor in CSS-Grundlagen abgedeckt gehen. Neben den üblichen Möglichkeiten, Elemente mit Typ, ID und Klassen-Selektoren zu wählen, sind wir in der Lage Elemente auf ihren Attributen basierend auf Ziel, Position im HTML-Dokument, auch ihre Beziehung zu anderen Elementen. Am Ende dieses Kurses werden Sie ein besseres Verständnis für die Leistung und Flexibilität hinter CSS-Selektoren haben gewonnen. Sie werden eine neue Reihe von wertvollen Tools in Ihrem CSS-Toolkit auf Ihrem nächsten Projekt zu verwenden.
HTML-Formulare
Das Web ist ein Zwei-Wege-Kommunikationsmedium. Es gibt viele HTML-Elemente zur Anzeige von Daten und Ausgangssignal zu erzeugen, und umgekehrt, gibt es auch viele HTML-Elemente für die Eingabe zu akzeptieren. Annahme von Eingaben von dem Benutzer bedeutet, Web-Formulare zu schaffen. In diesem Kurs werden wir über alle wichtigen Formularelemente, die Web-Profis verwenden, um auf einer täglichen Basis lernen.
HTML-Tabellen
Die Bahn wird mit Text und Bildern gefüllt, aber es ist auch mit Informationen wie Sportergebnisse im Laufe der Jahre, Liste der Mitarbeiternamen und E-Mail-Adressen oder Nährwerte für Ihre Lieblingsspeisen gefüllt. HTML-Tabellen ermöglichen die Anzeigeinformationen in dem, was als Tabellendaten allgemein bekannt ist, die Informationen, die in einer tabellenartigen Struktur von Spalten und Zeilen gespeichert wird. In der Regel alles, was Sie in eine Tabelle setzen könnten in einer Tabelle gehen könnte. Es gibt viele Anwendungsfälle für einen Tisch, also ist es wichtig, sie zu Ihren Fähigkeiten hinzuzufügen, weil es zum Anzeigen von Informationen eine sehr verbreitete Methode ist.
CSS-Layout-Basics
Lernen Sie mit gemeinsamem Layout und Positionierungsverfahren in Web-Design zu arbeiten. In diesem Kurs werden Sie praktische Übungen mit grundlegenden CSS-Layout-Techniken wie Anzeigemodi und Schwimmer zu bekommen. Sie werden Ihre neue CSS-Layout-Fähigkeiten nutzen, um das Layout für eine einfache Web-Seite zu bauen. Dann lernen Sie das Layout mit relativ, absolut und fester Positionierung zu verbessern.
Responsive Layouts
CSS-Layout Flexbox
Flexbox ist ein Satz von CSS-Eigenschaften, die Ihnen eine flexible Möglichkeit geben, Inhalte zu legen. Mit Flexbox können Sie die Richtung ändern, Ausrichtung, Größe und Reihenfolge der Elemente, unabhängig von ihrer ursprünglichen Größe und Ordnung in der HTML. Sie können sogar strecken und Elemente schrumpfen und Raum verteilen, die alle mit nur ein paar Zeilen CSS!
Design Foundations
Haben Sie schon einmal ästhetische Entwürfe für das Web verstehen und schaffen wollen? In diesem Deep Dive werden wir erfahren, was Design ist und wie seine Macht zu nutzen. Aufschlüsselung der Komponenten, die die perfekte ästhetische zaubern. Auch erstellen und ein Design Ihrer eigenen beheben.
Photoshop Foundations
Photoshop Foundations lehrt die Kenntnisse und Fähigkeiten im Zusammenhang mit Adobe Photoshop, die am wichtigsten für ein Web-Design professionell sind. Die Lehren hier bieten eine solide Grundlage für fortgeschrittene Photoshop Themen zu studieren.
Adobe Illustrator für Web Design
CSS Transitions und Transformationen
SVG Basics
Animieren von SVG mit CSS
SVG (Scalable Vector Graphics) unterstützt auch die Interaktivität und Animation, so können Sie mit SVG animieren und zu interagieren, wie Sie in der Lage sind, mit HTML zu tun. Dieser kurze Kurs deckt die gängigsten Methoden zum Animieren SVG: CSS-Übergänge, Transformationen und Keyframe-Animationen.
Logo Design Basics
Dieser Kurs wird nicht nur behandelt die Grundlagen des Logo-Designs, sondern auch zu Fuß durch den Prozess ein Logo von Anfang bis Ende zu schaffen. Folgen Sie Mat Helme in seinem Streben ein Logo für einen Task-Manager App erstellen ODOT genannt, während sein Prozess als „Logo Sprint“ bekannt ist.
Brand Identity Basics
In diesem Kurs werden wir einen eingehenden Blick auf der Markenidentität Design-Prozess nehmen: von der Planung, Strategieentwicklung und Forschung, die ganzen Weg über das Design und das Projekt abzuschließen. Wir werden auch untersuchen, was genau ein Markenimage macht und warum Prozess so wichtig ist. Branding kann eine Herausforderung sein, aber mit der Vorbereitung und Erwartungen können wir erstaunliche Arbeit schaffen und weiter zu schärfen, was die besten Ergebnisse erzeugt. Am Ende dieses Kurses haben Sie die Werkzeuge und das Wissen sinnvolle und umfassende Markenidentitäten zu erstellen.
Sass Basics
Sass ist eine Stylesheet-Sprache, die CSS mit Funktionen wie Variablen, verschachtelte Regeln, Mixins und Funktionen in einer CSS-kompatible Syntax erweitert. In diesem Kurs lernen Sie die Kräfte von Sass zu benutzen, um Ihren Front-End-Workflow zu steigern. Die Beispiele werden Sie lehren, warum Sie Sass in Ihren Projekten verwenden sollten. Am Ende werden Sie effizienter mit Hilfe von CSS-Code schreiben, die zu lesen und zu pflegen ist einfach.
Web-Design
Ein Einstiegsgehalt für die in dieser Spur abgedeckt Technologien ist ungefähr $ 42.000 / Jahr im Durchschnitt.
Einige Unternehmen, die diese Technologien nutzen regelmäßig sind: Google, Facebook, Yahoo, eBay, Amazon und Treehouse