Eigenes CSS, Kopf, Fuß, JavaScript
Wer HTML und CSS kann, schaltet unten in der rechten Spalte unter „Erweitert“ den „Entwicklermodus“ ein. Der Schalter gilt für diesen Browser; danach steht links der Bereich „Entwickler“. Dort liegen vier Plätze: „CSS“, „Kopf-HTML“, „Fuß-HTML“ und „JavaScript“, jeder bis zu 200 kB.
Dein CSS kommt nach dem erzeugten Stylesheet und gewinnt deshalb bei gleicher Spezifität. Damit du zielgenau ansetzen kannst, trägt jeder Abschnitt einen festen Anker: der Kopfbereich #kt-hero, die Abschnitte #kt-s0, #kt-s1 … in ihrer Reihenfolge — verschiebst du einen Abschnitt, wandert seine Nummer mit. Ein Klick auf einen Anker fügt ihn an der Schreibmarke ein. Skripte von außen gehen nur über https://.
Das Dokument bleibt die Quelle für Inhalt und Aufbau, der Code für Aussehen und Ergänzung: Kenji fasst deinen Code nie an, und dein Code schreibt keinen Abschnitt um.
- Öffne unten rechts „Erweitert“ und schalte „Entwicklermodus“ ein.
- Klicke links auf „Entwickler“ und wähle einen Platz, etwa „CSS“.
- Schreib deinen Code und klicke auf „Entwurf speichern“ — oder drücke Strg+S.
Entwurf, Vorschau, Veröffentlichen und Rückkehr kosten nichts.
Vorschau im Sandkasten
„Vorschau“ zeigt deine ganze Seite mit dem Code, der gerade im Editor steht — auch ungespeichert —, abgeschottet in einem eigenen Rahmen: ohne Zugriff auf Cookies, auf gespeicherte Daten und auf die Seite, in der sie steckt. Doppelt gesichert, weil jede der beiden Schranken für sich eine Einstellung ist, die jemand versehentlich lockern kann.
Die normale Bearbeitungsansicht zeigt nur dein CSS. HTML und JavaScript siehst du in dieser Vorschau und auf der Live-Seite.
- Klicke im Bereich „Entwickler“ auf „Vorschau“.
- Prüf die Seite unter „Vorschau mit Entwurfs-Code“ und schließ sie mit „Schließen“.
Eigene Freigabe und Versionen für Code
Der Code hat seinen eigenen Entwurf und seine eigene Freigabe. „Veröffentlichen“ im Bereich „Entwickler“, mit einer freiwilligen Notiz, macht aus dem gespeicherten Entwurf eine Version — und die gilt sofort auf der Live-Seite, unabhängig vom Knopf „Veröffentlichen“ oben in der Kopfzeile. Ist die Website offline, wartet der Code, bis sie wieder online ist.
Unter „Versionen“ steht jede Version mit Nummer, Zeit, Herkunft — von Hand, „Vorschlag von Kenji“ oder Rückkehr —, deiner Notiz und dem Unterschied zur vorigen; die gerade gültige trägt „live“. „Zu dieser Version zurück“ legt eine neue Version mit dem alten Inhalt an, und Entwurf und Live-Seite stehen sofort auf diesem Stand.
- Klicke auf „Veröffentlichen“, trag bei Bedarf eine Notiz ein und klicke auf „Jetzt veröffentlichen“.
- Klappe „Versionen“ auf und klicke eine Version an, um den Unterschied zu sehen.
- Klicke auf „Zu dieser Version zurück“ und dann auf „Ja, zurück“.
Ein alter Stand ist nicht automatisch ein heiler Stand — prüf nach der Rückkehr die Live-Seite.
Code-Vorschlag von Kenji
Im Feld unter dem Code beschreibst du in einem Satz, was der Code tun soll, und Kenji schreibt einen Vorschlag. Er erscheint neben deinem Entwurf, mit Erklärung und dem Unterschied zu deinem Code — nie direkt darin.
„Übernehmen“ schreibt den Vorschlag in den Entwurf, „Verwerfen“ legt ihn ab. Veröffentlicht wird erst mit dem eigenen Knopf: Bei Code bist du der Letzte, der Ja sagt. Ein offener Vorschlag bleibt stehen, auch wenn du die Seite neu lädst.
- Schreib im Feld unter dem Code, was der Code tun soll, und schick es ab.
- Lies Erklärung und Unterschied.
- Klicke auf „Übernehmen“ oder „Verwerfen“.
Der Vorschlag verbraucht KI-Guthaben; Übernehmen und Verwerfen kosten nichts. Ist ein Vorschlag nicht verwendbar, wird er verworfen und nichts berechnet.