W E B S E I T E N




  |     |  

Im Internet ist auch für die Gestaltung von Webseiten ein großes Feld mit Tipps, Hilfen und Programmen 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!

   Hilfsprogramme  


LIMESURVE   https://www.limesurvey.org/de
Kostenloses Umfrage Tool


TINYJPG / TINYPNG   https://www.tinyjpg.com
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!



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...


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 erstellen


ANLEITER   http://www.anleiter.de/

Anleitungen / Hilfen (auch am PC)



Nach oben!


   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 Zeichensätze
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 ...




Nach oben!


   Icons & Hintergrund  


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.


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




Nach oben!


   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.




Nach oben!


   Hilfsprogramme II  


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/
  www.websiteplanet.com/fr/


Kleine Nettigkeiten mit HTML und CSS:    http://play.csssecrets.io/



Nach oben!