Open Source / Freeware für Multimedia & Webseiten-Gestaltung

Auch für die Gestaltung von Webseiten ist ein großes Feld von Tipps, Hilfen und Programmen im Web bereits vorhanden:
Erstellen von Fotogalerien, Zeichensätzen und Icons.
Hintergründe , mit und ohne Bild, Farbpicker, Farbeinstellungen ohne Ende, bis hin zu Demos von Webseiten mit den von Ihnen gewählten Farben.
CSS-Einsteller und CSS-Online-Editor mit Downloadfunktion der gewählten Daten
Webseiten Editoren auch für ohne Kenntnisse, sowie Text-Editor mit hervorgehobenem Syntax von HTML und CSS
PHP-Entwicklungsumgebung und FTP-Programme

Was will man noch mehr für Umsonst?

Viel Spaß beim Stöbern auf meiner und den anderen Seiten!


LIMESURVE   https://www.limesurvey.org/de

 

LIMESURVEY


Kostenloses Umfrage Tool

TINYJPG / TINYPNG   https://www.tinyjpg.com

 

TINYJPG / TINYPNG

Bildgrößen-Reduktion
Einfach die Seite aufrufen - die Bilder hochladen und zusehen, wie sie komprimiert werden.
Nach Fertigstellung alle Bilder als eine ZIP-Datei herunterladen!
Ideal für große Bilder und auch Sammlungen!

LIGHTBOX   https://www.lokeshdhakar.com/projects/lightbox2/

 

LIGHTBOX

Bilder-Gallerie für die Website
Ganz einfach die Bildergallerie selbst mit Lightbox gestalten! HTML & CSS-Kenntnisse sollten etwas vorhanden sein... sowie GIMP.

Eine komplette deutsche Anleitung mit allem Drum & Dran gibt es unter www.html-seminar.de/bildergalerie-mit-lightbox.htm

IMAGE GALLERY MAKER  
https://www.heise.de/download/product/image-gallery-maker-62595

 

IMAGE GALLERY MAKER


Kostenlose Fotogalerien erstellen

Entweder als Lightbox, Shadow Box oder Simple anzeigen.
Zeilen und Spalten, Farben, Größe von Vorschau und Endbild, Randfarbe Hintergrundbild, und noch vieles mehr - einstellbar. Sogar auf Deutsch ...

Download nur noch bei HEISE gefunden.

VISUAL LIGHTBOX   http://visuallightbox.com/de/

 

VISUAL LIGHTBOX


Kostenlose Fotogalerien erstellen

ANLEITER   http://www.anleiter.de/

 

ANLEITER


Anleitungen / Hilfen (auch am PC)

OPENMOJI   https://openmoji.org/

   
 

OPENMOJI


Open-source Emojis


Open-source PrejeKt von 53 Studenten und 2 Professoren der HfG SchWäbisch Gmünd und externer Mitarbeiter
Über 3.000 Emojis zur freien Nutzung!


FONTELLO   http://fontello.com/

 

FONTELLO


Eigenen Zeichensatz erstellen


Eigenen Zeichensatz aus vorhandenen Zeichen selbst zusammenstellen, speichern und dann downloaden!

Incl. Demoseite mit allen dargestellten Zeichen.

DAFONT   https://www.dafont.com/de/

 

DAFONT


Riesensammlung Zeichensätze


Zeichensatz aus vielen Vorhandenen aussuchen und downloaden!


SONDERZEICHEN 1  
https://nextlevelseo.de/html-sonderzeichen

♥ ✉ ✔ ➩ ♫ ➠ à é ç

 

SONDERZEICHEN 1


HTML SONDERZEICHEN: TABELLE UND ÜBERSICHT


SONDERZEICHEN 2  
https://www.mediaevent.de/tutorial/sonderzeichen.html

௹ + ⚕ + ⚒ + ⇑ + ▶ + ➥ + ✂ + ☯

 

SONDERZEICHEN 2


Riesensammlung Sonderzeichen
Umfangreiche Sonderzeichen unter HTML eingeben!


SONDERZEICHEN 3  
https://www.netgenerator.de/lexikon/ascii-sonderzeichen
😂 😍 😊 😉 ☹ 😄 🙂 😁 😜 😘 😃 😋 😀 😳 😢 😱 😏 😆 🙄 😅 😡 😬 😎 🙃 🙈 ☠ ☎ ✆ ✉ ♫ ♪ ™ ® © @ ☢ ♔ ♚ ♛ 彡 ✿ ❖ ☂ ☃ ♀ ♂ ‼ ¶ ð ☯ ✌ ♆ 〄 ☣ ☛ Ψ ✐ ¿ æ ℛ � ⚠
 

SONDERZEICHEN 3


Einfach nur kopieren aus der Website ...


