• Webdesign für Anfänger

    Man hat mich gefragt, wie man mehr aus einer WWW-Seite machen kann, als mit den automatischen Generatoren von 1&1 geht. Aus dieser Antwort ist mehr als ein einzelner Hinweis geworden.

    Ein paar Notizen und Links zu Webtools.

    1. Texteditor und FTP
    Am besten startest Du, indem Du das hier liest:
    http://de.selfhtml.org

    Dann besorgst Du Dir einen Texteditor und legst los:
    http://notepad-plus-plus.org
    (Das bezieht sich auf Windows. Wenn Du unter Linux oder Mac arbeitest,
    hast Du schon alle grundlegenden Tools)

    Du mußt dann Deine Dateien auf Deinen Server hochladen. Dazu verwende ich die Mozilla Firefox Erweiterung „FireFTP“. Man installiert sie wie alle FF Erweiterungen über das Tools-Menü (ich beziehe mich immer auf die englische Version eines Programms, falls sie vorliegt).

    Das war die Version für Männer, die sich mit der Axt Blockhütten bauen.
    Jetzt die softe Version. Die Infos sollte man sich aber auf jeden Fall reintun, damit man überhaupt weiß, worum es geht.

    2. WYSIWYG-Editor
    Einen guten Eindruck macht Kompozer, ist auch für Einsteiger geeignet und kann trotzdem sehr viel.
    http://kompozer.net/features.php
    Die Dokumentation muß man auch hier lesen:
    EN
    http://www.charlescooke.me.uk/web/kz-ug-home.htm
    DE
    http://www.kompozer-web.de/download/kompozer-anleitung.pdf

    3. Web-CMS und Blog-Software
    Das ist die Lösung für langfristig angelegte Projekte mit viel Inhalt, wo sowohl Texte als auch Bilder und Videos verwaltet werden sollen, externe Datenquellen angezapft und eigene Daten in unterschiedlichen Formaten für andere Websites angeboten werden. Meist gibt es auch Newsletter-Tools und viele andere Erweiterungen dazu. Ihre Verwendung
    wird durch die Kenntnis von 1. und 2. erleichtert.

    Wenn Du regelmäßig Texte und Videos in einer nett gestalteten Umgebung veröffentlichen möchtest, wäre Wordpress eine gute Wahl, oder, falls Du Lust hast Dich mit HTML zu beschäftigen (siehe 1.), um Dein Design selber zu machen und wirklich alles zu verstehen und zu kontrollieren, kann ich Dir SPIP empfehlen, das ähnlich einfach wie Wordpress zu bedienen ist, dabei aber mehr Flexibilität bietet. Außerdem arbeite ich seit über 10 Jahren an der Entwicklung von SPIP mit :-)
    http://wordpress.com
    http://www.spip.net/en_rubrique25.html

    4. online Blog-Dienste, Social Networks et al.
    Wordpress, Google, Blogger, usw. erlauben Dir auch ein mehr oder weniger persönliches Design zu verwenden, bei Facebook geht das weniger gut.

    5. There’s an app for everything
    Websites sind eigentlich durch, heute baut man Apps, die u.U. auch im Web angezeigt werden können. Dazu muß man leider entweder reichlich Geld in die Hand nehmen, oder viel Stoff pauken. Trotzdem lohnt sich ein Blick und vielleicht ein Versuch mit den folgenden Werkzeugen. Seinen PC sollte man sehr gut kennen, um sie installieren zu können.

    Der MIT App-Inventor
    http://appinventor.mit.edu
    war ein Google-Projekt, mit dem Kinder Android-Apps zusammenklicken können. Total cool, es geht fast alles !

    Titanium SDK
    Der Hammer für Programmierer, macht Apps und Websites für alle Plattformen, man sollte schon ein paar Programmiersprachen beherrschen.
    „Create native, hybrid, and mobile web apps through a JavaScript-based SDK“
    http://www.appcelerator.com/platform/titanium-sdk

    Phonegap
    Ähnlich wie Titanium, aber auf Eclipse-Basis
    http://phonegap.com

    Apache Cordova
    Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
    PhoneGap is a distribution of Apache Cordova. You can think of Apache Cordova as the engine that powers PhoneGap, similar to how WebKit is the engine that powers Chrome or Safari.
    http://cordova.apache.org

    Mehr davon ?
    Voilà : „List of rich Internet application frameworks“
    https://en.wikipedia.org/wiki/List_of_rich_internet_application_frameworks

    Das war ein kurzer Überblick über kostenlose Open-Source-Lösungen, wenn Du Geld ausgeben willst, kann man natürlich über erheblich mehr sprechen - viel Besseres kommt dann aber auch nicht dazu.

    6. Die Abteilung für Nerds :

    Wer den Kampf gegen die Überwachung durch Google, Facebook, Verfassungsschutz & Co. betreibt, wird sich autonomen Lösungen zuwenden, die ohne 1&1 oder andere Serverhoster auskommen. Wie immer ist Wissen die Voraussetzung der Freiheit, aber super-kompliziert ist das alles nicht :

    https://unhosted.org
    unhosted web apps
    freedom from web 2.0’s monopoly platforms
    definition
    Also known as „serverless“, „client-side“, or „static“ web apps, unhosted web apps do not send your user data to their server. Either you connect your own server at runtime, or your data stays within the browser.

    Die Daten bleiben dann auf dem eigenen Rechner oder werden so im Internet verteilt, daß sie zwar nutzbar, aber keinem Besitzer zuordbar sind, in der „Cloud für Autonome“ sozusagen. Das hier ist ein Ansatz dazu:
    http://remotestorage.io/integrate

    Im weitesten Sinne kann man auch die folgenden System als Tools für die Herstellung von Websieten betrachten, auch wenn sie einen anderen Schwerpunkt haben. Ein Webentwickler und -redakteur wird an ihnen oder ähnlichen Programmen jedoch kaum vorbeikommen.

    SeaMonkey
    http://www.seamonkey-project.org/doc/features

    http://webdesign.about.com/od/freewebeditors/fr/seamonkey.htm

    All-in-One WYSIWYG Editor and Browser (and Email and Chat)
    About SeaMonkey
    SeaMonkey is the Mozilla project all-in-one Internet application suite. It includes a web browser, email and newsgroup client, IRC chat client, and composer — the web page editor. One of the nice things about using SeaMonkey is that you have the browser built-in already so testing is a breeze. Plus it’s a free WYSIWYG editor with an embedded FTP to publish your web pages. I don’t like that it doesn’t have HTML5 or CSS3 support, and you can’t change the doctype, even for new pages. But it is a free WYSIWYG editor, which there aren’t many of.

    BlueGriffonTM
    http://bluegriffon.org

    The next-generation Web Editor based on the rendering engine of Firefox. BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it’s a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

    BlueGriffon EPUB Edition
    http://www.bluegriffon-epubedition.com/BGEE.html

    NetBeans IDE
    https://netbeans.org/index.html

    The Smarter and Faster Way to Code
    Quickly and easily develop desktop, mobile and web applications with Java, HTML5, PHP, C/C++ and more.
    NetBeans IDE is FREE, open source, and has a worldwide community
    of users and developers.

    TweetDeck
    http://tweetdeck.com

    TweetDeck is an app that brings more flexibility and insight to power users.

    http://linuxundich.de/de/software/twittern-mit-tweetdeck-fur-chrome

    Das Chrome TweetDeck ist eine App für Googles Chrome Browser. Ihr könnt Sie über den Webstore installieren.

    Scribefire
    http://www.scribefire.com

    ScribeFire is an extension for the Mozilla Firefox Web browser, Google Chrome Web browser, Opera Web Browser, and Apple Safari Web browser that allows you to easily post to all of your blogs.

    Theoretisch kann Scribefire auch SPIP befüllen:
    Support xml-rpc pour SPIP
    http://www.mediaspip.net/technical-documentation/plugins-used-by-mediaspip/xmlrpc-une-api-xml-rpc-pour-spip/article/support-xml-rpc-pour-spip

    VMware Zimbra Desktop
    http://www.zimbra.com/products/desktop.html

    Zimbra Desktop provides a rich and consistent user experience offline.
    The free Zimbra Desktop client delivers a consistent user experience offline, so email, voice, social, calendar, contacts, files and documents are synchronized and locally accessible when on the road. Zimbra Desktop aggregates information across accounts (Zimbra, Yahoo! Mail, Gmail, Hotmail, etc.) and social networks (Facebook, Digg, Twitter, etc.) to help make communicating and sharing information easier than ever.

    IBM Lotus Symphony
    http://www-03.ibm.com/software/lotus/symphony/help.nsf/home
    Lotus Symphony Documents
    Lotus Symphony Presentations
    Lotus Symphony Spreadshee
    Noch eine Alternative zu MS Word, OpenOffice und LibreOffice - mit den Anwendungen sollte man auch in WWW-kompatiblen Formaten speichern können. Ausprobieren !

    Und zum Abschluß die
    List of rich Internet application frameworks
    https://en.wikipedia.org/wiki/List_of_rich_internet_application_frameworks

    Harter Stoff !

    #auf_deutsch #web #html