🚩 Sitemap ➤ Schlagwortverzeichnis
Banner: Links für Lehrer und Schüler

Gestaltung der Schulhomepage / Website

Anleitungen, Handbücher und Selbstlernkurse für CMS-Systeme wie Wordpress, Joomla, Typo3, dazu HTML, CSS, XHTML, JAVA ...

In dieser Link-Bibliothek findet ihr mehr als 350 Linktipps und Informationen mit Tools und Tipps für die Gestaltung der Schulhomepage.
Hinweis: Die Gestaltung DIESER Seite erfolgt seit 20 Jahren in reinem HTML. So schaut sie aus. Aber das ist gut so. Form follows function.
Auf diese Art können die Linkhinweise schnell und effektiv aktualisiert werden.
Themen dieser Seite:

 

Basics - Anleitungen zur Homepage-Erstellung

➜ Abschnitt ansehen / wegblenden
21 design4u-org-webentwicklung-richtiges-pflichtenheft-fuer-entwicklung-website
Was das Pflichtenheft für eine Websitegestaltung enthalten könnte

21 meine-erste-homepage-com/
Einführung in die Erstellung einer Homepage von A bis Z. Kompletter Workshop um alle Techniken zum Erlernen aller Techniken. ...

21 onpulson-de-website
Hinweise zur Gestaltung Erstellung einer Firmenwebsite

21 websitebuilders-com-how-to
Build the Web - How-To's. Sehr umfangreich

24Q1 whatwpthemeisthat-com
Wine Website schaut gut aus - zund man möchte wissen, welches Wordpress-Thema verwendet wurde? URL eingeben - Theme wird angezeigt - samt verwendeter Plugins

21 worstoftheweb.com/classic/archive
Worst of the Web! Wie man Seiten NICHT gestalten sollte
 

Gestaltung der Schulhomepage

Beispiele für gute Homepages
➜ Abschnitt ansehen / wegblenden
21 pestalozzischule-forchheim
(Wordpress) Sonderpädagogisches Förderzentrum Forchheim mit umfangreicher, gut strukturuerter Homepage

21 realschule-koesching
(Joomla) Homepage mit integrierter Praktikumsbörse (=Erweiterung SOBI)

24Q3 schalksburgschule-de
Schalksburgschule Albstadt

21 schulhomepage-award/topliste
Der Schulhomepage-Award: Hier werden gelungene Schulhomepages prämiert. Eine prima Seite zum "Spickeln", "Abkupfern" und "Noch-besser-machen" ;-)

21 wilhelm-kraft-gesamtschule
(Wordpress) Umfangreiche Menuestruktur
 

CMS mit Wordpress

Grundlagen und Einführung
➜ Abschnitt ansehen / wegblenden
Vorbemerkung
Wordpress wurde ursprünglich als Blog-System entwickelt. Auf diese Weise kann es auch heute noch genutzt werden. Dazu erstellt man im System einen "Beitrag".
Wordpress lässt sich jedoch auch auf einfache Art als System für den Aufbau von Webseiten verwenden. Dazu erstellt man im System "Seiten".
Im System können verschiedene "Rollen" mit verschiedenen Rechten festgelegt werden. Damit kann Wordpress von mehreren KuK gemeinsam gepflegt und mit Inhalten bestückt werden: "Redakteure" können keine Änderungen am Grundsystem vornehmen, Beiträge von "Mitarbeitern" müssen zuerst freigegeben werden. "Administratoren" sind allmächtig und können Seiten löschen, Templates und Plugins ändern.

Bei Wordpress handelt es sich um ein kostenloses und mächtiges CMS-System. "WordPress ist mit ca. 40 % Anteil an allen CMS das am weitesten verbreitete System zum Betrieb von Websites; von einer Million der meistbesuchten Websites nutzt rund ein Drittel WordPress." (Wikipedia) Zahlreiche Anbieter stellen kostenfreie und kostenpflichtige "Templates" (Skins) bereit, mit denen Aussehen, Farbe, Schriftart und Funktionalität gewechselt werden können. Über "Plugins" (Erweiterungen) können zusätzliche Funktionen implementiert werden.

Es gibt 2 grundsätzliche Möglichkeiten der Nutzung im Internet:
  1. Gehostet von Wordpress.
    Vorteile: Billig, weil kein eigener Webspace und keine eigene Domain benötigt wird. Schnell erstellt. SSL ist inclusive.
    Nachteile: Der "Besitz" liegt bei Wordpress. Sollte der Anbieter seine Geschäftsgrundlage ändern oder den Betrieb einstellen, war die Arbeit für die Katz. Der Domainname ist nur im Präfix frei wählbar. Die Domain lautet immer "https://meinwunschname.wordpress.com". Der Domainname der früheren Schulwebsite muss über eine "Umleitung" auf die neue Website verweisen.
    Startseite für die Anmeldung: 21 de-wordpress-com
  2. Selbst gehostet auf eigenem Webspace
    Vorteile: Komplette Kontrolle über Inhalte und Besitz. Der Domainname ist (falls noch nicht vergeben) frei wählbar. Der Domainname der früheren Schulwebsite kann beibehalten werden.
    Nachteile: Es entstehen Kosten für Hosting, SSL und Domain. Die Installation ist zwar einfach, man benötigt jedoch Grundkenntnisse im Umgang über den FTP-Transfer zum Server. (Was jedoch kein "Hexenwerk" ist)
    Downloadseite für das Installationspaket 21 wordpress-org
Ich nutze mehrere Wordpress-Installationen im Web - siehe eigeneThemes auf dieser Seite weiter unten.
Linktipps
21 de-wordpress-com
Hier kann man ohne eigene Installation einen Webauftritt gestalten. Gehostet wird von von Automaticc ("Our basic service is free, and we offer paid upgrades for advanced features such as domain hosting and extra storage")

