Projekt ( App: Geschäftsbrief erstellen, HTML5, CSS3)

Hölty (1748 - 1776) :
Was ist ein Brief – ein Stück Papier, das man zerreißt, zerknittert, aber auch als Schatz bewahrt, vergilbt schon und verwittert.

Einführendes zur Entstehung von Zeichen und Schrift, Schriftarten, Kalligrafie, Piktogramme, Icon, Symbol, Signet, Copyright, Logo, Unicode-Blöcke usw. siehe: Schrift ( Schriften der Welt ), Unicode (Weltweites Internet ), Dokumenten-Strukturen , Information (Einführung).


Geschäftsbrief erstellen ( Formulardaten nach HTML-Source ) mit "my Design"

Die zu erstellende App soll ein Formular verwenden das mit Hilfe der Eingabewerte einen Geschäftsbriefe als HTML-CSS-Quelltext erstellt. Die Formularwerte und ein eigene CSS-Geschäftsbrief-Design sollen zu dem HTML-CSS-Quelltext verarbeitet werden. Formelemente für Pflicht-Eingabe erhalten "*" als Marker.

Siehe Unicode Zeichen . Mit einer Brief-Vorschau kann der Geschäftsbrief ( UTF-8-Zeichen ) angezeigt, gedruckt werden.

Bitte auf das Bild klicken ( Muster für einen Geschäftsbrief ). Muster eines Geschäftsbriefes Zu Papiergebunden Dokumente gehören zahlreiche Metatdaten und Text-Positionierungen.
Wie wird es gemacht? Hier ist ein Anfang. Achtung! Die Vorlagen sind ungetestet. Bitte selbst entwickeln und testen. Dennoch können die Experimente "form-zu-brief" (start) hilfreich sein.

Der Brief und die Vorschau sollen UTF-8-Zeichen verwenden können, wie z.B.

✪ ☀ ► ▼ ▲ ⇨ ⇩ ♡ ⚽ ☎ ☏ ☑ ☒ ☓ ☜ ☝ ☞ ☟ ♔ ♖ ♗ ♘ ⓵ ⓶ ⓷ ⑴ ⑵ ⑶ ⒈ ⒉ ⒊ Ⓐ Ⓑ Ⓒ ⓐ ⓑ ⓒ ⒜ ⒝ ⒞

Hinweis: In der Veranstaltung gibt es zahlreiche Tips ...

Einige ausgewählte UTF-8-Zeichen Design

Einige ausgewählte UTF-8-Zeichen:

✪ ☀ ► ▼ ▲ ⇨ ⇩ ↥ ↧ ▲ △ ▶ ▷ ⚢ ⚣ ⚤ ⚥ ⚦ ⚧ ⚨ ⚩ ⚪ ⚫ ⚬ ⚭ ⚮ ⚯ ⚳ ⚴ ⚵ ⚶ ⚷ ⚸ ⚹ ⚺ ⚻ ⚼ ⚽ ⚾ ⛄ ⛅ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☑ ☒ ☓ ☔ ☕ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♈ ♓ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭ ♯ ♰ ♱ ♿ ⚆ ⚇ ⚈ ⚉ ♲ ♳ ♴ ♵ ♶ ♷ ♸ ♹ ♺ ♻ ♼ ♽ ♾ ⚌ ⚍ ⚎ ⚏ ⚐ ⚑ ⚒ ⚓ ⚔ ⚕ ⚖ ⚗ ⚘ ⚙ ⚚ ⚛ ⚜ ⚝ ⚠ ⚡ ⓪ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳ ⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽ ⓾ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇ ⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛ Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵

Optionaler Lösungsweg "xml-zu-brief" mit "myDesign"

Welche weitere Möglichkeiten gibt es, einen Geschäftsbrief in HTML zu erstellen? Liegen z.B. die Brief-Daten in einer DB-XML-Struktur vor, so kann das Source-Dokument in einen Geschäftsbrief gewandelt werden: Eine XSLT-Transformation wandelt ein xml-Dokument in ein anderes xml-Dokument ( XML, XSL, XSLT, XSL-FO, XLink, XML Schema, XQuery ). Mit Hilfe von RegExp können Texte ( Source ) in andere Texte ( Source ) gewandelt werden.

Hierzu ein Start-Experiment xml-nach-brief (start) gemacht werden. Bild mit SVG-Source:

XQuery XPointer XLink XSLT XPath
Optionaler Lösungsweg ( "get-daten zu brief" ) mit "myDesign"

Die Eingabedaten werden von
der Seite "daten-eingeben-fuer-brief.htm" mit GET an
die Seite "get-daten-verarbeiten-zum-brief.htm" geschickt. Die Seite "get-daten-verarbeiten-zum-brief.htm" holt sich beim window.onload-Event mit var daten = ("&" + self.location.search.substring(1) ) die encodeURIComponent( Rohdaten ) von "daten-eingeben-fuer-brief.htm" und wandelt diese mit decodeURIComponent() zurück zu den orginal Eingabedaten und erstellt damit den CSS-HTML-Quelltext des Briefes.

Optionaler Lösungsweg ( "TA's zu Brief" ) mit "myDesign"

Werden für die Texeingabe mehrere Textareas verwendet, so kann daraus ein CSS-formatierter HTML-Source-Brief erstellt und als Vorschau ( open ) angezeigt werden. Die Texte aus den Textareas werden mit pre-Tags, CSS-Design und Vorschau zu einer optionalen Lösung.

Hinweise in der Veranstaltung. Schnellstart ( grob ):

 <textarea ...>
       Fachhochschule Giessen
       FB MNI 
       Wiesenstrasse 14
 35390 G i e s s e n 
 </textarea>
 <textarea ...>
 Hans Saubermann
 Ebert von Schönheit-Str. 13
 4711 Hinter-Tupfingen

 Telefax: (06408) 4711-123
 Telefon: (06408) 4711-0
 günstige Anruf-zeiten: Mo-Fr: 9.00-12.00
 Datum :4.11.2008 
 </textarea>
 <textarea ...>
 Sehr geehrte Damen und Herren,

 Herzlichen Dank für ihre schnelle Antwort. Leider 
 sind einige Unklarheiten aufgetaucht. Wir sind an 
 einer Klärung interessiert und bitten um die 
 Beantwortung der nachfolgenden Fragen. 
 Soweit dies möglich ist, teilen sie uns bitte auch 
 konkrete Lösungsvorschläge mit. 
 Nach unserer Rechnung ist 
                            
    Rechnungsbetrag           100.00 &euro;
    abzgl. 3 % Skonto           3.00 &euro;
    abzgl. unserer Zahlung      7.00 &euro;
                             ---------
    bleibt ein offener
    Restbetrag von             90.00 &euro;
                             ========= 
 Hier stehen weitere Ausführungen. Hier stehen weitere Ausführungen. 
 Hier stehen weitere Ausführungen. Herzlichen Dank für ihre Bemühungen. 
 </textarea>

Viel Freude bei der Ausarbeitung!
Letzter Abgabetermine So 12.00 Uhr
Plagiate sind out!