FAVICON-Generator  
https://www.websiteplanet.com/de/webtools/favicon-generator/

 

FAVICON-Generator


Erstellung von Favicons
Mit der Möglichkeit eigene Bilder hochzuladen (bis zu 5 MB!)

Ein Favicon ist das kleine Icon (leider nur 16x16 Pixel), dass neben der URL Deiner Seite in der Adressleiste des Browsers angezeigt wird.
Ebenso wird es außerdem in der Liste der offenen Browser-Tabs und der Favoritenliste angezeigt.
Über Dein eigenes Favicon finden Nutzer Deine Webseite von anderen zu unterscheiden.

X ICON EDITOR   http://www.xiconeditor.com/

 

X ICON EDITOR


Icon-Editor

PATTERNINJA   https://patterninja.com/
und auch unter http://www.bgpatterns.com/

 

PATTERNINJA


Online Hintergrund erstellen

STRIPE GENERATOR   http://www.stripegenerator.com/

 

STRIPE GENERATOR


Hintergrund erstellen

Ein kleines Online-Tool mit großem Hintergrund-Nutzen ! Erstellen Sie einfachst einen gestreiften Hintergrund mit all nur erdenklichen Einstellungen!

ZEN BG   https://galactic.ink/bg/

 

ZEN BG


Hintergrund mit variablem Bild und Farbverlauf

Alles ein- und verstellbar

FARBTABELLE   http://www.farbtabelle.at/websichere-farben/

 

FARBTABELLE


Websichere Farben

COLOR CODES   https://www.colorschemer.com/html-color-codes/

 

COLOR CODES


Farbtabellen für HTML, CSS, HEX und RGB

JUST COLOR PICKER 5   http://annystudio.com/software/colorpicker/

 

JUST COLOR PICKER 5


Farb-Pipette
Farben aus Bildern oder Website übernehmen

sogar als Portable Version! Farbcodes für HTML, RGB, HEX, HSB / HSV, HSL, HWB, CMY, CMYK und Delphi.
Gemittelte Farbabtastung zur einfachen Handhabung von Farbrauschen
Lupe 3x, 9x und 15x und Tastatursteuerung des Mauscursors für mehr Präzision.
Farbliste zum Speichern und Wiederverwenden der ausgewählten Farbmuster
Benutzerkommentare und Notizen für jede ausgewählte Farbe
Konvertierung von HTML / Hexadezimal- und RGB-Farbcodes in die entsprechenden Farben
Rot-Grün-Blau (RGB), Cyan-Magenta-Gelb (CMY) und Rot-Gelb-Blau (RYB) -Farbräder mit markierten Triaden und Komplementärfarben
Harmonischer Farbschema-Generator
RGB-, HSV- und HSL-Farbeditoren zum Anpassen und Bearbeiten von Farben
Farbverlaufsübergang zwischen zwei beliebigen Farben zum Erstellen eines breiten Bereichs von Zwischenfarbtönen
Textwerkzeug zur Bewertung der Lesbarkeit der ausgewählten Kombinationen von Schrift und Hintergrundfarbe
Kopieren Sie den Farbcode mit einem Mausklick oder automatisch in die Zwischenablage. CSS-kompatible Farbcodes. Keine Installation erforderlich: Just Color Picker ist eine portable Anwendung und kann direkt von einem USB-Stick ausgeführt werden. Mehrsprachige Benutzeroberfläche

ADOBE COLOR WHEEL   https://color.adobe.com/de/create/color-wheel/

 

ADOBE COLOR WHEEL


CSS-Farbeinsteller

GALACTIC INK   https://galactic.ink/sphere/

 

GALACTIC INK


CSS-Farbeinsteller
Spährische Farbeinstellmöglichkeiten
Dehnung der Farbstufen

PALETTON   http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

 

PALETTON


Farbeinsteller mit Demo

COLOR MATCH   http://colorexplorer.com/colormatch.aspx

 

COLOR MATCH


CSS-Farbeinsteller
COLOR MATCH

COLOR MATCH REMIX   http://www.hlrnet.com/colormatch/de.php

 

COLOR MATCH REMIX


CSS-Farbeinsteller
COLOR MATCH REMIX

THEMANINBLUE   http://themaninblue.com/experiment/Technicolor/

 

THEMANINBLUE

CSS-Farben einstellen


THE MAN IN BLUE: Farben einstellen...

... und als Muster eine Webseite ansehen...

CODE generieren lassen und als CSS downloaden!

TABLE-STYLER   https://divtable.com/table-styler/

 

TABLE-STYLER

Tabellen für Webseiten

Erstelle Deine Tabelle unter allen möglichen Angaben in verschiedenen Ausführungen für Deine eigene Webseite.


CSS MATE   http://cssmate.com/csseditor.html

 

CSS MATE

CSS-Attribute einstellen

