Schulen · Selbst erstellen

Schulwebsite selbst erstellen:
Die Technik übernehmen wir, und Sie übernehmen den Inhalt.

Gestalten wollen Sie selbst, die Technik darunter muss trotzdem tragen. Deshalb bauen wir das Fundament, an dem die meisten Eigenbauten scheitern: WordPress, relationale Datenbanken, Hosting, Sicherheit und Updates. Gestaltung, Struktur und Inhalte bleiben bei Ihnen: bei Ihrer Web-AG, Ihrer Informatikklasse oder der einen Kollegin, die das ohnehin am liebsten selbst macht.

Arbeitsteilung

Jeder macht das, was er am besten kann.

Eine moderne, BITV-orientierte Schulwebsite baut niemand nebenbei in einer Freistunde. Deshalb teilen wir das Projekt dort auf, wo es sinnvoll ist: Wir richten das System ein, modellieren die Datenbanken und kümmern uns um Server und Betrieb. Die Karosserie gehört dann Ihnen.

Konkret heißt das: Mit Sicherheitsupdates, Sicherungen und Serverkonfiguration haben Sie nichts zu tun. Sie beschäftigen sich mit dem, was man am Ende sieht.

  • Unser TeilWordPress-Setup, Inhaltstypen für Lehrkräfte, Fächer, Termine und Downloads, Templates für die dynamische Ausgabe, Hosting auf Ihrem Server oder unserem in Deutschland, Sicherungen, Updates.
  • Ihr TeilDesign, Seitenaufbau, Bildsprache, Texte. Also das, wofür eine Schule niemanden von außen braucht und was ihr sonst niemand so gut hinbekommt.
  • Die Grenze ist durchlässigWenn Sie an eine technische Wand laufen, übernehmen wir. Ein kurzer Anruf genügt, kein Ticketsystem.
Zwei Ebenen: unten Technik, Daten und Betrieb mit WordPress, Datenmodell, Hosting, Sicherungen und Datenschutz als Teil der Agentur, oben Design und Inhalte als Teil der Schule

Anleitung

Wie eine Schulwebsite in Kooperation entsteht: in acht Schritten

Diese Schritte durchläuft jedes Schulwebsite-Projekt. Egal, ob eine Agentur baut, eine Web-AG oder beide zusammen. Lesen Sie sie als Anleitung und nutzen Sie sie als Checkliste, wenn Sie Ihrer Schulleitung erklären müssen, warum das Ganze mehr ist als „mal eine Seite anlegen“.

  1. Ihre Schule

    Zielgruppen klären

    Eltern suchen Termine, Schüler suchen Vertretungspläne, künftige Familien suchen einen Eindruck. Wer diese drei Wege nicht vorher trennt, baut ein Menü, in dem alle gleichzeitig verloren gehen.

  2. Ihre Schule

    Bestand aufnehmen

    Jede gewachsene Schulseite hat Altlasten: tote Links, doppelte Termine, PDF-Gräber aus 2014. Alles auflisten, dann ehrlich aussortieren. Der unangenehmste Schritt, aber auch der, der am meisten Zeit spart.

  3. Ihre Schule

    Struktur entwerfen

    Erst die Informationsarchitektur, dann das Design. Maximal drei Klicks zu jedem wichtigen Inhalt, eine flache Hierarchie, sprechende Adressen. Auf Papier, noch ohne ein einziges Pixel.

  4. contixmedia

    Datenmodell statt Seitensammlung

    Der Schritt, an dem Eigenbauten kippen. Lehrkräfte, Fächer, Fachschaften, Termine und Downloads sind Datensätze, keine Unterseiten. Einmal modelliert und verknüpft, pflegen Sie später eine Stelle statt zwölf.

  5. Ihre Schule

    Gestaltungsraster festlegen

    Zwei Schriftgrößenreihen, eine Farbfamilie, feste Abstände, klare Bildformate. Klingt nach Einschränkung, ist in Wahrheit das Einzige, was eine Website auch nach 200 Unterseiten noch ruhig aussehen lässt.

  6. contixmedia

    Templates bauen

    Eine Vorlage pro Inhaltstyp: Lehrerprofil, Fachschaftsseite, Termin, Beitrag. Danach entsteht jede neue Seite automatisch im Design, auch die, die zwei Jahre später jemand anlegt, der nie eingewiesen wurde und nur ins Handbuch schaut.

  7. contixmedia

    Pflichten umsetzen

    Barrierefreiheit nach WCAG 2.1, DSGVO, Impressum, Datenschutzerklärung, Erklärung zur Barrierefreiheit, Auftragsverarbeitung. Für öffentliche Stellen Pflicht, kein Feinschliff. Wir legen die technische Grundlage, BITV-orientiert und mit AVV im Vertrag.

  8. Ihre Schule

    Redaktion organisieren

    Wer darf was, wer gibt frei, wer ist im nächsten Schuljahr noch dabei? Rollen, Zuständigkeiten und ein Übergabeplan. Ohne diesen Schritt steht die schönste Website nach zwölf Monaten still.

