Webentwicklung: Unterschied zwischen den Versionen

Aus devops.straight8.de
Zur Navigation springenZur Suche springen
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
=Verschiedene Technologien=
=Verschiedene Technologien=
* [[Prettifying_Code]]
= Frontend Entwicklung =
* [[Design Systeme und Styleguides]]
== Webdesign Vorbilder ==
* https://nitsantech.de/typo3-fuer-oeffentliche-einrichtungen
= Coding Best Practice=
==HTML/ CSS==
==HTML/ CSS==
===Fallbeispiele===
===Fallbeispiele===
Zeile 46: Zeile 57:


=gesammelte Code Beispiele=
=gesammelte Code Beispiele=
==currentColor (CSS)==
Video: https://www.youtube.com/watch?v=Mb_bF4Y26DA
= Rechtliches =
== Datenschutzerklärung ==
Hier ist ein rechtssicherer Standard-Datenschutzhinweis (Muster) für eine einfache Webseite in Deutschland nach der DSGVO.
Bitte beachten Sie unbedingt den Haftungsausschluss am Ende des Textes und passen Sie die eckigen Klammern [...] an Ihre Seite an.
📄 <big>'''Datenschutzerklärung'''</big>
<big>1. Datenschutz auf einen Blick</big>
'''Allgemeine Hinweise'''
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
'''Datenerfassung auf dieser Website'''
* '''Wer ist verantwortlich für die Datenerfassung?''' Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ entnehmen.
* '''Wie erfassen wir Ihre Daten?''' Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z. B. durch Eingabe in ein Kontaktformular). Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs).
* '''Wofür nutzen wir Ihre Daten?''' Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
* '''Welche Rechte haben Sie bezüglich Ihrer Daten?''' Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen.
<big>2. Allgemeine Hinweise und Pflichtinformationen</big>
'''Hinweis zur verantwortlichen Stelle'''
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
[Name des Unternehmens / Vorname und Nachname]
[Straße und Hausnummer]
[Postleitzahl und Ort]
Telefon: [Telefonnummer]
E-Mail: [E-Mail-Adresse]
Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.
'''Widerruf Ihrer Einwilligung zur Datenverarbeitung'''
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
'''Recht auf Beschwerde bei der zuständigen Aufsichtsbehörde'''
Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres Aufenthaltsortes, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu.
'''Recht auf Datenübertragbarkeit'''
Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen.
'''Auskunft, Löschung und Berichtigung'''
Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltlich Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten.
<big>3. Datenerfassung auf dieser Website</big>
'''Server-Log-Files'''
Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Log-Files, die Ihr Browser automatisch an uns übermittelt. Dies sind:
* Browsertyp und Browserversion
* Verwendetes Betriebssystem
* Referrer URL (die zuvor besuchte Seite)
* Hostname des zugreifenden Rechners
* Uhrzeit der Serveranfrage
* IP-Adresse
Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit. f DSGVO (Berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung der Website).
'''Kontaktformular''' [Diesen Punkt löschen, falls kein Formular genutzt wird]
Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
---
⚠️ WICHTIGER HINWEIS:
Dies ist ein stark vereinfachtes Basismuster für eine Webseite ohne komplexe Zusatztools. Sobald Sie Werkzeuge wie Google Analytics, Facebook-Pixel, YouTube-Videos oder Google Fonts nutzen, müssen Sie diese Erklärung zwingend um zusätzliche, spezifische Absätze erweitern.
* Tipp: Nutzen Sie für eine vollständige und exakt auf Ihre Seite angepasste Erklärung die kostenlosen Generatoren von anerkannten Anbietern wie eRecht24 - https://www.e-recht24.de/muster-datenschutzerklaerung.html oder Datenschutz-Generator.de - https://datenschutz-generator.de/.

Aktuelle Version vom 9. Mai 2026, 17:10 Uhr

Verschiedene Technologien[Bearbeiten]

Frontend Entwicklung[Bearbeiten]

Webdesign Vorbilder[Bearbeiten]

