|
Im Internet gibt es für die Gestaltung von Webseiten ein breit gefächertes Feld mit Tipps, Hilfen und Programmen:
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? Überhaupt für Umsonst?
Viel Spaß beim Stöbern auf meiner und den anderen Seiten!
|
Hilfsprogramme
| LIMESURVE https://www.limesurvey.org/de |
Kostenloses Umfrage Tool |
Bilder-Gallerie für die Website
Ganz einfach die Bildergallerie selbst mit Lightbox gestalten! HTML & CSS-Kenntnisse sollten etwas vorhanden sein... sowie GIMP.
/www.lokeshdhakar.com/projects/lightbox2/
Eine komplette deutsche Anleitung mit allem Drum & Dran gibt es unter
www.html-seminar.de... |
 |
 |
IMAGE GALLERY MAKER
https://www.heise.de/...
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/
Kostenlose Fotogalerien erzeugen
Webseiten werden gegen Unkostenbeitrag erstellt |
 |
 |
ANLEITER http://www.anleiter.de/
Anleitungen / Hilfen (auch am PC) |
|
Zeichensätze
 |
OPENMOJI openmoji.org
Open-source Emojis
Open-source Projekt von 53 Studenten und 2 Professoren der HfG Schwäbisch Gmünd und externer Mitarbeiter
Über 3.000 Emojis zur freien Nutzung! |
FONTELLO fontello.com Eigenen Zeichensatz erstellen
Eigenen Zeichensatz aus vorhandenen Zeichen selbst zusammenstellen, speichern und dann downloaden!
Incl. Demoseite mit allen dargestellten Zeichen. |
|
DAFONT www.dafont.com/de/
Riesensammlung von Zeichensätzen
Zeichensatz aus vielen Vorhandenen aussuchen, zusammen stellen und downloaden! |
SONDERZEICHEN 1 nextlevelseo.de/...
♥ ✉ ✔ ➩ ♫ ➠ à é ç HTML Sonderzeichen: Tabelle und Übersicht |
SONDERZEICHEN 2 www.mediaevent.de/...
௹ + ⚕ + ⚒ + ⇑ + ▶ + ➥ + ✂ + ☯
Riesensammlung Sonderzeichen. Umfangreiche Sonderzeichen unter HTML eingeben! |
SONDERZEICHEN 3 www.netgenerator.de/...
😂 😍 😊 😉 ☹ 😄 🙂 😁 😜 😘 😃 😋 😀 😳 😢 😱 😏 😆 🙄 😅 😡 😬 😎 🙃 🙈 ☠ ☎ ✆ ✉ ♫ ♪ ™ ® © @ ☢ ♔ ♚ ♛ 彡 ✿ ❖ ☂ ☃ ♀ ♂ ‼ ¶ ð ☯ ✌ ♆ 〄 ☣ ☛ Ψ ✐ ¿ æ ℛ � ⚠
Einfach nur aus der Website kopieren ... |
|
Icons & Hintergrund
Kostenlose ICONS www.websiteplanet.com/...
18 Webseiten zum Download Freier ICONS zur kommerziellen Nutzung |
 |
FAVICON-Generator
www.websiteplanet.com/...
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. |
Background-Generator bggenerator.com
Guter Hintergrund-Editor mit sehr vielen Einstell-Möglichgkeiten! |
 |
 |
X ICON EDITOR http://www.xiconeditor.com/
Guter Icon-Editor |
PATTERNINJA https://patterninja.com/
Online Hintergrund für die Webseite erstellen |
 |
 |
STRIPE GENERATOR www.stripegenerator.com
Hintergrund mit Streifenbild erstellen - ob schräg oder gerade!
Ein kleines Online-Tool mit großem Hintergrund-Nutzen! Erstellen Sie einfachst einen gestreiften
Hintergrund mit all nur erdenklichen Einstellungen! |
ZEN BG galactic.ink/bg/
Hintergrund mit variablem Bild und Farbverlauf. Alles ein- und verstellbar |
 |
|
F A R B E N
 |
FARBTABELLE www.farbtabelle.at/...Websichere Farben |
COLOR CODES www.colorschemer.com/...
Farbtabellen für HTML, CSS, HEX und RGB |
 |
 |
JUST COLOR PICKER 5 annystudio.com/...
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 color.adobe.com/de/create/... CSS-Farbeinsteller |
 |
 |
GALACTIC INK https://galactic.ink/sphere/
CSS-Farbeinsteller
Spährische Farbeinstellmöglichkeiten. Dehnung der Farbstufen |
| PALETTON paletton.com/... Farbeinsteller mit Demo |
 |
 |
COLOR MATCH http://colorexplorer.com/colormatch.aspx CSS-Farbeinsteller |
THEMANINBLUE themaninblue.com/...
CSS-Farben einstellen... und als Muster eine Webseite ansehen...CODE generieren lassen und als CSS downloaden! |
 |
 |
Mediaevent www.mediaevent.de/tutorial...
Farbnamen, Farbcodes und deren numerische Farbwerte. Die Tabelle der Farbnamen mit den Farbcodes in Hex- und RGB-Werten zeigt zusätzlich die HSL-Werte der Farben. Der HSL-Farbraum
ordnet Farben nach Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness) und kommt unserem Farbempfinden besser entgegen als Hex oder RGB-Farbwerte. |
|
Hilfsprogramme
 |
TABLE-STYLER divtable.com/...
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-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/
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 |
KOMPOZER www.kompozer-web.de/
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 ++ 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 www.apachefriends.org/de/...
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 www.filezilla.de
FTP-Programm. Über FILEZILLA laden Sie Ihre erstellten Webseiten vom heimischen PC auf Ihre Domain im Web.
Deutsche Fanpage: www.filezilla.de/
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/ |
|
|
LINK-LISTE
Home
PC
Bilder
Sound
Video
Webseiten
Erinnerungen
USB
|
