Bild in PDF Dokument einfügen |
|
Vorbereitungen und Voraussetzungen |
|
| Vorbereitung: | Zunächst sollte das erforderliche Dokument als *.htm Datei vorliegen. In unserem Falle verwenden wir als Beispiel den Vertrag, welcher dem Kunden als PDF-Dokument übersendet wird. "kb_whois_contract.htm" |
Alle Platzhalter wie <!--query-company--> sollten wie folgt geändert werden: 2!--query-company--> Vorher: <!--query-company--> Bitte führen Sie dies bei allen Platzhaltern aus. |
 |
WICHTIG! Lassen Sie sich den Quelltext des htm Dokumentes anzeigen. Hier sollte im HEAD Bereich nichts weiter drin stehen als: <html> |
|
| Speichern Sie das Dokument in einen neuen Arbeitsordner. | |
Nun werden wir das Programm "HTMLDOC" in der Version 1.8.23 starten. Bitte verwenden Sie nur diese Version. Sollten Sie die entsprechende Version nicht finden, können Sie diese hier nochmals herunter laden. Wir werden nun die Grundeinstellungen des Programmes vornehmen und einen Test machen. Im oberen Reiter wählen wir "Input" aus. |
 |
 |
|
Falls Sie die Datei nicht sehen sollten oder nicht zu Ihrem Projektordner gelangen, hier ein TIP: Unter "Show" bitte "All Files" auswählen. (Siehe 1) |
 |
| Im oberen Reiter wählen wir "Output" aus. "Output To" stellen wir auf "File" "Output Path:" wählen wir "Browse.." und geben den Ort an, an dem wir das pdf Dokument speichern wollen. Wenn wir das gewünschte Verzeichnis ausgewählt haben, tragen wir noch den Dateinamen hinten an: F:/PROJEKTORDNER/kb_whois_contract.pdf  "Output Format" wählen wir "PDF" "Output Options" wird nichts gewählt "Compression" stellen wir ganz nach LINKS auf "None Fast" Siehe Bild |
 |
| Im oberen Reiter wählen wir "Page" aus. "Page Size" wählen wir "A4" Danach kommen die Randeinstellungen. Meine Empfehlung lautet: Top 0.20in, Left 0.50in, Right 0.50in, Bottom 0.50in Bei "Header" und "Footer" wählen wir überall erst einmal "Blank". |
 |
| Im oberen Reiter wählen wir "Fonts" aus. Übernehmen Sie die Einstellungen wie hier im Bild dargestellt. Wenn Sie auf das Bild klicken erscheint eine größere Ansicht. Diese Einstellungen wirkt sich direkt auf die Schriftendarstellung im PDF Dokument aus. In den meisten Fällen sind nur die ersten 3 Werte für uns zutreffend. Schriftgröße, Zeilenabstand und Schrifttyp. bei Schrifttyp wird unsere Schrift im HTML Dokument durch diese ersetzt. Dies hat auch Auswirkung auf Lesbarkeit und Platzausnutzung unseres A4 Dokuemntes. |
 |
Im oberen Reiter wählen wir "PDF" aus. Hier finden wir die Einstellungen zum Erzeugen des PDF Dokumentes vor. "PDF Version " wählen wir 1.4 Anmerkung: Sollte hier unter First Page ein aktives Auswahlfenster sein, so haben Sie unter Input oder Output eine falsche Einstellung gewählt. Bitte prüfen! |
 |
| Im oberen Reiter wählen wir "Security" aus. Hier stellen wir "Encryption" auf NO. |
 |
Im oberen Reiter wählen wir "Options" aus. Um die nun gemachten Einstellungen nicht zu verlieren, können wir " Save As" anklicken und dann die Einstellungen speichern. Z.B. als "ohne_bild". Es wird die Datei "ohne_bild.book" angelegt.
|
 |
So nun testen wir unsere Einstellungen einmal. Die "kb_whois_contract.pdf" sollte auch noch alle Platzhalter 2!--query-company--> enthalten haben. |
Platzhalter anpassen: So nun werden wir die "kb_whois_contract.pdf" wieder schließen und uns einen Texteditor wie Notepad zur Hand nehmen um die Datei "kb_whois_contract.pdf" zu editieren. Suchen Sie den ersten Platzhalter ( z.B. 2!--query-company-->) In einigen Editoren können Sie auch die Option "Alle ersetzen" auswählen, das geht dann schneller. Ich arbeite mit dem SpeedCommander und den darin enthaltenen "SpeedEdit" welcher das hervorragend erledigt. Speichern Sie nun die kb_whois_contract.pdf wieder. |
| Testen Sie nun ob die "kb_whois_contract.pdf" mit Ihrem Bestellsystem funktioniert. Laden Sie die Datei hoch ( evt. CHMOD 777 Rechte geben) und machen Sie eine Testbestellung. Wenn alles funktioniert gehen wir nun dazu über ein Bild als Logo im oberen Bereich einzubinden. | |
| Zunächst erstellen wir unser neues Logo. Hierzu wählen wir eine maximale Höhe von 80px und eine Breite von maximal 500px. Eine Auflösung von 72dpi war bei uns ausreichend. Das Bild speichern wir als .jpg Datei. Nennen wir es mal amensa-soft.jpg . Dieses Logo sollte in unseren Projektordner kopiert werden. |
 |
Gehen wir nun zurück zu unserem Programm HTMLDOC, welches noch geöffent sein sollte und wählen im oberen Reiter "Input". Uns wird nun im unteren Bereich die Option "Logo Image" angezeigt. Hier klicken wir auf "Browse.." - es wird ein neues Fenster geöffnet in dem wir unsere Bilddatei auswählen sollen. Wahrscheinlich werden Sie diese aber in Ihrem Projektordner nicht sehen. Daher wählen Sie im oberen bereich unter "Show" die Option "All Files (*)" aus um alle Dateitypen anzeigen zu lassen. Nun können Sie Ihre Logo Datei auswählen. |
|
 |
|
 |
|
Drücken Sie nun "Generate" und die neue "kb_whois_contract.pdf" wird in Ihrem Projektordner erstellt. Ihre Alte "kb_whois_contract.pdf" wird hierbei überschrieben. Öffnen Sie nun die PDF Datei und sehen Sie nach ob Ihr Logo enthalten ist. Wenn dies der Fall sein sollte, müssen Sie nun nur noch wie bereits oben beschrieben die Platzhalter abändern, PDF Dokument speichern und dann in Ihrem Bestellscript testen.
|
 |
 |
|
| Hier noch einmal eine Bildreihenfolge wie die Platzhalter zu ändern sind. |  |
 |
|
 |
|
| Suchen und ersetzen ausführen |  |
| Und so sollte die PDF aussehen nach dem Speichern. |
 |