Coding Best Practice[Bearbeiten]

HTML/ CSS[Bearbeiten]

Fallbeispiele[Bearbeiten]

Positionierung von ‹div›-Containern[Bearbeiten]

Video Tutorial von acadamy.of.webdesign

Teil1

https://www.youtube.com/watch?v=4-qAfmobWxU

Teil 2

https://www.youtube.com/watch?v=ZlSpVq_qi-E

Teil 3

https://www.youtube.com/watch?v=LLfoO_IZKjw&t=1s

Teil 4

https://www.youtube.com/watch?v=EbuK3KZOPzs

Teil 5

https://www.youtube.com/watch?v=D7gFur7lXW8

CSS Variablen[Bearbeiten]

https://www.youtube.com/watch?v=YINBFCpLWUE (v. Programmieren mit Mario )

Farbschema eines Layout an zentraler Stelle definieren[Bearbeiten]

Video-Tutorial von Mario

https://www.youtube.com/watch?v=OOQe1Y4e5ro

Farbpaletten[Bearbeiten]

Javascript (JS)[Bearbeiten]

Fallbeispiele[Bearbeiten]

Lokalisierung von Element (Zahlen, Währung, Datum etc.)[Bearbeiten]

https://www.youtube.com/watch?v=A0FaqIR_Ngw (v. Programmieren mit Mario)

gesammelte Code Beispiele[Bearbeiten]

currentColor (CSS)[Bearbeiten]

Video: https://www.youtube.com/watch?v=Mb_bF4Y26DA

Rechtliches[Bearbeiten]

Datenschutzerklärung[Bearbeiten]

Hier ist ein rechtssicherer Standard-Datenschutzhinweis (Muster) für eine einfache Webseite in Deutschland nach der DSGVO.

Bitte beachten Sie unbedingt den Haftungsausschluss am Ende des Textes und passen Sie die eckigen Klammern [...] an Ihre Seite an.


📄 Datenschutzerklärung


1. Datenschutz auf einen Blick

Allgemeine Hinweise

Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.

Datenerfassung auf dieser Website

  • Wer ist verantwortlich für die Datenerfassung? Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ entnehmen.
  • Wie erfassen wir Ihre Daten? Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z. B. durch Eingabe in ein Kontaktformular). Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs).
  • Wofür nutzen wir Ihre Daten? Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
  • Welche Rechte haben Sie bezüglich Ihrer Daten? Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen.


2. Allgemeine Hinweise und Pflichtinformationen

Hinweis zur verantwortlichen Stelle

Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:

[Name des Unternehmens / Vorname und Nachname]

[Straße und Hausnummer]

[Postleitzahl und Ort]

Telefon: [Telefonnummer]

E-Mail: [E-Mail-Adresse]

Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.

Widerruf Ihrer Einwilligung zur Datenverarbeitung

Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.

Recht auf Beschwerde bei der zuständigen Aufsichtsbehörde

Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres Aufenthaltsortes, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu.

Recht auf Datenübertragbarkeit

Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen.

Auskunft, Löschung und Berichtigung

Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltlich Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten.


3. Datenerfassung auf dieser Website

Server-Log-Files

Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Log-Files, die Ihr Browser automatisch an uns übermittelt. Dies sind:

  • Browsertyp und Browserversion
  • Verwendetes Betriebssystem
  • Referrer URL (die zuvor besuchte Seite)
  • Hostname des zugreifenden Rechners
  • Uhrzeit der Serveranfrage
  • IP-Adresse

Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit. f DSGVO (Berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung der Website).

Kontaktformular [Diesen Punkt löschen, falls kein Formular genutzt wird] Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.

---

⚠️ WICHTIGER HINWEIS:

Dies ist ein stark vereinfachtes Basismuster für eine Webseite ohne komplexe Zusatztools. Sobald Sie Werkzeuge wie Google Analytics, Facebook-Pixel, YouTube-Videos oder Google Fonts nutzen, müssen Sie diese Erklärung zwingend um zusätzliche, spezifische Absätze erweitern.