Schritte 1, 2, 3, 5 und 8 gehören in die Schule. Schritte 4, 6 und 7 sind die, bei denen wir übernehmen.

Entscheidung

Drei Wege zur eigenen Schulwebsite

Es gibt nicht den einen richtigen Weg, sondern drei, und sie haben sehr unterschiedliche Folgekosten. Hier steht auch, was gegen unseren spricht.

Wix, Jimdo, IONOS und Co. bringen Sie an einem Nachmittag online. Für den Elternbeirat oder eine Projektwoche reicht das völlig, und wir würden dort selbst nichts anderes empfehlen.

Für die Website einer öffentlichen Einrichtung endet dieser Weg aber früher als man glaubt: keine echten Datenbanken für Lehrkräfte und Termine, wenig Kontrolle über Barrierefreiheit und Quelltext, und Struktur und Gestaltung lassen sich kaum bearbeiten und später auch nicht zu einem anderen Webhoster mitnehmen.

 

Dafür: schnell, günstig, keine Technikkenntnisse nötig.
Dagegen: wächst nicht mit, rechtlich schwer zu belegen, ein Umzug später bedeutet Neuanfang.

Den ausführlichen Vergleich lesen Sie im Ratgeber Baukasten oder Agentur.

Grenzen

„Einfach mal schnell machen“ trägt keine Schule

Baukästen sind für kleine, überschaubare Auftritte gebaut. Eine öffentliche Einrichtung mit Fachschaften, Terminplanung und gesetzlichen Auflagen stellt andere Anforderungen, und an vier Stellen zeigt sich das besonders deutlich.

  • Recht ist keine EinstellungssacheBarrierefreiheit nach WCAG 2.1 und DSGVO-Konformität lassen sich in geschlossenen Systemen kaum belegen, und für öffentliche Stellen ist beides längst verbindlich.
  • Zwölf Stellen statt einerOhne echte Datensätze steht jede Lehrkraft auf vier Seiten und jeder Termin an drei. Eine Änderung im Kollegium bedeutet dann einen Nachmittag Pflegearbeit.
  • Der Ausgang fehltWer in zwei Jahren umziehen will, stellt fest: Inhalte lassen sich exportieren, Struktur und Gestaltung nicht. Der Umzug ist ein Neuanfang.
  • Was fehlt, bleibt fehlendVertretungsplan, Anmeldung zur Skifreizeit, Downloadcenter mit Versionen, Abo-Feed für den Elternkalender: Was der Baukasten nicht kennt, baut auch niemand nach.

Ein Fundament, das die Probleme vorher löst

Unser Setup nimmt diese Hürden, bevor Sie die erste Seite gestalten: echte Datensätze, ein BITV-orientierter Aufbau, offene Technik ohne Anbieterbindung, und fehlende Module programmieren wir dazu. Sie starten mit einer Basis, die sich an vielen Schulen bewährt hat. Danach kommt der Teil, der Ihnen Spaß macht.

