Lernpfad: Designer #

Dieser Pfad ist für Lernende, die gestalten werden, wie mit Exponential gebaute Websites aussehen: Designer, Frontend-Entwickler und Studierende des Webdesigns. Sie sollten HTML und CSS können. Schließen Sie zuerst den Redakteurpfad ab, damit Sie die Inhalte kennen, die Ihre Designs zeigen werden.

Der eigene Bereich der Hilfe für Designer ist groß; dieser Pfad wählt die Seiten aus, die Lernende zuerst brauchen. Die vollständige Übersicht ist Designer: hier beginnen.

Inhalt #

1. Die Schritte
2. Regeln, die Sie früh lernen
3. Weiterführend
4. Wohin der Pfad als Nächstes führt

Die Schritte #

Schritt 1: Was ein Design ist (1 Stunde) #

• Lesen: Designer: hier beginnen, Was ein Design ist.
• Üben: Finden Sie das Design des öffentlichen Siteaccess Ihrer Lernwebsite mit php bin/php/console exp:ini where site/DesignSettings/SiteDesign site (Erste Schritte).
• Prüfen: Wo kann ein Design liegen? (In design/ der Installation oder in extension/<name>/design/<design>/, wie Templates und Design sagt.)

Schritt 2: Die Design-Kaskade (1 Stunde) #

• Lesen: Die Design-Kaskade, Templates und Design, Abschnitt 1.
• Prüfen: Warum bearbeiten Sie niemals design/standard/templates/? (Es ist die Rückfallebene; Sie überschreiben es stattdessen.)

Schritt 3: Sehen, welches Template was geschrieben hat (1 Stunde) #

• Lesen: Template-Pfadkommentare, Templates und Design.
• Üben: Schalten Sie die Pfadkommentare für Ihre Lernwebsite ein, finden Sie drei Templates im Quelltext der Seite und schalten Sie sie wieder aus.

Schritt 4: Das Pagelayout (1 Stunde) #

• Lesen: Das Pagelayout.
• Üben: Finden Sie mit den Pfadkommentaren das Pagelayout-Template Ihres Designs.

Schritt 5: Templates und Overrides (3 Stunden) #

• Lesen: Überblick über Templates, Grundlagen der Overrides, Die Template-Sprache lernen.
• Üben: Projekt 3.

Schritt 6: Seiten mit Blöcken (2 Stunden) #

• Lesen: Der Layouts-Editor.
• Üben: Projekt 4. Sehen Sie im Reiter Design des Blocks nach, welche Blockansichten Ihr Design anbietet.

Schritt 7: Themes als Erweiterungen (2 Stunden) #

• Lesen: Themes sind Erweiterungen, Ein Theme von Hand, Ein Theme mit dem RAD-Assistenten.
• Üben: Legen Sie mit dem Assistenten unter /setup/designextension eine Design-Erweiterung an (Erweiterungen), schalten Sie sie ein und überschreiben Sie darin ein Template.

Schritt 8: Barrierefreiheit und Schreibrichtung von rechts nach links (2 Stunden) #

• Lesen: den Kurs Theme-Design der Trainer, Modul 5, und Sprachen.
• Üben: Prüfen Sie eine Seite Ihres Designs nur mit der Tastatur und notieren Sie, was Sie nicht erreichen.

Regeln, die Sie früh lernen #

• Kein Inline-CSS in Templates der Administrationsoberfläche. Die Designs der Administrationsoberfläche halten alles CSS in Stylesheets, verwenden gemeinsame Komponenten und Tokens und geben jedem neuen Token einen Wert für den dunklen Modus; ein Test setzt das durch (Die Administrationsoberfläche gestalten).
• Maskieren Sie, was Benutzer eingeben. wash auf jedem Wert aus Inhalten oder von Besuchern (Templates und Design).
• Überschreiben, nicht bearbeiten. Änderungen gehören in Ihr eigenes Design oder Ihre eigene Erweiterung, damit Updates sie nicht überschreiben.

Weiterführend #

Wohin der Pfad als Nächstes führt #

• Lernprojekte: 2, 3, 4, Abschlussprojekt.
• Mit einem Trainer: Theme-Design, 8 Module, etwa 24 Stunden.
• Nächster Pfad: Entwickler, wenn Sie das PHP hinter einem Design schreiben möchten.

Verwandte Seiten #

• Einen Lernpfad wählen
• Die Template-Sprache lernen
• Ein Portfolio aufbauen
• Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.