Wähle eine Vorlage passend zur Stimmung und erstelle eine HTML-Präsentation

## Frage vor der Vorlagenwahl nach Anlass und Stimmung Stelle zwei gezielte Fragen, bevor du Vorlagen liest oder auswählst. Frage zuerst, welchem Anlass die Präsentation dient. Beispiele sind eine Gründungspräsentation, eine Forschungssynthese, ein Markenmanifest, ein Unterrichtsauftakt oder eine Gestaltungsprüfung. Frage anschließend, welche Stimmung oder Wirkung das Publikum wahrnehmen soll. Beispiele sind selbstbewusst und kraftvoll, ruhig und literarisch, warm und verspielt oder dunkel und schwermütig. Warte auf die Antworten der nutzenden Person, bevor du eine Vorlage auswählst. Auch eine ausführliche Vorgabe hebt diesen zwingenden Klärungsschritt nicht auf. Leite den Geschmack nicht allein aus Thema oder Branche ab. Behandle das emotionale Ziel der nutzenden Person als vorrangige Gestaltungsvorgabe. Trenne Anlass und Ton, da ein Anlass mehrere visuelle Richtungen zulassen kann. Frage nur dann nach der Förmlichkeit, wenn die Erwartungen des Publikums sie bedeutsam machen. Frage nach der Inhaltsdichte, wenn die Vorgabe ungewöhnlich viel oder wenig Material enthält. Erfasse ausdrückliche Wünsche für ein helles, dunkles oder gemischtes Farbschema als feste Einschränkungen. Beginne während dieses Klärungsschritts nicht mit der vollständigen Ausarbeitung. Halte die Fragen so kurz, dass sie sofort beantwortet werden können. ## Wähle drei deutlich verschiedene Vorlagen, die zur Stimmung passen Lies das Vorlagenverzeichnis, bevor du einzelne Vorlagendateien öffnest. Gleiche die Antworten mit Stimmung, Ton, Beschreibung des besten Einsatzbereichs und Förmlichkeit ab. Nutze den Anlass als weichen Hinweis und nicht als Ausschlussliste für Branchen. Bewerte Vorlagen nicht danach, wie sehr sie der Branche des Themas ähneln. Vergleiche anhand der Dichte die nachgewiesene Aufnahmefähigkeit der Vorlage mit dem Inhaltsumfang. Behandle das Farbschema als festen Hinweis, wenn eine helle oder dunkle Ausführung vorgegeben wurde. Verstehe Hinweise gegen eine Verwendung als weiche Warnungen. Lass einen ausdrücklichen Wunsch der nutzenden Person eine weiche Warnung überstimmen. Wähle genau drei Kandidaten mit echter tonaler Passung. Beginne Kandidatenbeschreibungen mit der empfundenen Wirkung statt mit einer Einordnung. Unterscheide die drei Kandidaten deutlich genug, um eine echte Wahl zu ermöglichen. Gib nicht drei nahezu gleiche redaktionelle, geschäftliche oder verspielte Varianten zurück. Nimm möglichst eine unmittelbar passende Wahl, eine glaubwürdige Alternative und eine durchdachte Neuinterpretation auf. Prüfe die Förmlichkeit auf ihre Plausibilität für das Publikum. Kennzeichne eine schwerwiegende Unstimmigkeit, etwa eine wenig förmliche Gestaltung für einen konservativen Vorstand. Nutze die Anzahl der Musterfolien nur als Beleg für verfügbare Anordnungen, nicht als Qualitätsbewertung. Lies den vollständigen HTML- und CSS-Code erst, nachdem eine Vorlage in die Vorauswahl gelangt ist. ## Erstelle Vorschauen der Titelfolie mit den echten Inhalten Untersuche die Titelfolie und das ergänzende Gestaltungssystem jeder vorausgewählten Vorlage. Entnimm für die Vorschau nur die erste Folie. Halte den Vergleich kostengünstig, indem du jede Vorschau auf eine Folie begrenzt. Ersetze vorläufigen Titel, Untertitel, Namen und Datum durch die echten Inhalte der nutzenden Person. Zeige in einer Auswahlvorschau keinen allgemeinen Platzhaltertext. Speichere jede Vorschau als eigenständiges HTML-Ergebnis in einem vorläufigen Vorschauordner. Verwende nummerierte Dateinamen und beständige beschreibende Slugs. Bewahre alle zugehörigen Formatvorlagen, Skripte, Schriften und Ressourcen auf, die für die Vorschau erforderlich sind. Stelle sicher, dass sich jede Vorschau unabhängig vom ursprünglichen Vorlagenordner öffnen lässt. Bewahre die ursprünglichen Abmessungen und das anpassungsfähige Verhalten der Titelfolie. Nutze beim Vergleich der Kandidaten einen einheitlichen Anzeigebereich des Webbrowsers. Gestalte die Vorschau nicht um, bevor die nutzende Person gewählt hat. Verändere weder Farben noch Schriftbild und vereinfache die visuelle Identität der Vorlage nicht. Prüfe, dass lange echte Titel ohne Überlagerung oder Abschneiden umbrechen. Prüfe Bildplatzhalter, Quellenangaben und Datumsformatierung. Öffne jede Vorschau vor der Präsentation in einem Webbrowser. Behandle die visuelle Prüfung als Teil der Erstellung und nicht als freiwillige Nachkontrolle. ## Zeige die drei Vorschauen und warte auf die Wahl des Nutzers Öffne alle drei Vorschauen über den Mechanismus der Umgebung zum Öffnen von Webbrowsern. Sende der nutzenden Person einen nummerierten Vergleich. Halte Nummerierung und Dateinamen unverändert, damit Rückmeldungen dem richtigen Kandidaten zugeordnet werden. Gib für jede Möglichkeit den Vorlagennamen und eine einzeilige Beschreibung des Tons an. Stelle den absoluten Pfad zu jedem Vorschauergebnis bereit. Sorge dafür, dass die Pfade in der aktuellen Oberfläche unmittelbar verwendbar oder anklickbar sind. Erläutere, warum jeder Kandidat zur gewünschten Wirkung passt. Ersetze die Vorschauen nicht durch eine rein schriftliche Erörterung der Vor- und Nachteile. Frage, welche Möglichkeit sich richtig anfühlt. Warte auf eine ausdrückliche Auswahl, bevor du die vollständige Präsentation erstellst. Nimm Schweigen nicht als Zustimmung an. Wenn alle drei Möglichkeiten abgelehnt werden, präzisiere die Deutung der Stimmung und erstelle eine neue Vorauswahl. Verteidige einen Kandidaten nicht, nachdem ihn der Geschmack der nutzenden Person eindeutig ausgeschlossen hat. Führe die gewählte Vorlage als einziges Gestaltungssystem fort. Wechsle später nicht die Vorlage, nur weil eine Folie schwierig ist. ## Setze echte Inhalte in jede Folie, ohne den Stil der Vorlage zu ändern Kopiere den vollständigen Ordner der gewählten Vorlage in den Projektarbeitsbereich der nutzenden Person. Bewahre Schriftarten, Schriftstärken, Zeichenabstände und Zeilenhöhen. Bewahre die gesamte Farbpalette und die CSS-Variablen. Bewahre Gestaltungsraster, Positionierungssysteme, Flexbox-Hierarchien und den Abstandsrhythmus. Bewahre folienbezogene Klassen, welche die visuelle Identität tragen. Bewahre Schmuckelemente wie Körnung, Klammern, Formen, Illustrationen und Kritzeleien. Bewahre die vorhandene Navigationslogik und das Bedienmodell. Ersetze alle Überschriften, Fließtexte, Listeneinträge, Bildunterschriften, Kennzahlen, Namen, Daten, Quellenangaben und eingetragenen Textbausteine. Behandle Abschnittsbezeichnungen und Elemente der Bedienoberfläche ebenfalls als eingetragene Platzhalter, die ersetzt werden müssen. Ersetze jeden Bildplatzhalter durch das Bild der nutzenden Person in denselben Abmessungen. Verwende für den echten Inhalt geeignete Überschriften-, Absatz-, Listen- und Bildelemente. Vervielfältige die ähnlichste vorhandene Anordnung, wenn weitere Folien benötigt werden. Entferne nicht benötigte Folien am Ende, wenn weniger Folien erforderlich sind. Aktualisiere die Angaben zur aktuellen Seite und zur Gesamtseitenzahl nach jeder Änderung der Folienanzahl. Passe jede Folie an; belasse weder Mustertexte noch Platzhalterzahlen. Halte die Informationshierarchie der nutzenden Person innerhalb der Dichtebeschränkungen der Vorlage verständlich. Prüfe jede neu formulierte Folie auf Überlauf, bevor du fortfährst. ## Gestalte fehlende Folienarten im selben Stil Entwirf eine fehlende Anordnung neu, wenn der gewählten Vorlage eine erforderliche Folienart fehlt. Wende dich nicht nur deshalb erneut an die nutzende Person, weil eine Vergleichstabelle oder ein Zeitstrahl fehlt. Übernimm keine Anordnung aus einer anderen Vorlage. Verwende dieselben Schriftfamilien, Schriftstärken, Abstände und dieselbe typografische Hierarchie. Verwende ausschließlich vorhandene Palettenfarben und wähle den nächstliegenden Akzent, wenn eine neue Bedeutungsfarbe nötig erscheint. Nutze denselben Schmuckwortschatz und dieselbe visuelle Beschaffenheit erneut. Eine kahle, schmucklose Folie in einem verzierten Foliensatz ist ein Gestaltungsfehler. Gleiche Folieninnenabstände, Rasterspalten, Spaltenzwischenräume und Ausrichtungsregeln an. Nutze die Bausteingrammatik der Vorlage für Karten, Kennzahlen, Zitate und Bildunterschriften erneut. Gleiche obere Bezeichnungen, Seitenzahlen, Eckmarken und andere Oberflächenelemente an. Füge die neue Folie als denselben Typ gleichgeordneter Elemente ein, den die bestehenden Folien verwenden. Binde sie in die vorhandene Tastatursteuerung, das Einrastverhalten beim Bildlauf oder die gestufte Navigation ein. Prüfe die neue Folie zwischen zwei ursprünglichen Folien. Wenn sie wie aus einer anderen Bildsprache angefügt wirkt, gestalte sie neu. Führe Umsetzung und Prüfung fort, ohne die nutzende Person um die Lösung der Anordnung zu bitten. ## Ändere Schriften, Farben und Aufbau der Vorlage nicht Ersetze eine nicht ladbare ursprüngliche Schriftart nicht durch eine ähnliche. Repariere stattdessen den Import oder den Ressourcenpfad. Färbe Akzente, Hintergründe oder neutrale Töne nicht um. Kombiniere keine Folien aus unterschiedlichen Vorlagen. Entferne Schmuck nicht bloß deshalb, weil er funktionslos erscheint. Modernisiere keinen älteren visuellen Stil innerhalb der gewählten Vorlage. Wähle während der Auswahl eine andere Vorlage, wenn die Bildsprache ungeeignet ist. Strukturiere Raster nicht um, um das Einfügen von Inhalten zu erleichtern. Bearbeite Inhaltslänge und Hierarchie, bevor du die Anordnung durchbrichst. Verzerre Bilder nicht, um Platzhalter auszufüllen. Beschneide oder wähle Ressourcen, die zum vorgesehenen Seitenverhältnis passen. Prüfe jede Folie im Zielanzeigebereich der Präsentation. Untersuche Abschneiden, Überlauf, Kontrast, Zeilenumbrüche und Navigation. Prüfe Seitennummerierung und Gesamtzahl nach Ergänzungen oder Entfernungen. Halte Vorschau-, Bearbeitungs- und Enddateien visuell prüfbar. ## Prüfe jede Datei im Browser und nenne ihren Pfad Öffne jede Vorschau, jede Zwischenfassung und die endgültige Präsentation in einem Webbrowser. Kündige ein Ergebnis nicht an, bevor du es visuell geprüft hast. Sende für jedes Ergebnis den absoluten Pfad. Setze jeden Pfad in eine eigene Zeile, wenn die Oberfläche anklickbare Pfade unterstützt. Benenne für die endgültige Präsentation die gewählte Vorlage allgemein und erkläre die tonale Passung in einer Zeile. Nenne Vorbehalte nur, wenn sie das gelieferte Ergebnis betreffen. Setze jeden Vorbehalt, der eine Handlung der nutzenden Person erfordert, neben den Pfad des Endergebnisses. Kennzeichne Folien, die neu gestaltet wurden, weil der ursprünglichen Vorlage entsprechende Anordnungen fehlten. Halte die Übergabe knapp: Ergebnis, Pfad, Begründung und wesentliche Vorbehalte. Schildere nicht den gesamten Herstellungsablauf. Bestätige, dass alle erforderlichen Ressourcen aus dem ausgelieferten Ordner aufgelöst werden. Bestätige, dass die Navigation aus der Enddatei funktioniert. Bestätige, dass die endgültige Präsentation keine Platzhalterinhalte enthält. Behandle Webbrowserprüfung und Pfadübergabe als Abschlussanforderungen. Melde den Abschluss nicht, wenn eine der beiden Anforderungen fehlt.