21 wordpress-org
Wordpress - Download. Hier kann das Installationspaket heruntergeladen werden , das man auf dem Rechner entpacken, anpassen und auf den eigenen Server hochladen muss. Die Anpassung erfolgt in einer Config-Datei und ist schnell erledigt. Voraussetzung ist, dass man auf dem Webserver eine MySQl-Datenbank installiert hat und PHP5 vom Provider bereitgestellt ist

21 wpde
Wordpress Deutschland

21 forum.wpde-design
Wordpress-Forum

22Q1 de.wikipedia-wiki/Wordpress
Wikipedia-Artikel zu Wordpress
Videoanleitungen
21 youtube--91aQHaUqOAo
Wordpress Basisinstallation Tutorial: Wie installiert man Wordpress, Schritt für Schritt, Anleitung

21 youtube--4i9-JWxMReg
Video-Tutorial zu Wordpress: Homepage Tutorial Wordpress Teil 1 - Grundlagen

21 youtube--utryvRRJc6c
Video-Tutorial: Wordpress Website Erstellen -2022- Tutorial in 21 EINFACHEN Schritten

21 youtube--Mzfog440DrA
Video-Tutorial: Website erstellen 2023 | WordPress Tutorial für Anfänger 1 h 45'

21 youtube--bN2QC1CQRVQ
Wordpress Erstellen von Beiträgen und Seiten

21 youtube--QToecPT4Xek
Wordpress Erstellen von Beiträgen und Seiten

21 youtube--nWqrKUZOcr4
Wordpress Erstellen von Artikeln, Beiträgen und Seiten
Literatur
24Q3🛒 Peter Müller: Einstieg in WordPress 6
Lernen Sie, gute WordPress-Websites zu erstellen. Über 500 Seiten Praxis, mit vielen Bildern und Schrittanleitungen – Ausgabe 2023

24Q3🛒 Florian Brinkmann, Simon Kraft: WordPress 6 - Das umfassende Handbuch
1.000 Seiten Wissen zu WordPress inkl. Themes, Plug-ins, WooCommerce, SEO und mehr. Ausgabe 2024

24Q3🛒 Nami Shams: WordPress Plugin-Entwicklung
Taschenbuch – 25. August 2024

24Q3🛒 Thomas Canali: WordPress 6 für Einsteiger
Der leichte Weg zum WordPress-Experten inklusive Bloggen für Einsteiger. Programmieren lernen für eCommerce mit WooCommerce (Einfach Programmieren lernen, Band 9)
 

Wordpress-Themes und Plugins

➜ Abschnitt ansehen / wegblenden
21 Sufission
Freies Wordpress-Theme

21 drweb-100-kostenlose-wordpress-themes-2009
Freie Templates für Wordpress

21 emilyrobbins-free-wordpress-15-and-20-themes-templates-available-for-download
Themes für Wordpress

21 themeforest
13.000 Kommerzielle Angebote, aber auch einige freie Temnplates

22Q1 wordpress-extend-themes
9304 freie Themes für Wordpress

21 codex.wordpress-Using_Themes-Theme_List
Themes für Wordpress
 

Wordpress-Themes für die Schulhomepage

➜ Abschnitt ansehen / wegblenden
 

Wordpress-Plugins

➜ Abschnitt ansehen / wegblenden
21 elmastudio-wordpress-meine-top-10-wordpress-plugins
Plugin-Empfehlungen
Plugins für Cookie-Consent
  • Complianz | GDPR-Cookie-Einverständnis
  • EU Cookie Law
  • TP Cookies - EU Cookie Law Compliance
Generatoren für Datenschutzerklärung
Impressum
Auch wenn manche Leute behaupten, dass man für eine private Website kein Impressum benötigt: Erstens ist es anständig, mit offenem Visier zu schreiben - und diese "Voreinstellung" wirkt auch auf die Einstellung beim Schreiben. Zweitens bewegt man sich ohne Impressum auf juristischem Glatteis. Macht man Werbung für ein eigenes Produkt, die Ferienwohnung oder empfiehlt irgendwelche Dinge, gilt die Website als kommerziell. Und damit kann die Website abgemahnt werden. Wie das ohne Impressum geht? Auf Anforderung muss der Provider die Anschrift herausgeben.

Angaben im Impressum sind: Name, Adresse, Mailadresse. Werden Waren angegeben auch die Steuernummer.
Disclaimer: Diese Angaben gelten ohne Gewähr und sich nicht rechtssicher überprüft. Ich verbürge mich nicht dafür und übernehme keine Haftung. Blöd. Aber so ein Satz muss im Netz formuliert sein. Ich kann (und darf) keine Rechtsauskunft geben.
Themes für Webshops
21 wordpress-plugins-jigoshop-de
Jigoshop-de (deutsche Version vom Jigoshop-Plugin)

21 wordpress-plugins-search-q=jigoshop
Jigoshop-Plugin Erweiterungen

21 getshopped
Get shopped-Webshop-Plugin

23Q2 woocommerce-com-installing-uninstalling-woocommerce
Anleitung zur Installation und Deinstallation von Woocommerce

