Neues von Monika und Klaus aus dem Jahr 2018

  1. Zum Inhalt springen
Monika  &  Klaus

www.klamonfra.de

Neues aus dem Jahr 2018 von Monika und Klaus auf www.klamonfra.de (Klaus und Monika Franz)

Hier finden Sie einige Hinweise auf Veränderungen und wie sich unsere Website mit der Zeit so langsam entwickelt hat.

29Jul2018

Webdesign: Kontaktformular bei webdesign klamonfra


Das Kontaktformular von webdesgn klamonfra ist nun auf dieser Hauptseite eingebunden, weil ich hier die Verschlüsselung von Seiten aktiviert habe. Nach der neuen EU Datenschutzgrundverordnung (EU-DSGVO (Die Datenschutz-Grundverordnung (DSGVO) ist eine Verordnung der Europäischen Union)) seit 25. Mai 2018 müssen Eingaben von privaten Daten verschlüsselt werden und ist eine Pflicht der Webseitenbetreiber.
Außerdem sind die Pflichtfelder und die Abfrage der Validität auch in diesem Kontaktformular eingebunden worden. Solange die Eingaben nicht korrekt sind, wird das Absenden verhindert. Das ist ein weiteres Kapitel der Bedienerfreundlichkeit.


23Jul2018

Webdesign: Eingabe im Kontaktformular wird überprüft


Es ist von Vorteil wenn bereits vor dem Absenden einer Kontaktanfrage die Eingaben clientseitig auf Validität überprüft werden. HTML5 (HyperText Markup Language) bietet nun einige Möglichkeiten, Eingaben von input-Elementen bereits während der Eingabe zu validieren. Falsche Eingaben sind dadurch für den Benutzer direkt sichtbar, und solange die Eingaben nicht korrekt sind, wird ein Absenden des Formulars verhindert.

Pflichtfelder haben wir bisher nur durch den zusätzlichen Text "(Pflichtfeld)" gekennzeichnet. Nun erhalten alle Pflichtfelder in unserem Kontaktformular das required (englisch für erforderlich oder notwendig)-Attribut. Solange die Eingaben nicht erledigt sind, wird das Absenden verhindert und eine Fehlermeldung ausgegeben.

Damit entfallen ein paar serverseitigen Abfragen. Auf der Seite Optimierung - Wie können Formulareingaben mit HTML5 validiert werden? haben wir die Vorgehensweise etwas ausführlicher beschrieben.
Der Artikel "Was ist ein label-Tag?" von unserer Seite "Wissenswertes" ist dort ebenfalls mit eingeflossen und entfällt damit auf der Seite "Wissenswertes".


19Jul2018

Tutorials: Mit dem Lupeneffekt ist es möglich Bilder einer Website zu vergrößern


Die Animation mit der Lupe und vier verschiedenen Bildern war bisher auf der Seite "Animationen7" zu finden.
Diesen Effekt und weitere Möglichkeiten sind in einem Tutorial unter "Mit dem Lupeneffekt Bilder einer Webseite vergrößern" beschrieben. Ein weiterer Effekt ist zum Beispiel ein schwarz/weiß Bild, dass erst beim Durchschauen durch eine Linse die Farbe zum Vorschein bringt. Oder ein unscharfes Bild, dass erst beim Durchschauen einer Linse scharf wird und ein abgedunkeltes Bild, dass erst durch eine Linse seine volle Helligkeit preisgibt.

Die vier animierten gif-Bilder wurden bisher jeweils auf einer eigenen Seite präsentiert. Das ist natürlich übertrieben. Jetzt sind die Bilder direkt auf der Übersichtseite "Animationen - Animierte Bilder" eingebunden.

Damit entfallen die Seiten "Animationen1" bis "Animationen4", "Animationen7" und "Animationen8".


17Jul2018

Tutorials: Was versteckt sich denn hinter dem Vorhang?


Diese Animation war bisher auf der Seite "Animationen8" zu finden und wird im Original mit einem JavaScript (objektorientierte Programmiersprache) und dem Plugin "easing" für den Bounce-Effekt realisiert.

Diesen Effekt habe ich zuerst einmal in einem Tutorial zusammengeschrieben, um dann aber die Idee aufzugreifen und ein Intro für eine Diashow mit CSS3 (Cascading Style Sheet)-Animation und CSS3 (Cascading Style Sheet)-Keyframe zu erstellen.


05Jul2018

Tutorials: Der dreidimensionale Karussell-Slider


Bei dem dreidimensionale Karussell-Slider hatte sich ein kleiner Fehler bei dem grauen Hintergrund eingeschlichen.
Dieser ist mit einem übergeordneten div-Container mit dem Namen "hinter" behoben.


02Jul2018