Voraussetzung

Ein Profi-Werkzeug, das sich lernen lässt

Damit Sie die gestalterische Freiheit auch wirklich nutzen können, setzen wir auf Elementor, den weltweit verbreitetsten Page Builder für WordPress. Das bedeutet: Sie, Ihre Kolleginnen oder Ihre Web-AG sollten bereit sein, sich einzuarbeiten. Grundkenntnisse sind willkommen, Voraussetzung sind sie nicht.

Elementor kann deutlich mehr als Vorlagen befüllen: freie Raster, eigene Abstände, eigene Ansichten für Tablet und Smartphone. Der Einstieg kostet etwas Zeit, und genau diese Zeit macht später den Unterschied im Ergebnis.

  • Sichtbar arbeitenLayouts entstehen im Frontend. Sie sehen sofort, was Sie tun, und verstehen trotzdem, was darunter passiert.
  • Die Grundlagen sitzen schnellNach zwei bis drei Nachmittagen bauen Sie Seiten. Die Feinheiten kommen über das Schuljahr dazu.
  • Einweisung und Handbuch inklusiveZum Start weisen wir Ihr Team ein, auf Wunsch getrennt für Kollegium und AG. Dazu gibt es ein digitales, durchsuchbares Handbuch, geschrieben für genau Ihre Website. Und wenn es klemmt, sind wir erreichbar.
Elementor-Arbeitsfläche mit markiertem Container, Widget-Leiste, Umschalter für Desktop, Tablet und Smartphone sowie der Strukturansicht der Seite

Projekt-Learning

Ein Schulprojekt, das ins Portfolio passt

Hier lernt Ihre AG, wie professionelle Websites tatsächlich entstehen: mit Layout-Rastern, Datenmodellen und sauberen Redaktionswegen, so wie in jeder Webagentur. Was auf Ihrer Schulwebsite entsteht, lässt sich später vorzeigen.

Visueller Editor in der Tablet-Ansicht: das Kartenraster bricht auf zwei Spalten um, Breakpoint und Abstände sind sichtbar
Elementor

Layouts auf Profi-Niveau

Responsive Gestaltung im visuellen Editor, mit echtem Verständnis für Raster, Abstände und Breakpoints. Kein Blindflug durch Code, aber auch keine Blackbox.

Eine Vorlage für Fächer mit dynamischen Feldern gibt die Daten automatisch auf den Seiten Biologie, Chemie und Physik aus
Datenmodell

Relationale Datenbanken

Einmal ein Template für „Fächer“ gebaut, gibt das System die Daten überall dynamisch aus. Einmal eintragen, überall aktuell: So arbeiten echte CMS-Projekte.

Links die Testumgebung mit einer neuen Sektion in Arbeit, rechts die unveränderte Live-Website, dazwischen der Schritt Übernehmen
Entwürfe

Erst Entwurf, dann live

Neue Seiten und Umbauten entstehen als Entwurf und gehen erst online, wenn sie freigegeben sind. Was im Entwurf schiefgeht, sieht niemand außer Ihnen.

KI

Webdesign trifft Künstliche Intelligenz

Auf Wunsch bereiten wir Ihre Website für KI-Assistenten vor. Nicht als Spielerei, sondern als Hilfe bei Arbeit, die ohnehin niemand gern macht.

Die Website im Dialog pflegen: Beiträge, Termine und Bilder lassen sich künftig auch im Gespräch mit einem KI-Assistenten pflegen. Technisch ist das bereit, für Schulen schalten wir es frei, sobald der Datenschutz geklärt ist. Praktisch für alle im Kollegium, die gar nicht erst ins Backend wollen.

  • Layouts per AnweisungKomplexe Sektionsentwürfe und HTML-Strukturen entstehen über geführte Prompts. Sie beschreiben, was Sie wollen, und feilen anschließend am Ergebnis statt an der ersten Version.
  • Hilfe beim StrukturierenLange Fachschaftstexte in eine sinnvolle Gliederung bringen, statt sie dreimal umzuschreiben.
  • Deutsch bedienen, englisch denkenIm Hintergrund laufen die Prompts auf Englisch, weil die Ergebnisse dort technisch am besten sind. Die Oberfläche bleibt selbstverständlich deutsch.