21 wordpress-plugins-woocommerce-de
WooCommerce-de (deutsche Version vom woocommerce-Plugin

21 wordpress-plugins-tags-woocommerce
WooCommerce-Plugin Erweiterungen

21 wordpress-plugins-tags-e-commerce
E-commerce-Plugins für Wordpress

21 wordpress-plugins-search.php?q=webshop
Webshop-Plugins für Wordpress
Wordpress Installation Backup und Umzug
21 blogprojekt-wie-man-mit-wordpress-einen-domian-umzug-richtig-macht
Sichern und Umzug eines Wordpress-Blogs

21 strato-de-faq/-so-ziehen-sie-ihr-wordpress-blog-zu-strato-um
Sichern und Umzug einer Wordpress-Installation mit dem Plugin "Duplicator"

21 snapcreek-com-duplicator-docs-source=duplicator
Anleitung zur Installation einer Wordpress-Installation nach dem Download mit dem Plugin "Duplicator"

21 wordpress-plugins-ptypeconverter
Ein Plug-in, mit dem man Artikel in Seiten und umgekehrt wandeln kann

21 codex.wordpress-WordPress_Backups
Ausführliche Anleitung zum Backup der Wordpress-Installation. Beschreibung von Tools und Plugins für die automatisierte Sicherung der Datenbanken, sowie für die Sicherung der Files mit FileZilla.

21 forum-wpde-search-backup+erstellen
Anleitungen / Hinweise zu Datensicherung / Backup - Download der Datenbank
Weitere
21 support.google-adsense-answer-762405322
Integration von Google-Adsense in Wordpress

21 wordpress-plugins-wp-easy-gallery-screenshots
Fotogallerie für Wordpress - evtl. für Schulhomepage

21 wordpress-plugins-ultimate-tinymce
Plugin für Wordpress - Erweiterung des Texteditors
 

Beispiele für Homepages mit Wordpress

➜ Abschnitt ansehen / wegblenden
21 blondie
Homepage von Blondie

21 ilovetypography
I love typography

21 james-rizzi
Künstler-Homepage von James Rizzi

21 kylie
Homepage von Kylie Minogue

21 radiertechniken
Meine Seite zu den Techniken der Radierung

21 rollingstones
Die Homepage der 'Stones' - Made with Wordpress ;-)

21 schalksburgschule
Unsere Schulhomepage

21 schule-bingen-hohenzollern
Grundschule Bingen

21 wordpress-showcase
Beispiele der Wordpress-Gemeinde
 

Themes, die ich verwende oder in Erwägung gezogen habe

➜ Abschnitt ansehen / wegblenden

Für wp.radiertechniken.de : "Neue und alte Techniken der Radierung und Edeldruckverfahren - ein alchemistisches Online-Werkstattbuch"

schulhomepage
aktives Theme: GeneratePress
zuvor: ArileWP
zuvor: InteriorPress
zuvor: Graphy
zuvor: Engrave (lite)
zuvor: Graphene
zuvor: Clean Retina
angedacht:
Blossom Feminine
Blossom Mommy Blog
Silaslite
Olsen Light
Perfect Portfolio
Architect Design

Für oberschwabenschau.info : "Oberschwaben - dem Himmel so nah"

schulhomepage
aktives Theme: CyberChimps
zuvor: Eclipse
zuvor: Graphy
zuvor: Radiate
angedacht:FreeStore
angedacht:Nirvana
angedacht:Twenty Twenty-One
angedacht:Poseidon
angedacht:Everest64
angedacht:Square

Für lm4dummies.schulbibo.de : "Linuxmuster-Schulserverlösung für Dummies - eine Installationsanleitung. Abenteuer Linuxmuster.net"

lm4dummies
aktives Theme: Graphy
angedacht:TwentEleven

Für schulbibo.de : Materialpool: Deutsch lernen (DaF/DaZ). Kostenlose Materialien im Web für den Unterricht mit Vertriebenen, Geflohenen und Migranten – auch "Flüchtlinge" genannt

schulbibo
aktives Theme: ThemeHorse
zuvor: Clean Retina
angedacht:OrangeSky

Für radiert.de : Radiert! Gekratzt! Geschabt! Geätzt! Gefärbt! Gewischt! Gedruckt! - Vorbereitung der offenen, internationalen Deciennale „radiert! tiefdruck heute – 20vierundzwanzig“

radiert
aktives Theme: Free Store
angedacht:Satellite

Für bisoro.de : Patenschaft Albstadt – Bisoro (Burundi). Entwicklungs-Patenschaft der Städte Albstadt und Chambéry für die Gemeinde Bisoro

bisoro
aktives Theme: Modern Storytelling
zuvor: FlatMagazinews

Für lehrerbibliothek.eu : derzeit Umleitung auf autenrieths.de per htaccess


Für pausenhofgestaltung.de : derzeit Baustelle, Umzug von autenrieths.de auf Wordpress

pausenhof
aktives Theme: ArileWP

Für schule-bingen-hohenzollern.de : Website der Grundschule Bingen

bingen
war Theme: Twenty Fourteen
aktuell: WP Bakery

Für schalksburgschule.de (bis 2015, nun auf anderes CMS umgezogen. Hier ein 'Capture' auf archive.org. Archive.org speichert nicht alle Bilddateien, daher ist die Darstellung unvollständig.) : Website der Schalksburgschule Ebingen

schalksburg
aktiv: nicht Wordpress
war Graphene
angedacht:atheros
angedacht:courage
angedacht:D5 Socialia
angedacht:Smartline lite

Für lehrerlinks.wordpress.com/ (gehostet bei Wordpress) : derzeit Hinweis auf autenrieths.de


aktives Theme: Misty Lake

Angedachte Themes


Satellite
Scrawl
MH Magazine lite
Obligue
Amadeus
Catch Responsive
Oria
Plugins, die ich verwende oder in Erwägung gezogen habe

Anti-Hacker / Spamschutz
Anti-Spam-Bee
WP Limit Login Attempts
Limit Login Attempts

Grafik
Next Gen Gallery

Finanzierung / Social
Google Adsense
Sharebar

Cookie-Einverständnis
EU Cookie Law
WF Cookie Consent
Complianz
TP Cookies - EU Cookie Law Compliance
Cookie Notice & Compliance for GDPR / CCPA

Toolsysteme / Backup
Jetpack
Yoast Seo
Advanced Editor Tools (vormals TinyMCE Advanced)
Tiny MCE Advances
Wetter.info
Page Views Count
Backup Guard
Duplicator (Migriere deine WordPress-Datenbank und -dateien oder erstelle ein Backup davon. Dupliziere und verschiebe eine Website schnell von einem Ort an einen anderen.)

SSL-Layer
Really Simple SSL

Menuesystem / Sitemapgeneratoren
HTML Page Sitemap
WP Sitemap Page
Google XML Sitemaps
Table of Contents Plus *
Site Tree
WP Page Navi
 

Wordpress-Multisites

Ein Wordpress-Webseiten-Netzwerk erstellen
➜ Abschnitt ansehen / wegblenden
21 wordpress-article-before-you-create-a-network
Vorbemerkungen zur Installation eines Wordpress-Netzwerks