Webdesign: Seit elf Jahren online!


In den letzten Wochen haben wir unsere Website aufgeräumt. Dabei wurden viele englische Seiten gelöscht und von den Seiten "Wissenswertes" und "Hilfe für Bediener" wurden einige Artikel der besseren Übersichtlichkeit auf "webdesign klamonfra" übernommen.
Auf Grund der neuen EU Datenschutzgrundverordnung (EU-DSGVO (Die Datenschutz-Grundverordnung (DSGVO) ist eine Verordnung der Europäischen Union)) haben wir dann sowohl den Grußkartenversand als auch unser Gästebuch aus dem Netz genommen. Die Unsicherheit war uns hierbei einfach zu groß.

Unsere einzelnen Webseiten wurden bis heute von 87.498 Besucher aufgerufen.

"Herzlichen Dank" für die Treue unserer Besucher und auch für die zahlreichen E-Mails. Wir wünschen Ihnen für das kommende Jahr weiterhin viel Vergnügen bei Monika und Klaus!


22Jun2018

Webseiten: Ende der Aufräumaktion


Nun kann auch die letzte Unterseite "optimierung" unter "Wissenswertes" gelöscht werden. Die Sitemap wird entsprechend angepasst. Und fertig sind wir mit der Löschaktion!

Da sowohl im "Impressum" als auch im "Disclaimer" die gleichen Hinweise zu "Haftung für Inhalte", "Haftung für externe Anbieter" und "Urheberrecht" stehen, wird wegen doppeltem Inhalt der Text unter dem "Impressum" ein wenig anders gestaltet. Diese Änderung hatte ich unter "webdesign klamonfra" ebenfalls vorgenommen.


21Jun2018

Webseiten: Optimierung


Im Zuge der Aufräumaktion werden auch Teile aus dem Artikel "Mit welchen Tools haben wir unsere Webseiten getestet?" von der Seite "optimierung" auf der Seite "Bewertungen, Tests und Analysen dieser Website" übernommen.
Dabei habe ich festgestellt dass viele Tools nicht mehr aktiv sind oder nicht mit HTML5 (HyperText Markup Language) funktionieren. Deshalb teste ich unsere Website "webdesign klamonfra" noch einmal mit allen Tools und nehme direkt ein paar Verbesserungen vor. Mit dem Tool "Seobility" werden zum Beispiel Probleme mit Strong- und Boldtags, Probleme mit externen Links, doppelte Inhalte, Schreibfehler und Seiten mit zu wenig Text angezeigt.
Aus diesem Grund habe ich die Texte auf den Seiten "Scroll-Balken bei kurzen Seiten anzeigen", "Menü mit Garagentore" und "JavaScripts zusammenfassen, HTTP-Request sparen" erweitert.
Außerdem habe ich endlich eine Lösung für die Fehlerausgabe "Leverage browser caching" gefunden. Auf der Seite "CSS-Dateien zusammenfassen, HTTP-Request sparen" ist das am Ende des Artikels unter dem Punkt "php header - Leverage browser caching" genau beschrieben!
Damit ist der Performance Grad der Website enorm gestiegen und die Website lässt sich deutlich schneller laden!


14Jun2018

Webseiten: Und weiter geht's mit der Aufräumaktion


Der Artikel "HTML Schreibweise für ä ,ö ,ü ,ß ,&" von der Seite "gestaltung" ist nun auf einer separaten Seite unter Optimierung "Welche ASCII-Zeichen werden für Sonderzeichen benötigt?" zu finden. Der Artikel wurde gleichzeitig noch um vieles Wissenswertes um die Sonderzeichen ergänzt.

Die beiden Artikel "jQuery" und "Ein Bild langsam aufblenden lassen" von der Seite "gestaltung" sind nun auf einer separaten Seite unter Tutorials "Wie blendet man ein Bild langsam ein?" zu finden. Der Artikel wurde noch um den Teil "Umsetzung für ein langsames Aufblenden eines Bildes ohne JavaScript" erweitert.

Die restlichen Texte von der Seite "gestaltung" (Was ist ein label-Tag?, Zeilenumbruch bei einem langen Wort erzwingen, Ersatz für das applet-Tag) und der Seite "bedienungen" (div-Bereich kann angeklickt werden) wurden direkt auf der Seite "Wissenswertes beim Gestalten einer Website für die Webdesigner" eingebunden. Damit können die Seiten "gestaltung" und "bedienungen" entfallen.

Der Artikel "Anker definieren" von der Seite "optimierung" ist ebenfalls auf der Seite "Wissenswertes beim Gestalten einer Website für die Webdesigner" eingebunden.


13Jun2018

Webseiten: Aufräumaktion in unserer Website geht weiter


