CSS für Fortgeschrittene (Reihe)

Name: CSS für Fortgeschrittene (Reihe)
Author: Cliff Brozo

Lernen Sie fortgeschrittene CSS-Fähigkeiten

Preview the first lesson free — get full access to all 24 lessons.

Kurs: On-Demand

(flotte Musik) Willkommen bei KnowledgeCity, und unser Kurs über kaskadierende Stylesheets. Mein Name ist Cliff Brozo, und dies ist ein Kurs für Fortgeschrittene. Das heißt, wir erwarten von Ihnen, dass Sie es wissen nur ein bisschen über CSS. Wenn Sie sich nicht sicher sind, Vielleicht möchten Sie unseren Anfängerkurs besuchen. und auffrischen Dinge, an die Sie sich vielleicht nicht erinnern. In unserem Zwischenkurs Wir werden über das Layout der Website sprechen. Verwenden von Cascading Style Sheets. Wir werden darüber sprechen, wohin die Header gehen sollen. Wie sollen wir unsere Navigationsleisten gestalten? Was ist eine Seite und was geht da rein? Sicher wissen wir, was im Inhaltsfenster steht. Sein Inhalt, aber welche Art von Inhalten? Und was sollen wir in eine Fußzeile setzen, und wie soll es aussehen? Ein Großteil unseres Kurses wird diskutiert reaktionsschnelle Designtechniken. Wir möchten unsere Websites so erstellen, dass, egal welches Gerät der Benutzer verwendet, es wird auf ihren Bildschirm passen. Wir müssen diskutieren, was das Ansichtsfenster ist, und wie wir analysieren, welcher Benutzer welches Gerät verwendet. Wir werden darüber reden, Gitteransicht, und wie man CSS verwendet, um unsere Seiten zu gestalten. Und wir werden Container besprechen. Das sind die Dinge, in die wir Dinge stecken. Wenn wir über das Rasterlayout sprechen, Wir werden einen komplizierten Code drehen, und wir werden daraus etwas machen, das Sinn macht. Wir geben Ihnen ein Bild, Erstellen von Dropdown-Menüs für die Navigation, wird einfach und sieht wirklich gut aus, wenn wir es in CSS stylen. Wir werden über das Formen von Formen sprechen, Lassen Sie sie einladend aussehen, damit die Leute sie ausfüllen möchten. Machen Sie es ihnen einfach, das Formular auszufüllen. Sprechen Sie über verschiedene Fortschrittsbalken und wie wir einen Schieberegler verwenden können, damit der Benutzer weiß, wie weit sie gekommen sind. Schließlich, Wir werden eine Bildergalerie diskutieren, und wie wir unsere Fotos zeigen können, in einem gut aussehenden Format. Wenn der Benutzer unsere Website auf einem Desktop-Computer betrachtet, sie können etwas sehen, das so aussieht, aufgeteilt in vier verschiedene Spalten. Aber wenn sie ein Tablet haben, ist es nicht so breit. So können sie so etwas bekommen. Und wenn sie ihr Telefon haben, Sie können so etwas bekommen. All das wird mit CSS gemacht, und keine Änderungen an der Website. Damit, Ich hoffe, dass Sie mich auf dieser Reise begleiten werden, und wir werden nicht nur lernen, wie die Dinge funktionieren, aber warum sie arbeiten. Wir sehen uns in der nächsten Lektion.

Mittelstufe Anbieter : Cliff Brozo 7 Kapitel · 24 Lektionen · 2h 20m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

Cascading Style Sheets (CSS) fügen Webseiten Farbe, Stil und Animation hinzu, während sie Designern erlauben, die Formatierung vom Inhalt zu trennen.

Dieser Kurs für fortgeschrittene Anfänger baut auf den Grundlagen von CSS auf und zeigt Ihnen, wie Sie Ihre Websites zum Leben erwecken. Da mobile Geräte mittlerweile ungefähr die Hälfte des gesamten Webverkehrs ausmachen, ist es für Webdesigner von entscheidender Bedeutung, reaktionsschnelle Webseiten zu erstellen, die sich automatisch an die Größe des Benutzergeräts anpassen. In diesem Kurs lernen Sie, wie Sie Menüs mithilfe von CSS-Headern und Navigationsleisten erstellen. Wir werden auch Sektionen, Inhaltsfenster und Fußzeilen untersuchen. Der Rest des Kurses konzentriert sich auf reaktionsschnelle Designtechniken, einschließlich Ansichtsfenster, Rasteransicht, Container, Stilarten und Bildergalerien. Am Ende dieses Kurses können Sie wunderschöne Webseiten erstellen, die auf allen Geräten perfekt angezeigt werden.

Lernziele:

Was Sie lernen werden

Artikel und Asides formatieren, um Seiteninhalte zu strukturieren
Responsive Seitenlayouts mit CSS Grid View erstellen
Einzigartige Navigationsleisten, Menüs, Header und Footer erstellen
Animation mit Keyframes steuern
Unvergessliche, stilisierte Formulare entwerfen
Media Queries und Viewport-Einstellungen für responsives Design auf verschiedenen Geräten anwenden

Wichtige Erkenntnisse

CSS fügt Farbe, Stil und Animation zu Webseiten hinzu und hält die Formatierung vom Inhalt getrennt.
Dieser Zwischenkurs baut auf CSS-Grundlagen auf, um Websites zum Leben zu erwecken.
Da Mobile-Geräte ungefähr die Hälfte des gesamten Web-Verkehrs ausmachen, müssen Web-Designer responsive Seiten erstellen, die sich an die Geräte-Größe des Benutzers anpassen.
Der Kurs behandelt Seitenlayout-Elemente, einschließlich Menüs, Navigationsleisten, Asides, Inhalts-Fenster und Footer.
Responsive Design-Themen umfassen Viewport, Grid View, Container, Styling von Formularen und Bildergalerien, damit Seiten auf allen Geräten gut aussehen.

Häufig gestellte Fragen

Für wen ist dieser Kurs?

Es ist ein Zwischenkurs für Web-Designer, die bereits die Grundlagen von CSS kennen und lernen möchten, wie sie ihre Websites zum Leben erwecken und responsiv auf verschiedenen Geräten gestalten.

Was kann ich nach Abschluss dieses Kurses tun?

Am Ende des Kurses werden Sie in der Lage sein, schöne Webseiten zu erstellen, die sich perfekt auf allen Geräten präsentieren, einschließlich der Formatierung von Artikeln und Asides, der Erstellung von Grid-Layouts, der Erstellung von Navigationsleisten und Formularen sowie der Steuerung von Animationen mit Keyframes.

Welche Responsive Design-Techniken behandelt der Kurs?

Er behandelt Responsive Design-Techniken, einschließlich Viewport, Grid View, Container, Styling von Formularen, Bildergalerien und Media Queries.

Welche vorherigen Kenntnisse brauche ich?

Der Kurs baut auf den Grundlagen von CSS auf, daher ist er für Lernende bestimmt, die bereits CSS-Grundlagen verstehen.

Welche Themen werden in den Lektionen unterrichtet?

Lektionen behandeln eine Einführung, Seitenlayout, Responsive Design, Grid-Design, Menüs, Animation, Formulare und Bildergalerien, endend mit einer Conclusion.