21 wordpress-article-create-a-network/
Hinweise zur Erstellung eines Wordpress-Netzwerks. Dabei wird eine Installation als "Mutterinstallation" für "Tochter"-Installationen verwendet. Diese können auch von anderen Benutzern erstellt werden. Der Admin der Hauptseite kann die Zugangsrechte verwalten. So könnte z.B. ein "Klassen-Wordpress" entstehen. Vorteil: Die Töchter greifen auf die Templates, Plugins und Designs der "Mutter" zu, sodass die Installation schlanker wird und im einheitlichen Design daherkommt.
Beispiele
21 multilingualpress-wordpress-multisite-installieren-einrichten
Multisite installieren (Werbung für ein System, jedoch mit Tipps zur Einrichtung)
 

Erlaubte HTML-Befehle in Wordpress

➜ Abschnitt ansehen / wegblenden
address
a
abbr
acronym
area
article
aside
b
big
blockquote
br
caption
cite
class
code
col
del
details
dd
div
dl
dt
em
figure
figcaption
footer
font
h1
h2
h2
h4
h5
h6
header
hgroup
hr
i
img
ins
kbd
li
map
ol
p
pre
q
s
section
small
span
strike
strong
sub
summary
sup
table
tbody
td
tfoot
th
thead
tr
tt
u
ul
var
Literatur
24Q3🛒 Jürgen Wolf: HTML und CSS
Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Responsive Webdesign, React und Angular, August 2023

24Q3🛒 Peter Müller: Einstieg in HTML und CSS
Barrierefreie und responsive Webseiten erstellen mit HTML und CSS – ganz ohne Vorwissen! Ausgabe 2024 Broschiert

24Q3🛒 Uwe Mutz: Webseiten programmieren und gestalten
Das umfassende Handbuch für eine rundum gute Ausbildung zum Webseiten-Profi, Mai 2024
 

Web-Programmierung, HTML, CSS, JAVA, JAVAScript

➜ Abschnitt ansehen / wegblenden
HTML- und CSS-Templates
21 freehtml5templates-co-uk-freehtml5templates
Freie HTML- und CSS-Templates zum Download. Nach dem Einpflegen eigener Inhalte muss die Installation auf einen eigenen Webserver hochgeladen werden.

21 duckduckgo-free+html5+template+responsive
Suchergebnis nach Angeboten für freie HTML- und CSS-Templates zum Download.
Anleitungen und Kurse für HTML
21 webbau-brandenberger-eu-html-einleitung/
Befehlsreferenz und Hilfen zu HTML

21 buehler-hd-mmb-kurs
Kleine Einführung in das Programmieren mit html

21 buehler-hd-mmb
Dies und das für Multimedia- und Internet-Gurus aus dem Schulbereich. Steuerformular, Internetwörterbuch, Wie erklärt man einem Laien das Internet, Grafik- und Tabellen-Wörkschopp, Powerpoint- Wörkschopp, aber auch eine Linksammlung (gegen???) Rechts. Aber vielleicht schadet's nicht, wenn wir Lehrer auch mal sehen, welche Seiten die Kids anwählen könnten. Nur unter diesem Aspekt lasse ich diese Verlinkung stehen und distanziere mich ausdrücklich und entschieden von den dort verbreiteten Inhalten!!!! Hier wird Geschichtsklitterung und -verfälschung mit sogenanntem "wissenschaftlichem" Anspruch betrieben und zum Hass gegen Menschen aufgestachelt

21 drweb
SEHR Informative Seite zu Webdesign und html

21 drweb-magazin-html
Hier zu HTML

: eduvinet-schwinn/html/xhtml1
Ein XHTML-Kurs für Schüler. (Berufsschule) Arbeitsblätter!

21 flexboxfroggy-com
Demonstration neuer HTML 5- Funktionen. Ein Online-Kurs in 24 Lektionen

21 homepage-buttons-tools-email-adresse-verstecken
Hier können Sie eine Email-Adresse online 'maskieren' und es Spambots etwas schwerer machen, diese von der Homepage auszulesen.

21 html-seminar
Umfangreiche Beschreibung der verschiedenen Möglichkeiten und Befehle in HTML und CSS

21 karzauninkat-Goldhtml
Die goldenen Regeln von schlechtem html

21 selfphp-de
Selfhtml ist das bekannte Handbuch - hier das Pendant für PHP: SelfPHP

21 mschoettler-HTML
Knappe und gut gegliederte HTML-Anleitung

21 wiki.selfhtml.org/wiki/Startseite
Das überarbeitete Self-HTML-Wiki

21 de.selfhtml.org/index
HTML-Dateien selbst erstellen, Stefan Münz; Eine der besten (wenn nicht die beste) Anleitungen für html (Vorgängerversion des Wikis)

21 trash.net/faq/htaccess
Anleitung zum Anlegen geschützter Verzeichnisse (Passwortschutz) mit einer .htaccess-Datei

21 wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users
Tabellengestaltung (nicht nur) in Wordpress

21 w3schools.com/html/default.asp
Online-Tutorial vom W3C-Konsortium zu HTML

21 w3schools.com/xml/default.asp
Online-Tutorial vom W3C-Konsortium zu XML

21 w3schools.com/asp/default.asp
Online-Tutorial vom W3C-Konsortium zu ASP

21 w3schools.com/asp/default.asp
Online-Tutorial vom W3C-Konsortium zu PHP

21 w3schools.com/sql/default.asp
Online-Tutorial vom W3C-Konsortium zu SQL

21 w3schools.com/tags/ref_standardattributes.asp
Übersicht zu den Standardattriobuten zur Textauszeichnung

21 w3schools.com/sitemap
Übersicht zu weiteren Tutorials vom W3C-Konsortium
 

Bluefish - Editor

Die Alternative zu Dreamweaver und Phase5
➜ Abschnitt ansehen / wegblenden
21 bluefish.openoffice-index
Mein Lieblings-Web-Editor: Bluefish mit automatischem Highlighting, Syntaxprüfung, Codegenerator u.v.a.m. - und das für schwäbisch-kostnix..