Eine Anweisung an den KI-Assistenten erzeugt im Editor eine neue Sektion mit drei Karten für die Fachschaften Deutsch, Mathematik und Biologie

Sicherheitsnetz

Kreative Freiheit braucht einen doppelten Boden

Wo viele Hände an einer Website arbeiten, geht auch mal etwas schief. Deshalb sind Rollen, Sicherungen und Entwürfe von Anfang an eingerichtet. Genau das gibt Ihrer Schulleitung die Ruhe, Ihnen so viel Freiheit zu lassen.

  • Rollen und RechteDie Schule legt fest, wer Administrator ist und wer nur Texte schreibt. Die AG bereitet vor, eine Lehrkraft gibt frei. Das lässt sich jederzeit ändern, auch mitten im Schuljahr.
  • Backups durch die AgenturWir sichern das System regelmäßig. Wenn ein Layout zerschossen ist, spielen wir es zurück. Kostet Sie eine kurze Nachricht und niemanden einen Nerv.
  • Betrieb läuft im Hintergrund mitCookie-Banner, Core-Updates, technische Barrierefreiheit: Darum kümmern wir uns im Rahmen des Wartungsvertrags. Ihre Zeit gehört der Gestaltung.
  • Entwurf statt MutGrößere Umbauten entstehen als Entwurf und gehen erst live, wenn sie sitzen. Niemand muss am Freitagnachmittag tapfer sein.

Demo

Erst umsehen. Dann entscheiden.

Unsere Demo-Schule gibt es nicht. Alles andere daran schon: Kalender, Fachschaften, Lehrerprofile, Downloads, Formulare, Redaktionswege. Genau die Struktur, in die Sie Ihr eigenes Design setzen würden.

Klicken Sie sich durch, bevor Sie mit uns sprechen. Dann reden wir im Erstgespräch über Ihr Projekt statt über Funktionslisten.

Demo-Schule im Browser mit Kalender, Lehrerprofilen, Fachschaften, Downloads, Formularen und Redaktionswegen zum Durchklicken

Selbst erstellen: die Fragen, die wirklich gestellt werden

Kann man eine Schulwebsite kostenlos selbst erstellen?

Technisch ja: WordPress ist kostenlos, Elementor in der Basisversion ebenfalls. Kostenlos bleibt es nicht: Hosting, Domain, ein Backup-Konzept und Arbeitszeit fallen in jedem Fall an. Die ehrliche Rechnung lautet: Der Eigenbau spart Geld und kostet Zeit, die im Schulalltag oft teurer ist.

Welches System eignet sich für eine Schulwebsite?

WordPress, wenn Sie Struktur und Zukunft im Blick haben. Es ist quelloffen, verbreitet, um echte Datenbanken erweiterbar und für Barrierefreiheit belastbar aufzustellen. TYPO3 kann dasselbe, verlangt aber deutlich mehr technisches Vorwissen. Baukästen scheitern nicht am Start, sondern am dritten Jahr. Worauf es bei WordPress im Einzelnen ankommt, steht im Ratgeber Schulhomepage mit WordPress.

Wie lange dauert es, eine Schulwebsite selbst zu bauen?

Mit fertigem Fundament rechnen Sie mit einem Schulhalbjahr für Design, Struktur und Inhalte, bei einer AG, die sich einmal pro Woche trifft. Vollständig von null gebaut, inklusive Datenmodell, Recht und Betrieb, wird es eher ein Schuljahr.

Muss eine Schulwebsite barrierefrei sein?

