Benutzer-Werkzeuge

Webseiten-Werkzeuge


html

Notizen

Gesetze

Datenschutz Grundverordnung

Kontaktformular

Da durch ein Kontaktformular immer personenbezogene Daten angefordert werden, muß die Verbindung nach § 13 TMG immer verschlüsselt erfolgen. Weiter muß der Nutzer der elektronischen Verarbeitung der Daten zustimmen.
https://www.it-recht-kanzlei.de/kontaktformular-datenschutzgrundverordnung-dsgvo.html

Sicherheit

Login

Hier gibt es eine gute Beschreibung für ein Loginskript. Und hier noch eine Variante.

Auch bei slefhtml gibt es einen Artikel dazu.

Grundlegende Struktur

Das Html Dokument soll grundsätzlich ohne CSS gestaltet werden. Die Menüs sind in Listen zu deklarieren.

<ul>
<li> Menüpunkt </li>
...
</ul>

Eine kurze Einführung in CSS http://de.learnlayout.com/

JavaScript JQuery Framework https://jquery.com/
http://www.html-seminar.de /javascript-kommentare.htm

Debuggen

Um PHP zu debuggen ist anscheinend Xdebug stand der Technik. Damit es eingesetzt werden kann, ist eine IDE notwendig. Hier bietet sich NetBeans an. Hier ist eine ausführliche Beschreibung.

Xdebug soll nun auch im Firefox funktionieren. \ https://php.babo.ist/xdebug/

Layout mit Flexbox

Bilder

Zur Bildbearbeitung auf de Konsole gibt es das Paket imagemagick. Für Bilder, die auf der Webseite angezeigt werden, reicht eine Auflösung von etwa 600 x 450 (4:3). Das Seitenverhältnis der Orginalbilder muß dabei berücksichtigt werden. Bildinformationen bekommt man auf der Konsole mit

identify <bild>

Alle EXIF-Informationen werden mit

identify -verbose <bild>

ausgegeben.

Die Größe eines Bildes (Auflösung) kann mit

convert -resize 600x600 <original.jpg> <neu.jpg>

geändert werden. Dabei wird das Seitenverhältnis beibehalten und das Bild auf maximal 600 Pixel verkleinert. Mit

convert -rotate 90 <original.jpg> <neu.jpg>

wird das Bild um 90° nach rechts gedreht. -90 dreht nach links.

Hier ist die Bildbearbeitung auf der Konsole beschrieben. Bei ubuntuusers steht die Beschreibung hier

Videos

Mit ffmpeg können Videos gedreht werden:
Bei allen Beispielen wird davon ausgegangen, dass die Ausgangsdatei input.mpeg heisst und als output.mpeg gespeichert werden soll. Natürlich können die Dateinamen den eigenen Gegebenheiten angepasst werden.

Video um 90 Grad nach rechts drehen

Um ein Video 90 Grad nach rechts zu drehen, werden folgende Parameter verwendet:

ffmpeg -i input.mpeg -vf "transpose=1" -qscale 0 output.mpeg

Um ein Video nach links zu drehen sind folgende Parameter erforderlich:

ffmpeg -i input.mpeg -vf "transpose=2" -qscale 0 output.mpeg

Video um 180 Grad drehen

Eine 180-Grad-Drehung wird durch horizontales und vertikales Flippen erreicht:

ffmpeg -i input.mpeg -vf "hflip,vflip" -qscale 0 output.mpeg

Video konvertieren für HTML5

ffmpeg -i input.mp4 -b 1500k -vcodec libx264 -preset slow -profile:v baseline -g 30 -strict -2 output.mp4

Video konvertieren für HTML5 mit drehen

ffmpeg -i input.mp4 -b 1500k -vcodec libx264 -preset slow -profile:v baseline -g 30 -vf "transpose=2" -qscale 0 -strict -2 output.mp4

Video in Einzelbilder zerlegen

ffmpeg -i Videoclip.flv -sameq -ss 00:02:34 -t 00:00:12 -s 320x240px bild%5d.jpg

Parameter:

  • -i Input File
  • -sameq Stellt sicher, dass die Qualität der Einzelbilder so hoch ist wie in der Quelle.
  • -ss bestimmt – in Stunden, Minuten und Sekunden (hh:mm:ss) – den Zeitpunkt, ab welchem die auszulesende Bildsequenz beginnt. Du kannst sie herausfinden, indem du den Digitalfilm in einem Videoplayer deiner Wahl bis zur gewünschten Stelle vorspulst.
  • -t bestimmt indirekt die Anzahl der auszulesenden Einzelbilder.
  • -s legt die Bildmaße [Breite x Höhe in Pixeln] der entstehenden Dateien fest.

Text in das Video einblenden

ffmpeg -i input.mp4 -vf drawtext="fontfile=/path/to/font.ttf: \
text='Stack Overflow': fontcolor=white: fontsize=24: box=1: boxcolor=black@0.5: \
boxborderw=5: x=(w-text_w)/2: y=(h-text_h)/2" -codec:a copy output.mp4

The @0.5 controls the opacity of the text box. In this example it is set to 50%. You can remove @0.5 and there will be no transparency.

-codec:a copy will stream copy (re-mux) the audio and avoid re-encoding.

An alternative to the drawtext filter is to use ASS or SRT subtitles–especially if you want timed text or softsubs.

If you want to update or change the text see the textfile and reload options for this filter.

This filter requires your ffmpeg to be compiled with –enable-libfreetype. If you get No such filter: 'drawtext' it is probably missing –enable-libfreetype. Most of the ffmpeg static builds available support this, so see the FFmpeg Download page for links.

See the drawtext filter documentation for more options and examples.

Bild mit php aus geschützem Verzeichnis anzeigen

Wenn ein Verzeichnis mit .htaccess geschützt ist, kann der Webbrowser keine Dateien aus diesem Verzeichnis mehr anzeigen. Bilder aus diesem Ordner sollen aber auf einer Webseite dargestellt werden. Dies ist folgenermaßen möglich:

HTML-Code:

<img src="pfad/bildanzeigen.php">

Die Datei bildanzeigen.php hat dann folgenden Inhalt:

<?php
header('Content-type: image/jpeg'); 
print(file_get_contents('bildpfad/bild.jpg')); 
?>

Software zur Videobearbeitung

kdenlive
HandBrake mit deutschem Handbuch

Diagramme

Diagramme mit Javascript zeichnenhttp://www.lutanho.net/diagramm/
Zoomfenster aus SVG Grafiken mit Javascript auswählenhttps://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Mouse_and_More

RSS

RSS kann über PHP erzeugt werden. Eine gute Beschreibung gibt es auf: http://www.patrick-saar.de/artikel/rss-feeds-dynamisch-mit-php-und-mysql-erstellen

HTML5-Handbuch

JavaScript

Daten übertragen

mit curl können Daten vom/zum Server übertragen werden. Beschreibung unter: https://wiki.ubuntuusers.de/cURL/

curl -u <user>:<password> ftp://<url>

Weitere Beispiele stehen hier.

E-Mails mit Anhang

Hier wird erklärt, wie E-Mails mit Anhang verschickt werden. In diesem Artikel geht es um das Speichern von Anhängen

PDF

Mit Html2PDF kann HTML Code in PDF umgewandelt werden. Eine weitere Möglichkeit ist hier beschrieben.

Ein simples Tool ist fpdf.

html.txt · Zuletzt geändert: 2024/03/08 10:35 von thomas