21 bfwiki.tellefsen-Main_Page
Bluefish-Wiki (engl.)

21 youtube--_cLyj14q850
In diesem Video-Tutorial wird u.a. gezeigt, wie man die Unterstützung für Wordpress-Code aktiviert und es werden neue Funktionen von Blusfish 2.2.0 demonstriert

21 youtube--VVzj29hdmyU
Video-Tutorial zu Bluefish
 

Farben in html

➜ Abschnitt ansehen / wegblenden
21 kuler_adobe_com_create_color-wheel/
Individuelle Zusammenstellung von 5 passenden Farben.

21 bighugelabs_com_colors
Erzeugt harmonische Farbpaletten aus Bildern und gibt gleich den CSS Code an.

21 Blender Texture Disc - Bildmaterial für 2D & 3D Programme gratis
Eine von der Blender Foundation veröffentlichte CD voll mit Texturen zum kostenlosen Download. Die Bilder im JPEG- und TARGA-Format sind sowohl in 3D- als auch in 2D-Programmen einsetzbar. Texturen aus den Bereichen Holz, Metall, Stoff, Natur, Muster, Haut, Reflexionen, Internationale Zeichen (Flaggen ...). Downloadgröße 228 MB

21 colorcombos_com_crimson-color-schemes
Welche Farben passen zusammen?

21 colorhexa
Guter interaktiver Farbenwähler

21 colorhunter_com/
Stellt eine harmonische Farbpalette aus Bildern zusammen.

21 colorschemedesigner-com
Genaues justieren der Farben mit Vorschau.

21 colorizer
Interaktiver Farbenwähler

21 degraeve-com-color-palette
Farbpaletten aus Farbfotos zusammenstellen lassen

21 html-seminar.de/farben
Hier wird erklärt, wie die RGB-Farben in HEX-Codes umgewandelt und angegeben werden

21 tineye_com
Hier kann man Bilder hochladen und das Internet nach ähnlichen Bildern durchsuchen.

21 webmart.de/dynasite.cfm?dsmid=42932
Stellt harmonische Farben zusammen

21 de-wikipedia-org-wiki-Webfarben
Webfarben-übersicht in der WP

21 zwahlendesign-ch-downloads-zwahlendesign_colorpalettes-documentation_de
 

Zeichen in html

➜ Abschnitt ansehen / wegblenden
21 ascii.cl/htmlcodes
Sonderzeichen-Tabelle

21 calculators-org-math-html-characters
HTML-Zeichencodierung sortiert

21 mediaevent.de/tutorial/sonderzeichen
Sonderzeichen-Tabelle

21 cs.tut.fi/~jkorpela/www/windows-chars.html#list
Unicode-Tabelle für Zeichen Win 130-159

23Q4 matheretter-de-wiki-bruch-schreiben
Brüche als HTML schreiben - und andere mathematische Zeichen

21 w3.org/TR/REC-html40/sgml/entities
Unicode Spezialzeichen Währung / griechisches Alphabet

21 de.selfhtml.org/html/referenz/zeichen
Benannte Zeichen in html, Umlaute und Sonderzeichentabelle

21 sql-und-xml.de/unicode-database
Unicode Datenbank: in html: 96.000 Zeichencodierungen

21 de-wikipedia-org-wiki-Hilfe:Sonderzeichenreferenz
Wikipedia: Sonderzeichenreferenz

21 wolfgang-frank-hc-php
Umfangreiche Sonderzeichentabelle
 

Sonderfunktionen in html

Details/Summary - Accordion
➜ Abschnitt ansehen / wegblenden
Accordion mit Details
21 html5doctor-com-the-details-and-summary-elements
Funktionen und Umwandlung des Detail-Elements

21 developer-mozilla-Element-details
The Details disclosure element

21 stackoverflow-how-to-style-the-arrow-of-details-summary-elements
Umgestaltung des Pfeils per CSS

21 w3schools.com/w3css/tryit.asp?filename=tryw3css_accordion_width
Accordion mit w3.css

21 w3schools.com/w3css/tryit.asp?filename=tryw3css_accordion
Button mit Accordion-Funktion in CSS programmieren (kurz)
Präsentationen / Slides
21 github.com/hakimel/reveal.js
Ein CSS-System zur Darstellung von "Slide-Präsentationen". Damit kann man die Seiten seitwärts wie bei einer Powerpointpräsentation durchblättern

21 h5p.org
Interaktive Inhalte in Webseiten integrieren - "H5P is an open source community driven project."
 

html- Editoren und Syntaxprüfer

➜ Abschnitt ansehen / wegblenden
21 Scribe!
Html-Editor mit Xhtml-, JavaScript-, CSS-, WML-, PNG-, FTP- u. Thumbnail-Unterstützung. Support wurde eingestellt, Programm ist noch downloadbar

21 Phase V
html EDITOR Ausgezeichneter und ständig weiterentwickelter html-Editor, Beherrscht Suchen und Ersetzen über die komplette Homepage, auch Unterseiten

21 Xenu's Link Sleuth
überprüft html-Links und findet tote Links. Schnell mit gutem Report

21 CSE html Validator Lite
Konfigurierbarer html Syntaxprüfer

21 CSE html Validator Lite
html Syntaxprüfer com W3-Konsortium, das HTML entwickelt
 

CSS

➜ Abschnitt ansehen / wegblenden
21 a-coding-project
Anleitungen für CSS, PHP. MYSQl,Javascript...

21 bjoernsworld.de/css
Einführung in CSS, typische Fehler und umfangreiche Linkliste

21 css4you-Schrifteigenschaften-fontproperty
Gute CSS-Referenz

21 css-technik
CSS-Anleitung

21 html-seminar
Umfangreiche Beschreibung der verschiedenen Möglichkeiten und Befehle in HTML und CSS

21 jaganaud.de/css
Fabian Lorenzens CSS-Anleitung