Ja. Öffentliche Schulen sind öffentliche Stellen, für sie gilt das Barrierefreiheitsrecht ihres Bundeslandes, und zwar schon seit 2019 bzw. 2020. Das betrifft Kontraste, Tastaturbedienung, Strukturierung und eine Erklärung zur Barrierefreiheit. Unsere Umsetzung ist BITV-orientiert aufgebaut; Ihre Gestaltung muss diese Basis nur nicht wieder kaputt machen. Darauf weisen wir Sie bei der Einweisung hin.

Die Einordnung im Detail finden Sie auf unserer Seite Barrierefreie Websites.

Müssen wir Elementor schon können?

Nein, aber Sie sollten Lust haben, es zu lernen. Die Grundlagen sitzen nach zwei bis drei Nachmittagen, die Feinheiten kommen über das Schuljahr. Zum Start weisen wir Sie ein, danach sind wir erreichbar, wenn es hängt.

Können wir die Seite kaputt machen?

Dauerhaft nicht. Wir sichern das System regelmäßig, und über die Rollenverwaltung bekommt jede Person nur die Rechte, die sie braucht. Im schlimmsten Fall spielen wir eine Sicherung ein, und das kostet Sie eine kurze Nachricht.

Was machen Sie, was machen wir?

Wir bauen und betreiben das Fundament: WordPress-Setup, Datenmodell mit eigenen Inhaltstypen, Templates, Sicherheit und die technische Grundlage für Barrierefreiheit und Datenschutz, auf Ihrem Server oder dem Ihres Schulträgers. Sie übernehmen Design, Seitenstruktur und Inhalte. Die Grenze ist durchlässig: Stoßen Sie an eine technische Wand, übernehmen wir.

Wir sind eine Schüler-AG. Wer beauftragt Sie überhaupt?

Formal die Schule oder der Schulträger, der Anstoß kommt aber oft aus der AG. Nehmen Sie diese Seite mit ins Gespräch mit Ihrer Schulleitung; für sie haben wir eine eigene Seite mit den Argumenten, die dort zählen.

Was passiert, wenn die AG-Generation die Schule verlässt?

Nichts Dramatisches. Die Inhalte liegen strukturiert in der Datenbank, nicht in handgebautem Code und nicht im Kopf einer einzelnen Person. Zugänge übergeben Sie mit wenigen Klicks, die nächste AG-Generation weisen wir auf Wunsch neu ein.

Dürfen wir eigenes CSS oder eigene Templates schreiben?

Ja. Wer über Elementor hinaus will, bekommt Zugriff auf eigene CSS-Anpassungen und kann mit unseren Inhaltstypen eigene Ausgabe-Templates bauen. Größere Eingriffe stimmen wir kurz ab, damit Updates weiterhin sauber durchlaufen.

Wegweiser

Sie lesen für jemand anderen mit?

Diese Seite ist für alle, die selbst gestalten wollen. Wenn Sie das Thema in Ihrer Schule weitertragen, finden Sie hier die passenden Seiten für die anderen Beteiligten.

Zielgruppe

Für Schulleitung & Kollegium

Migration ohne Mehrarbeit, Redaktion per E-Mail, klare Rollen, ein fester Ansprechpartner: die Argumente, die im Lehrerzimmer zählen.

Zielgruppe

Für Schulträger & IT

Barrierefreiheit, DSGVO, Hosting auf Ihrem eigenen Server, Finanzierung aus Sachmitteln: alles, was die Verwaltung wissen will.

Überblick

Alle Funktionen im Überblick

Kalender, Anmeldungen, Downloadcenter, Förderverein, Umfragen: der vollständige Überblick zur Schulwebsite.

Holen Sie sich das Fundament. Den Rest bekommen Sie selbst hin.

Wir klären unverbindlich, welche technischen Strukturen Ihre Schule braucht, und schnüren daraus das passende Basis-Paket. Danach starten Sie oder Ihre Web-AG direkt mit der Gestaltung in Elementor.