In sieben Kategorien eingeteilte CSS-Attribute erleichtern die Einstellungen Ihres Stylesheets.
Das Ergebnis wird in einem gesplittetem Fenster online sofort angezeigt - ideal um z.B. Farbvarianten zu probieren !
Nur noch den fertigen Code markieren und kopiern = fertig !

Zur deutschen Anleitung

CM-BASIC   https://www.cmbasic.de/

 

CM-BASIC


Content-Management-System

Eigenschaften von CM-Basic:
moderater Einarbeitungsaufwand (im Vergleich zu Joomla und Co.)
Bearbeiten der Inhalte per WYSIWYG-Editor möglich (der gleiche wie bei Joomla!)
Unkompliziertes Einbinden von Abbildungen
Einbinden von Audio- und Videodateien per Symbolbefehl
Erzeugen von Bildergalerien mit Vorschaugrafiken und Lightbox-Effekt
Leicht anpassbares Template für individuelles Layout (viel einfacher als bei Joomla oder anderen CMS!)
Einrichten mehrerer Benutzer möglich
Einbinden individueller Skripte vorgesehen
Zwei individuell platzierbare Menüs mit maximal 2 Ebenen möglich
Als Voraussetzung muss Ihr Webhoster PHP5 und MySQL anbieten.

KOMPOZER   http://www.kompozer-web.de/

 

KOMPOZER

Die Webseitengestaltung wird uns durch viele kleine Helferlein erleichtert. Dank KompoZer & Co ist es heute jedem möglich, auch mit wenigen HTML-Kenntnissen einen Internetauftritt nach eigenen Vorstellungen zu gestalten. KompoZer gehört zu den wenigen Editoren, die nicht nur WYSIWYG -(What you see is what you get) fähig sind, sondern auch über eine grafische Oberfläche verfügen. Das Schreiben in HTML-Tags ist nicht mehr notwendig, denn umfangreiche Kenntnisse in HTML sind für das Gestalten von Webseiten und das Erstellen eines Internetauftritts mit KompoZer keine Voraussetzung. Sie können aber durch die Verwendung von KompoZer erlernt werden.

NOTEPAD ++   https://notepad-plus-plus.org/

 

* NOTEPAD ++


Notepad ++ ist ein kostenloser Source Code-Editor und Notepad-Ersatz, der mehrere Sprachen unterstützt.
Syntaxhervorhebung, Benutzerdefinierte Syntax-Hervorhebung
PCRE (Perl-kompatibler regulärer Ausdruck) Suchen / Ersetzen
GUI vollständig anpassbar: minimalistisch, Registerkarte mit Schließen, mehrzeilige oder vertikale Registerkarte und vertikale Dokumentliste
Autovervollständigung: Wortvervollständigung, Funktionsvervollständigung und Hinweis zu Funktionsparametern
Multi-Dokument (Tab-Oberfläche), Multi-View, WYSIWYG (Drucken)
Vergrößern und verkleinern, Mehrsprachige Umgebung wird unterstützt, Lesezeichen, Makroaufnahme und Wiedergabe, ...

XAMPP   https://www.apachefriends.org/de/index.html/

 

XAMPP

XAMPP ist die beliebteste PHP-Entwicklungsumgebung.
XAMPP ist ein Testserver, um serverseitige Webseiten auf dem PC offline zu testen.
XAMPP ist eine vollständig kostenlose, leicht zu installierende Apache-Distribution, die MariaDB, PHP und Perl enthält. Das XAMPP Open-Source-Paket wurde für eine extrem einfache Installation und Nutzung eingerichtet.

FILEZILLA   http://www.filezilla.de/

 

FILEZILLA

FTP-Programm
Über FILEZILLA laden Sie Ihre erstellten Webseiten vom heimischen PC auf Ihre Domain im Web

Deutsche Fanpage: http://www.filezilla.de/

https://filezilla-project.org/

websiteplanet.com

Software zur Website-Gestaltung:   https://www.websiteplanet.com/
  www.websiteplanet.com/de/
Auswahl an diversen kostenpflichtigen Anbietern zur Website-Gestaltung. Darüber hinaus gelangt man über "TOOLS" zu den guten und kostenlosen Hilfsprogrammen aus dem Bild.
Erfreulich ist auch das Einstellen unterschiedlicher Sprachen. Ich nutzte das Tool "Komprimierung von JPG/PNG" zur Erstellung meiner Website.
Zu meinem Erstaunen schrumpften die Bildgrößen auf über die Hälfte der eigentlichen Datei - bei wohlgemerkt gleicher Qualität! Hut ab - sehr empfehlenswert!

  https://www.websiteplanet.com/
  www.websiteplanet.com/fr/
Kleine Nettigkeiten mit HTML und CSS:    http://play.csssecrets.io/