21 mediaevent
CSS-Referenz

21 w3schools.com/css/default.asp
Online-Tutorial vom W3C-Konsortium zu CSS
 

JAVA / JAVAScript

➜ Abschnitt ansehen / wegblenden
21 programmierkurs-java
Materialien (Folien, Filme, Übungsaufgaben mit Lösungen, ...)zum Programmierkurs Java an der Uni Oldenburg

21 w3schools.com/js/default.asp
Online-Tutorial vom W3C-Konsortium zu JavaScript

21 zum.de/Faecher/Materialien/gebhardt/index
Java-Script-Module zur Erstellung eigener, interaktiver Online-Lernprogramme
 

HTML Querbeet

➜ Abschnitt ansehen / wegblenden
21 apache.org/docs
Apache-Server-Dokumentation

21 barrierefreies-webdesign
Barrierefreies Webdesign für Menschen mit Handicap

21 brain-at-work
Wollen Sie mal sehn, wie die Profis Seiten gestalten?
Auf der Site von Brain-@-work, einer Internet-Softwareschmiede aus dem Allgäu finden Sie klasse Beispiele, z.B. auch die Site von Janosch. ("Samples" wählen!) Falls Sie sich entschließen, Ihren Internetauftritt von dieser Firma gestalten zu lassen, richten Sie doch bitte meinem Bruder einen schönen Gruß aus ;-)

21 kangax-github-io-html-minifier
HTML-Minifier - reduziert den Quellcode und verschlankt den HTML-Code

21 hits4me
Free tools for webmasters

21 js-menue JS-Menue V1.4.1 erstellt html-Code für Menue-Strukturen

21 w3c
Die Homepage des WWW-Consortiums, das die Standards im definiert. Hier finden Sie aktuellste Informationen z.B. auch über CSS oder Dhtml

21 w3.org/TR/1999/REC-html401-19991224
Die html 4.01-Spezifikation

21 w3.org/TR/xhtml-basic
Die Xhtml-Spezifikation des WWW-Consortiums

21 xaldon
Die Freeware Xaldon WebSpider 2 durchsucht automatisch gemäß den Vorgaben des Benutzers das World-Wide-Web und speichert die gesammelten Informationen lokal ab. Sie können somit eine WebSite oder auch nur einen Teil einer WebSite auf Ihren lokalen Rechner spiegeln. Dies bedeutet, dass alle benötigten Dokumente (Texte, Bilder, Töne, Videos, Java-Applets, ...) auf Ihrem PC gespeichert werden und Sie diese WebSite dann OFFLINE (d.h. ohne aktive Internet-Verbindung) betrachten können

21 zum.de/Faecher/Materialien/gebhardt/index
Pädagogische Java-Script-Module
 

META-Tags

➜ Abschnitt ansehen / wegblenden
21 developers.facebook-docs-sharing-opengraph
Informationen zu den OpenGraph-Deklarationen in den Meta-Tags für Facebook

21 g-orgus.de/Tilde_html/Tilde_service
Metatag-Generator, iFrame-generator, Pop-Up-Generator
 

htaccess + robots.txt / Apache-Server dirigieren

➜ Abschnitt ansehen / wegblenden
21 bjoernsworld.de/suchmaschinen/robots-txt
Aufbau und Struktur der Datei Robots.txt. Welche Webcrawler dürfen auf ihre Site zugreifen? Welche Seiten sollen indexiert werden? Wenn der zu Traffic hoch wird, können sie mit dieser Datei Robots ganz von Ihrer Website ausschließen

21 ionos-digitalguide-hosting-technik-htaccess-tricks
Was ist eine htaccess-Datei und wie wird sie programmiert?

21 ionos-digitalguide-hosting-technik-indexierungsmanagement-mit-der-robotstxt
Was ist eine robots.txt-Datei und wie wird sie programmiert?
 

CMS - Allgemein + PHP

➜ Abschnitt ansehen / wegblenden
➜ siehe auch Pirobase

➜ siehe auch CMS mit Joomla

➜ siehe auch CMS mit Typo 3

➜ siehe auch CMS mit Wordpress
21 cmsmind
"Find WordPress & Joomla Themes, Fixes, Documentation, & Tutorials" Tutorials zu 1.6/1.7/2.5

21 contentmanager
"Die deutsche Content-Management-Site". Eher für professionelle Programmentwickler, aber "spickeln" kann man ja... :-))

21 inf.fu-berlin-ag-bg-src-cms
Freeware- Content-Management-Systeme

21 midgard-project
Midgard -- Open Source Application Server -Midgard is a freely available framework for Content Management Systems and other information management solutions. Midgard provides developers with an easy-to-use framework built on the common Apache, PHP and MySQL components

21 3rd-evolution-midgard
Deutschsprachige Dokumentation zu Midgard

21 opensourcecms
"Da sind alle CMS in ihrer Grundeinstellung für Tests aufgespielt. Also so, wie sie direkt nach der Installation aussehen."

21 webdoc-quickguide-index
Die (X)html und die Cascading Style Sheets Spezifikationen des W3C dargestellt in Form von pseudografischen Syntaxdiagrammen zum schnellen "Nachschlagen" der Element- Attribut- und Eigenschaftssyntax

21 websitebaker
Websitebaker - ein CMS (auch für Schulhomepages)

21 de.wikipedia-Kategorie:Freies_Content-Management-System
Liste freier Content-Management-Systeme in der Wikipedia

21 de.wikipedia-Kategorie:Content-Management-System
Kategorie Content-Management-Systeme in der Wikipedia
Literatur
24Q3🛒 Martin Hahn: Webdesign - Das neue Handbuch zur Webgestaltung
Alles, was Webdesigner wissen müssen. Mit vielen inspirierenden Beispielen (neue Auflage 2024)


 

Contao / Typolight

➜ Abschnitt ansehen / wegblenden
22Q4 typolight
Cantao / (vormals TYPOlight - nicht "verwandt" mit TYPO3)

21 wiki.zum-Contao
Wiki zu Cantao / TYPOlight