Der Text "Navigation und Inhaltsverzeichnis (Sitemap)" von der Seite "orientierung" ist auch auf der Seite "Was muss man bei der Suchmaschinenoptimierung beachten?" ganz unten vorhanden und kann entfallen.

Der Artikel "Wie kann ich die Schrift auf den Seiten vergrößern?" von der Seite "design" ist nun auf der Seite "Nützliche Informationen zur Barrierefreiheit auf diesen Seiten" unter "Skalierbarkeit der Inhalte und der Schrift".

Somit wurden die restlichen Texte von der Seite "orientierung" (Die Suchfunktion auf unseren Seiten, Was ist ein RSS-Feed?) und "design" (Wie kann ich eine vertrauliche Nachricht schicken?, Wie kann ich am besten eine Seite ausdrucken?, Die folgenden Akronyme sind bei uns verwendet worden) direkt auf der Seite "Tipps und Tricks rund ums Internet von Monika und Klaus" eingebunden. Damit entfallen auch die Seiten "design" und "orientierung".

Die Artikel "Wie erstellt man die schräge Texteinblendung?" und "Darstellung von Quellcode" von der Seite "gestaltung" haben wir auf einer neuen Seite unter Codeschnipsel Wie erstellt man die schräge Texteinblendung?" kopiert.


12Jun2018

Webdesign: Aufteilung der Neuigkeiten


Wir haben die Neuigkeiten aus den Jahren 2015 bis 2017 wieder auf Einzelseiten aufgeteilt.
Da wir nur noch sehr selten ausländische Besucher haben, sind einige englische Seiten gelöscht worden und damit das Projekt übersichtlicher gestaltet.


11Jun2018

Webdesign: Fehler in der Galerie korrigiert


In unserer animierten Fotogalerie hatte sich ein Darstellungsfehler eingeschlichen.
Nun kann man die Bilder in den einzelnen Kategorien wieder als Diashow ablaufen lassen.
Viel Spaß beim Betrachten unserer Bilder wünschen Monika und Klaus.


10Jun2018

Webseiten: Hilfe bei Bedienungen und Wissenswertes über das Design


Wir starten eine Aufräumaktion in unserer Website!

Wir haben die Erklärungen zum Bedienen einer Website ohne Maus für die folgenden Unterpunkte aus dieser Website entfernt und in unsere Webdesign-Seite unter Nützliche Informationen zur Barrierefreiheit auf diesen Seiten integriert:

Und auch die Erklärungen zum Design einer Website bei den Besonderheiten für Texte wurden aus dieser Website entfernt und auf unserer Webdesign-Seite unter Webdesign - Vorgehensweise bei einer Textauszeichnung aufgeführt:

Den Artikel zur "breadcrumb navigation" haben wir entfernt, da er bereits unter Webdesign - Breadcrumb Navigation als Navigationshilfe aufgeführt war.

Der Artikel zum "Umgang mit externen Seitenaufrufe" war ebenfalls in beiden Projekten aufgeführt. Aus diesem Grund wurde dieser ebenfalls hier entfernt. Zu finden ist er nun unter Webdesign - Der Umgang mit externen Seitenaufrufe. Damit enfällt die komplette Seite "Wissenswertes bei den Bedienungen auf unserer Website für unsere Besucher".

Der Artikel zum "Eintragen einer Internetadresse in unser Gästebuch" entfällt, da wir das Gästebuch entfernt haben.

Die Seite "wordpress" und der Artikel "Nützliche Programme für das Erstellen von Webseiten" bei "Wissenswertes für Webdesigner" sind ebenfalls der Räumungsaktion zum Opfer gefallen!

Damit haben wir die technischen Dinge einer Website besser gebündelt und es ist für den Besucher einfacher die Erklärungen zu finden.


09Jun2018

Webdesign: Gästebuch und Partnerseiten


Auf Grund der ab dem 25. Mai 2018 gültigen neuen EU Datenschutzgrundverordnung (EU-DSGVO (Die Datenschutz-Grundverordnung (DSGVO) ist eine Verordnung der Europäischen Union)) haben wir uns nun endgültig von unserem Gästebuch und der Liste der Partnerseiten getrennt.
Wir hatten genau 1.499 Gästebucheinträge und möchten uns dafür recht herzlich bedanken.
Wer wissen möchte mit welchen Programmen wir unsere Bilder bearbeiten, darf uns gerne eine E-Mail senden.


15Mai2018

Webseiten: Gästebuch


Auf Grund sehr vieler Copyrightverletzungen bei den eingestellten Bildern haben wir uns schweren Herzens dazu entschlossen alle Bilder aus unsem Gästebuch zu entfernen.
Wir möchten uns aber trotzdem bei Allen für die schönen Bildern bedanken.

Zum Seitenanfang springen