{"id":1940,"date":"2009-08-05T04:29:00","date_gmt":"2009-08-05T02:29:00","guid":{"rendered":"http:\/\/thehackenbushtimes.wordpress.com\/2009\/08\/05\/mal-wieder-ein-bisserl-technik-zur-abwechslung%e2%80%a6"},"modified":"2021-04-23T05:40:49","modified_gmt":"2021-04-23T03:40:49","slug":"mal-wieder-ein-bisserl-technik-zur-abwechslung","status":"publish","type":"post","link":"https:\/\/www.nerd-o-mania.de\/wordpress\/2009\/08\/mal-wieder-ein-bisserl-technik-zur-abwechslung\/","title":{"rendered":"Mal wieder ein bisserl Technik zur Abwechslung\u2026"},"content":{"rendered":"<h2>\u2026oder: Der Live Writer &#8211; Seine Aufzucht und Pflege\u2026<\/h2>\n<p align=\"justify\">Da der Live Writer bzw., das layouten des Space scheinbar bei einigen Spacianern \u2013und innen f\u00fcr Probleme, bzw. zu Fragen gef\u00fchrt hat, will ich mich heute mal, anstatt wie \u00fcblich, die holde Weiblichkeit mit Schmutz zu bewerfen, mich mit dem Thema Live Writer besch\u00e4ftigen. Ich hoffe, das nach lesen dieses Eintrags einiges klarer ist\u2026<\/p>\n<p align=\"justify\">Also aufgepasst und Ohren gespitzt\u2026<\/p>\n<p align=\"justify\">Zuerst mal: Warum sollte man Live Writer benutzen? Nun, weil nichts dagegen spricht, sondern vieles daf\u00fcr.\u00a0 Zum einen ist es abenteuerlich, in der Online Version des Blog-Editors mit dem IE rum zu hampeln. Wie oft ist da schon mal ein Blog-Eintrag ins Nirwana abgeraucht, weil man die nette Meldung bekam: \u201cSERVER BUSY! PLEASE TRY AGAIN LATER!\u201d. Stundenlang geschriebener Text unwiderruflich weg. Viele Funktionen fehlen auch. Blocksatz zum Beispiel <em>(unverzichtbar zum Beispiel bei meinem mehrspaltigem Layout).<\/em> Die Option f\u00fcr eine horizontale Linie fehlt auch. Kann man immer mal brauchen, zur optischen Trennung. Und vielleicht das wichtigste: Live Writer Entw\u00fcrfe werden auf der Festplatte gespeichert! So hat man den kompletten Blog gesichert, falls mal wieder ein Space bei Microsoft verloren geht. Was ja durchaus schon vorgekommen ist. Also Leute, nutzt besser den Live Writer.<\/p>\n<p align=\"justify\">Zur Info: Der Windows Live Writer speichert die Entw\u00fcrfe von Blog Artikel im Ordner:<em>\u00a0<strong>c:&lt;Username&gt;DocumentsMy Weblog PostsDrafts<\/strong>.<\/em><\/p>\n<p align=\"justify\"><a href=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/speicherortweblog5b45d.png\" rel=\"WLPP noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"display: inline; border-width: 0;\" title=\"speicherort Weblog\" src=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/speicherortweblog5b45d.png?w=300\" alt=\"speicherort Weblog\" width=\"258\" height=\"206\" border=\"0\" \/><\/a><\/p>\n<p align=\"justify\"><em>(hier unter Windows 7 zu sehen: sch\u00f6n ordentlich sind alle Entw\u00fcrfe zu sehen. Ebenso die Details wie \u00c4nderungsdatum und Gr\u00f6\u00dfe. Ziemlich klein ist oben auch das zugeordnete Programm zu sehen. Hier der Live Writer. Das Vorschaufenster ist hier deaktiviert, da der Live Writer keine Vorschau unterst\u00fctzt. Ist ja bei Textbeitr\u00e4gen auch nicht wirklich sinnvoll) <\/em><\/p>\n<p align=\"justify\">Nachdem Microsoft also die Blogeintrag-Erstellung direkt auf den Spaces nach verschiedenen Updates ziemlich eingeschr\u00e4nkt hat, sind viele Benutzer dazu \u00fcbergegangen das hauseigene Produkt Windows \u201cLive Writer zu benutzen. das Produkt ist auch nicht schlecht. Es ist zum ersten kostenlos, und es funktioniert zuverl\u00e4ssig (nach diversen Updates l\u00e4uft die aktuelle Build 14.0.8064.206 de<em> (f\u00fcr Deutsch)<\/em> bei mir auf Vista und Windows 7 stabil und fehlerfrei)<\/p>\n<p align=\"justify\"><a href=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/livewriterversion3.png\" rel=\"WLPP noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"display: inline; border-width: 0;\" title=\"aktuelle Live Writer Version. Build 14 irgendwas....\" src=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/livewriterversion3.png?w=300\" alt=\"aktuelle Live Writer Version. Build 14 irgendwas....\" width=\"240\" height=\"185\" border=\"0\" \/><\/a><\/p>\n<p align=\"justify\"><em>(welche Version man hat, kann man einfach \u00fcberpr\u00fcfen: im Windows Live Writer auf \u201cHilfe\u201d klicken. Dann auf \u201cInfo \u00fcber Live Writer\u201d. Es \u00f6ffnet sich obiges Fenster. Funktioniert \u00fcbrigens bei so ziemlich allen Programmen. Also wenn ihr demn\u00e4chst vom Support mal gefragt werdet: \u201cwelche Version benutzen sie denn\u201d\u2026 So findet Ihr es einfach raus!)<\/em><\/p>\n<p align=\"justify\">Nur: Live Writer ist ein typisches Consumer Produkt. Das bedeutet in der Microsoft Interpretation &#8211;\u00a0 Die wichtigsten Funktionen sind enthalten. Alle Funktionen, die den dummen Anwender \u00fcberfordert (ja, es gibt dumme Anwender, sogar Saudumme!), oder ein normaler Anwender nicht braucht, wurden entfernt, bzw. gar nicht erst implementiert. Technische Gimmicks sollte man also nicht erwarten. Wie gut, dass Microsoft ein offenes System gebastelt hat. Mit Plugins, kann man die Funktionen von Live Writer <em>(im folgenden LW genannt)<\/em> wesentlich erweitern. Wunder sollte man nicht erwarten, aber das eine oder andere Plugin, macht vieles einfacher, und ersetzt die integrierten Funktionen durch bessere. Eins davon ist das <strong>Insert Polaroid Plugin<\/strong>. Unten ist ein Beispiel Bild:<\/p>\n<p align=\"justify\"><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/Polaroid.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright  wp-image-25023\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/Polaroid.jpg\" alt=\"\" width=\"433\" height=\"575\" title=\"\" srcset=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/Polaroid.jpg 511w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/Polaroid-181x240.jpg 181w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/Polaroid-226x300.jpg 226w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/a><\/p>\n<p align=\"justify\"><em>(das Insert Polaroid\u2013Plugin. Polaroid-Fotos kann man zwar in LW mit den Bildeffekten machen. Leider schneidet das interne Plugin die Fotos ab, damit es in den immer gleich dimensionierten Rahmen passt. Hier wird der Rahmen ans Foto angepasst. Und was zus\u00e4tzlich geht, ist Text auf das Foto zu schreiben.)<\/em><\/p>\n<p>Es gibt eine Live-Writer Webseite. Einfach auf diesen <a href=\"http:\/\/www.live-writer.de\/\" target=\"_blank\" rel=\"noopener\">Link<\/a> klicken, und man kommt dahin.<\/p>\n<p align=\"justify\">Weitere interessante Plugins sind folgende:<br \/>\ndas &lt;HR&gt; Plugin. &lt;HR&gt; ist ein Tag (eine Anweisung in HTML, um etwas auf einer Webseite in einer bestimmten Art und Weise darzustellen.<\/p>\n<p align=\"justify\">HR steht f\u00fcr \u201cHorizontal Ruler\u201d auf Deutsch horizontale Linie.<\/p>\n<hr \/>\n<p>oben: einmal geklickt, und die Linie ist da. Leider hat das Plugin keine Optionen. Das ist bl\u00f6d, da es durchaus m\u00f6glich ist, horizontale Linien mittels CSS<em> (Cascading Style Sheets)<\/em> zu formatieren.<br \/>\nSiehe unten:<\/p>\n<hr \/>\n<p align=\"justify\">der Quelltext dazu: <span style=\"color: #808080;\"><em>&lt;hr style=&#8220;border-bottom: blue 1px dashed; text-align: center; border-left: blue 1px dashed; background-color: white; width: 200px; height: 2px; color: grey; border-top: grey 1px dashed; border-right: blue 1px dashed; margin-center: 0px&#8220;&gt;<\/em><\/span><\/p>\n<p align=\"justify\">Wie man sieht, ist es gar nicht so einfach mal eben eine Linie so zu basteln, wie man will. HTML-Grundkenntnisse sollten also schon vorhanden sein. Im Zweifel hilft hier die kostenlose Online-Referenz <a href=\"http:\/\/de.selfhtml.org\/\" target=\"_blank\" rel=\"noopener\">SELFHTML<\/a> von Stefan M\u00fcnz. Selbstverst\u00e4ndlich bietet der LW die M\u00f6glichkeit direkt in HTML zu schreiben. Dazu muss man unten auf die Registerkarte Quellcode klicken. Puristen werden es lieben, dort ihre Kreativit\u00e4t zu entfalten. der normale Anwender wird h\u00f6chstens vor Schreck in Ohnmacht fallen. Bei bestimmten Anl\u00e4ssen wechsel ich halt auch mal in den Quellcode. Leider hat der LW eine eingebaute Korrektur.. Und leider kann man die nicht abschalten. Einige Dinge l\u00e4sst der LW n\u00e4mlich gar nicht zu. Der eingegebene Quelltext ist dann wie durch Zauberhand wieder weg, oder es stehen wieder ganz andere Werte dort, als die, die man eingetragen hat. Da k\u00f6nnte man manchmal schon vor Wut reintreten, wenn das Programm immer meint schlauer zu sein, als der Herr\u2026<\/p>\n<p align=\"justify\">Wenn man aber nicht ein komplexes Webdesign-Werkzeug, wie Adobe Dreamweaver ben\u00f6tigt, um HTML-Seiten zu erstellen, ist der LW f\u00fcr einen Blog total ausreichend.\u00a0 Das bringt mich zum n\u00e4chsten Punkt!<\/p>\n<p align=\"justify\"><strong>Das arbeiten mit LW!<\/strong><\/p>\n<p align=\"justify\">Letztens kam mal eine Frage, da wurde ich gefragt, wie ich den Text in mehrere Spalten bekomme. Ich ben\u00f6tige dieses Layout f\u00fcr meinen Blog, da die Optik ein bisserl an die <strong><a href=\"http:\/\/www.nytimes.com\/\" target=\"_blank\" rel=\"noopener\">The New York Time<\/a><\/strong>s erinnern soll. Diese Zeitung ist ja fast so ber\u00fchmt wie mein Space\u2026<\/p>\n<p align=\"justify\"><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-large wp-image-25021\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes-405x300.png\" alt=\"\" width=\"405\" height=\"300\" title=\"\" srcset=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes-405x300.png 405w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes-324x240.png 324w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes-768x569.png 768w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/newyorktimes.png 1024w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><\/a><\/p>\n<p align=\"justify\"><em>(The New York Times. Mein Vorbild, um den Space a bisserl wie diese weltber\u00fchmte Zeitschrift aussehen zu lassen..)<\/em><\/p>\n<p align=\"justify\">Und wie geht das, denn der LW bietet ja keine Option Text Spaltenm\u00e4ssig anzuordnen?<\/p>\n<p align=\"justify\">Das Geheimnis ist eine Tabelle! Eine Tabelle (mit Verschachtelungen) wird h\u00e4ufig im Web-Design eingesetzt, um Elemente pixelgenau auszurichten. Naja, bei LW ist vieles nicht m\u00f6glich..\u00a0 aber einiges geht schon!<\/p>\n<p align=\"justify\">Um Text Spaltenweise anzuordnen, m\u00fcsst ihr eine Tabelle einf\u00fcgen, die folgende Dimensionen hat: 3 Spalten breit, und 1 Zelle hoch. Dies gilt f\u00fcr eine 2spaltige-Anordnung. Die mittlere Zelle dient als optischer Trenner, da die beiden Spalten einen gewissen Abstand brauchen, damit der Text leserlich bleibt, und nicht aneinander st\u00f6\u00dft.. Bei dreispaltigem Text, muss die Tabelle also 5 Spalten haben, da man 2 Zwischenr\u00e4ume ben\u00f6tigt. Irgendwie muss ich jetzt an diese bl\u00f6de Tassenwerbung denken: Immer einen mehr als wie du\u2026<\/p>\n<p align=\"justify\"><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/mehrspaltiges-Layout5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-large wp-image-25020\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/mehrspaltiges-Layout5-241x300.png\" alt=\"\" width=\"241\" height=\"300\" title=\"\" srcset=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/mehrspaltiges-Layout5-241x300.png 241w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/mehrspaltiges-Layout5-193x240.png 193w, https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2009\/08\/mehrspaltiges-Layout5.png 618w\" sizes=\"auto, (max-width: 241px) 100vw, 241px\" \/><\/a><\/p>\n<p align=\"justify\"><em>(so sieht es aus. Zur besseren \u00dcbersicht, habe ich die Tabelle mit Rot umrandet. Hier ist die gesamte Tabelle 590 Pixel breit. Dies ist abh\u00e4ngig von eurem Blog-Layout! Also Achtung!Linke und rechte sind jeweils 280 Pixel, und die Mitte hat 30 Pixel Breite.)<\/em><\/p>\n<p align=\"justify\">Es ist scheinbar auch m\u00f6glich mit Prozent-angaben zu arbeiten (LW setzt es jedenfalls korrekt um, und auf dem Space wird es auch richtig angezeigt). Das finde ich pers\u00f6nlich besser, als das rumgefummel mit absoluten Pixelwerten, die der LW eh wieder nach seinem Willen \u00e4ndert. Wichtig ist, dass alle Werte zusammen 100% ergeben (bei meinem Layout also zum Beispiel: 47,6,47. Bei 5 Spalten k\u00f6nnte man 31,3,31,3,32 nehmen. Ob 3 Spalten aber Sinn machen? Habs mir optisch noch nicht angeschaut, bei meinem momentanen Layout sicher nicht). Das \u00e4ndern geht aber nur direkt im Quelltext. Versucht man dies im LW \u00fcber den Dialog \u201cSpalteneigenschaften\u201d,\u00a0 kommt beim %-Zeichen eine nette Zurechtweisung! Sp\u00e4testens jetzt ist klar, dass ein bisserl HTML-Kenntnis nicht schaden kann, wenn man n\u00e4mlich nicht wei\u00df, nach welchem Tag man sucht, und man einfach nur wild rumfummelt, kann das mal \u00fcbel ins Auge gehen. Als kleiner Tipp noch nebenbei: LW bietet die M\u00f6glichkeit seine Arbeit automatisch alle paar Minuten zu speichern.<\/p>\n<p align=\"justify\"><a href=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/automatischesspeichern5b25d.png\" rel=\"WLPP noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border-width: 0;\" title=\"bei einem 'wackligem' System zu empfehlen! Automatisches speichern. Kann den datenverlust deutlich minimieren..\" src=\"http:\/\/thehackenbushtimes.files.wordpress.com\/2009\/08\/automatischesspeichern5b25d.png?w=300\" alt=\"bei einem 'wackligem' System zu empfehlen! Automatisches speichern. Kann den datenverlust deutlich minimieren..\" width=\"240\" height=\"238\" border=\"0\" \/><\/a><\/p>\n<p align=\"justify\"><em>(\u00fcber &gt;Extras &gt; Optionen zu erreichen: Die Einstellungen zum automatischen speichern. Sollte man ruhig nutzen!)<\/em><\/p>\n<p align=\"justify\">Damit der Text in den Tabellen jetzt nicht aussieht wie Kraut und R\u00fcben, sondern sch\u00f6n in den Spalten ausgerichtet, muss man den Text noch im Blocksatz anzeigen lassen. Blocksatz bedeutet, dass der Text jeweils an den Seiten- bzw. Spaltenbegrenzungen anst\u00f6\u00dft, und der Zwischenraum des Textes angepasst, damit es passt. Bei l\u00e4ngeren W\u00f6rtern, sollte man dann mal \u00fcber Trennungen oder Gedankenstriche nachdenken, denn sonst sieht&#8217;s manchmal a bisserl seltsam aus<\/p>\n<p align=\"justify\">Wenn man wei\u00df, wie man sich mit solchen Kr\u00fccken behelfen kann, dann ist\u2019s recht einfach. Also Jungs und M\u00e4dels: Ran, und einfach mal testen!!\u2026<\/p>\n<p align=\"justify\"><em>letzte \u00c4nderung: 05.08.2009 07:10<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2026oder: Der Live Writer &#8211; Seine Aufzucht und Pflege\u2026 Da der Live Writer bzw., das layouten des Space scheinbar bei einigen Spacianern \u2013und innen f\u00fcr Probleme, bzw. zu Fragen gef\u00fchrt hat, will ich mich heute mal, anstatt wie \u00fcblich, die holde Weiblichkeit mit Schmutz zu bewerfen, mich mit dem Thema Live Writer besch\u00e4ftigen. Ich hoffe, &hellip;<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[5,19],"tags":[],"class_list":["post-1940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer","category-angetestet-software-und-apps"],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/1940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/comments?post=1940"}],"version-history":[{"count":0,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/1940\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/media?parent=1940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/categories?post=1940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/tags?post=1940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}