22Q4 gymnasium-rahden-de
Beispielseite: Gymnasium Rahden. Schaut gut aus.
 

Anleitungen für Pirobase

➜ Abschnitt ansehen / wegblenden
21 youtube--Vd-BN7bC1Fw
Pirobase Smart Editor - Tutorial
 

Pelican

➜ Abschnitt ansehen / wegblenden
21 blog.getpelican
Pelican generiert Homepages ohne Database wie MySql
 

PHP und PHPMyAdmin

➜ Abschnitt ansehen / wegblenden
Mit PHPMyAdmin können MySQl-Datenbanken verwaltet und gesichert werden

21 phpmyadmin-home_page
Offizielle Website von PHPMyAdmin

21 wiki.phpmyadmin-Welcome_to_phpMyAdmin_Wiki
Offizielles Wiki der PHPMyAdmin - Entwickler
 

CMS mit Joomla

➜ Abschnitt ansehen / wegblenden
21 joomlacode.org/gf
"JoomlaCode.org is a resource for developers to build and manage Open Source software projects centred around Joomla! With JoomlaCode.org we aim to help build Open Source tools and extensions for the Joomla! user community by providing resources to help developers work together in an Open Source spirit" (dt.Menueführung)

21 joomla
Downloadadresse für Joomla (Deutschland)

21 joomla
Downloadadresse für Joomla (International)

21 launch.joomla
Kostenlose Joomla Webseite

21 youtube--lHGgkHjNJF0&feature=related
Eigene Website mit Joomla erstellen - Teil 2 - Grundinstallation und Anmeldung direkt nach der Installation, Administration ab Minute 8 (Teil 1 beschreibt nur verschiedene Anbieter von Webspace)

21 youtube.com/watch?feature=player_detailpage&v=Ija2x2M9uxI
Die ersten Schritte im Backend von Joomla - Teil 2Templates in Joomla

21 youtube--Ija2x2M9uxI
Joomla -Basics

21 youtube--Ija2x2M9uxI
Joomla-Basics - Teil 1
Templates
21 freshjoomlatemplates-category-green
Grüne Templates mit Slideshow und Social Bookmarks

21 cmsmind
"Find WordPress & Joomla Themes, Fixes, Documentation, & Tutorials" Tutorials zu 1.6/1.7/2.5

21 linelab-org-templates-joomla
freie Templates

21 youtube--Ija2x2M9uxI
Templates in Joomla
 

AMP - Accelerated Mobile Pages

➜ Abschnitt ansehen / wegblenden
21 ampproject-org-docs
Accelerated Mobile Pages -
 

CMS mit Typo 3

➜ Abschnitt ansehen / wegblenden
21 typo3
Typo3 wird als freie Entwicklungsumgebung für CMS-Homepages empfohlen

21 typo3
Deutsches Typo3-Forum

21 typo3forum
Deutsches Typo3-Forum
Themen: 48.715, Beiträge: 169.787,Benutzer: 23.275

21 de-wikipedia-org-wiki-Typo3
Wikipedia-Artikel zu Typo3
 

Impressum Datenschutz Recht DSGVO

➜ Abschnitt ansehen / wegblenden
21 activemind-de-datenschutz-datenschutzhinweis-generator
Formular-Generator für Informationspflicht gem. DSGVO

21 activemind-de-datenschutz-datenschutzhinweis-generator
Impressums-Generator

21 e-recht24-de-impressum-generator
Generator zur Erstellung eines Impressums

21 netzpolitik-org-2016-abmahnbeantworter-neues-tool-hilft-unberechtigt-abgemahnten-bei-gegenwehr
Generator zur Erstellung eines gegenschreibens bei erfolgter unrechtmäßiger Abmahnung
 

Provider (-wechsel) / Freier Web-Space für Homepages

➜ Abschnitt ansehen / wegblenden
21 brinkster
Es gibt Webspaceanbieter (z.B. www.brinkster.com, 30 MB auf NT-Server! gegen gelegentliche Werbeemails), die Upload per Browser ermöglichen. Das ist sehr praktisch, um bearbeitete Dateien von der Festplatte hochzuladen (einzige Voraussetzung ist ein Webbrowser und eine Internetverbindung). Bitte vorher prüfen, welche Dateitypen erlaubt sind (mp3 und zip sind oft verboten) und wieviele Dateien mit einmal upgeloadet werden können (Brinkster: 5). Im Normalfall können Schüler/innen aber auch eine Diskette von zu Hause mitbringen
 

Validatoren / Website-Check / Generatoren

➜ Abschnitt ansehen / wegblenden
21 dotcom-tools-com-website-speed-test
Website-Geschwindigkeitstest - es werden weltweit 24 Orte als Abrufort simuliert und gemessen

21 netrenderer.com/index
Renderer für IE-Explorer-Versionen

21 microsoft.com/download/en...5
Windows Virtual PC VHDs for testing websites with different Internet Explorer versions - Virtuelle Renderer für IE-Explorer-Versionen

21 opera.com/developer/tools/mini
Online-Renderer für Opera Mini 6.5 (Handheld)

21 schneegans.de/sv
XHTML-Validator

21 site-check.cc
Validator - Analysiert auf Programmierfehler

21 smallseotools-com
Tools für Websiteoptimierung, Keywords finden

21 validator.w3.org/check
Validiert auf Programmierfehler

21 validator-nu
Validiert auf Programmierfehler - empfohlen von SELFHTML

21 validome
Prima html-Validator, Schmankerl: In der Auswahlbox, bei der man den html-Standard angeben kann, führen die I-Zeichen zur umfangreichen Erläuterung der verschiedenen Standards - und das Schöne daran - in deutscher Sprache!

21 validome.org/validate
Validiert auf Programmierfehler

21 validome.org/google/validate
Validiert auf Sitemap-Standard

21 www-viewdns-info/
Wem gehört die IP / DNS, welche weiteren Webseiten werden auf demselben Server gehostet usw..

