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