21 webcode.tools-open-graph-generator
Generatoren für OpenGraph, CSS,

21 webconfs.com/redirect-check
Checkt, ob ein .htaccess-Redirect (301) korrekt arbeitet

21 webpagetest
Webtest von Google empfohlen. Gibt detailierte Angaben zu den "Bremsen" der Website

21 seittest
Untersucht Webseiten auf ihre Integrität und bewertet sie

21 xml.com/pub/a/2000/12/13/schematools
Links zu Validierungsseiten

21 xml-sitemaps
Generator für valide XML-Sitemaps
 

Suchmaschinenoptimierung / Ranking

➜ Abschnitt ansehen / wegblenden
21 absolit-blog.de/zustellung/...
Liste von deutschen Spamworten, die zu einer Blockierung oder Herabstufung führen können

21 alexa.com/siteinfo/autenrieths
Alexa - Website-Analyse

21 answerthepublic-com
Keywords / Suchworte / Phrasen für Suchmaschinenotimierung finden. Für eine Keyword werden Phrasen und Satzfragmente aus Suchergebnissen gelistet

21 kangax-github-io-html-minifier
HTML-Minifier - reduziert den Quellcode und verschlankt den HTML-Code

21 adwords.google.de/select/KeywordToolExternal
Keyword-Recherchetool von und für Google-Marketing

21 metager.de/asso
Liefert verwandte Keywords aus dem Umfeld

21 opensiteexplorer
Welche Seiten verlinken mit der Homepage? Domain Authority, Site Authoroity

21 blog.sendblaster.com/2009/10/19/200-...
Spam-Keywords (englisch), die man im Text vermeiden sollte

21 savedhistory.net/d/autenrieths
Google-PageRank, Alexa, Indexierte Seiten bei Google, Backlinks...

21 semager.de/keywords/url-analyse
Analysiert Keyworddichte

21 webconfs.com/search-engine-spider-simulator
Wie sieht Google eine Internetseite: Tool zur Suchmaschinenoptimierung
 

Internet-Lexikon, WHOIS-Abfragen

➜ Abschnitt ansehen / wegblenden
21 denic
Wollen Sie wissen, wer sich hinter einer .de-Internetadresse verbirgt? Bei DENIC werden alle de-Homepages angemeldet. Hier werden nur Klarnamen akzeptiert. D.h., wenn Sie einem Homepagebetreiber (oder seinem Provider) eine Nachricht zukommen lassen wollen, hier steht nach Eingabe der Homepage in einer Maske sofort die vollständige (postalische) Anschrift und oft genug auch die E-Mail-Adresse und Telefonnummer zur Verfügung

21 dnsstuff
Wem gehört die Internetadresse (IP)? ähnlich Denic, aber schneller

21 netplanet
Zur Geschichte des Internets, Sicherheit im Netz, Anonymes Surfen (siehe auch die "Safer-Surf-Rubrik!;-)), Netiquette, Netlife, usw. sehr umfangreiches und gut aufbereitetes Wissen

21 ping.eu
Whois, Pink, Traceroute, Portcheck, Bandwidth-meter ... eine Menge Tools

21 ripe
Wenn Sie wissen möchten, wer sich hinter einer Homepage oder welcher server sich hinter einer IP-Adresse verbirgt - Mit dieser Suchmaschine finden Sie's heraus

21 whatismyipaddress
Aus welcher Region stammt die Internetadresse (IP)? - Falls jemand behauptet, eine Email sei nicht von ihm: Header anschauen, IP-Adresse notieren, nachschauen, ob die Gegend passen könnte. Ist ein Indiz.
 

Sitemap-Generatoren

➜ Abschnitt ansehen / wegblenden
21 marcobeierer-tools-sitemap-generator
Flotter Generator - sortiert die Seiten alphabetisch

21 sitemaps.org/protocol
Informationen über den Aufbau von Sitemaps

21 xml-sitemaps
Flotter Generator, überprüft interne Verlinkungen und erstellt daraus eine Wertigkeitshierarchie
 

Website anmelden

➜ Abschnitt ansehen / wegblenden
 Die Links sind nicht hinterlegt. Bitte jeweils die eigene URL eintragen und dann in die Kopfzeile des Browsers kopieren!

21 bing.com/webmaster/ping.aspx?siteMap=http://www.deine_url.de/sitemap.xml
Anmelde-Adresse für Bing: Dabei www.deine.url.de durch die richtige Adresse ersetzen

21 google.com/webmasters/tools/ping?sitemap=http://www.deine_url.de/sitemap.xml
Anmelde-Adresse für Google: Dabei www.deine.url.de durch die richtige Adresse ersetzen

21 searchlinks
Anmelden bei Searchlinks - Kategorie auswählen, dann anmelden


Neue und alte Techniken der Radierung und Edeldruckverfahren
Vom Hexenmehl und Drachenblut zur Fotopolymerschicht - ein alchemistisches Werkstattbuch
Tipps, Tricks, Anleitungen, Verfahren und Rezepturen aus 5 Jahrhunderten - erlesen, erfunden, erfahren und gesammelt von Wolfgang Autenrieth
Nochmals erweiterte 7. Auflage, 232 Seiten im Großformat, 35 €1 - ISBN 978-3-9821765-0-5

Banner: Radierbuch


Erhältlich portofrei1 im Direktversand  //  ➜  im Buchhandel  //  ➜ über Booklooker (*****)  //  ➜ bei Ebay (*****)   //  ➜  per Paypal
Weitere Bezugsmöglichkeiten siehe ➜ "Wege zum Buch" oder nutzen Sie das ➜ Kontaktformular

Leseproben online:  ➜ Website (180 Seiten)   //   ➜ Einleitung (PDF)  //   ➜ Ätzung (PDF)  //   ➜ Pigmentdruck (PDF)  //   ➜ Chemikalien (PDF)  //   ➜ Kommentare  //   ➜ Inhaltsverzeichnis (PDF)  
1Versand erfolgt in der BRD portofrei, Auslandsversand gegen Erstattung der Mehrkosten