Benutzer-Werkzeuge

Webseiten-Werkzeuge


webdev:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
webdev:start [2015-04-24 19:00] a.kamolawebdev:start [2015-05-17 15:12] (aktuell) – [Planung] Frage nach CMS eingefügt a.kamola
Zeile 1: Zeile 1:
 ====== Webdevelopment ====== ====== Webdevelopment ======
  
-Alle Websites bestehen im [[lexikon:webbrowser|Web-Browser]] aus 2–3 Ebenen, bei denen jeweils eine spezielle Sprache zum Einsatz kommt, und die mehr oder weniger – je nach Entwicklungs-Stil – sauber von einander getrennt sind.+Alle Webseiten bestehen im [[lexikon:webbrowser|Web-Browser]] aus 2–3 Ebenen, bei denen jeweils eine spezielle Sprache zum Einsatz kommt, und die mehr oder weniger – je nach Entwicklungs-Stil – sauber von einander getrennt sind.
  
-Diese drei Ebenen sind: [[html:start|HTML]], zum Beschreiben der Inhalte (Informationen) einer Website; [[css:start|CSS]], zum Beschreiben des Layouts/Designs der Website; und [[javascript:start|JavaScript]], um ggf. weitere Interaktivität in eine Website einzubringen.\\+Diese drei Ebenen sind: [[html:start|HTML]], zum Beschreiben der Inhalte (Informationen) einer Webseite; [[css:start|CSS]], zum Beschreiben des Layouts/Designs der Webseite; und [[javascript:start|JavaScript]], um ggf. weitere Interaktivität in eine Webseite einzubringen.\\
 Diese drei Ebenen (HTML, CSS und JavaScript) werden auch der "Web-Stack" genannt. Diese drei Ebenen (HTML, CSS und JavaScript) werden auch der "Web-Stack" genannt.
  
Zeile 9: Zeile 9:
 | CSS | Cascading Style Sheets | Präsentation | | CSS | Cascading Style Sheets | Präsentation |
 | JavaScript | | Interaktion | | JavaScript | | Interaktion |
 +
 +===== Webseite erstellen =====
 +
 +Zum Erstellen einer einfachen Webseite benötigt man nur zwei Programme:
 +
 +  - Browser (z.B. [[firefox:start|Firefox]])
 +  - Text-Editor (z.B. TextWrangler oder Nodepad++)
 +
 +Je nach Geschmack und Wissensstand können auch spezielle Editoren für das Erstellen von Webseiten verwendet werden, die je einem unterschiedlich gut unterstützen. Ein guter Editor für Einsteiger wie Fortgeschrittene ist z.B. [[brackets:start|Brackets]].
  
 ===== Planung ===== ===== Planung =====
  
   * Hosting: Wird selbst gehostet?   * Hosting: Wird selbst gehostet?
 +  * Soll die Website über ein CMS gepflegt werden oder statisch sein?
   * Wie soll mit kritischen Updates umgegangen werden? Direkt, ungefragt einspielen?\\ Wer bezahlt kritische Updates?   * Wie soll mit kritischen Updates umgegangen werden? Direkt, ungefragt einspielen?\\ Wer bezahlt kritische Updates?
   * Updates in den Hosting-Vertrag miteinbeziehen   * Updates in den Hosting-Vertrag miteinbeziehen
Zeile 28: Zeile 38:
   * [[http://www.designingfortheweb.co.uk/|Design For The Web]]   * [[http://www.designingfortheweb.co.uk/|Design For The Web]]
   * [[http://iampaddy.com/lifebelow600/|Paddy Donnelly: Life Below 600px]]   * [[http://iampaddy.com/lifebelow600/|Paddy Donnelly: Life Below 600px]]
 +  * [[http://praegnanz.de/weblog/web-branding-in-der-usability-diktatur|praegnanz.de: Web-Branding in der Usability-Diktatur (2011)]]
 +  * [[http://www.wirify.com/|Wirify]]\\ Websites in Wireframe umwandeln
   * [[http://tinyletter.com/wdrl|Web Development Reading List (WDRL)]]\\ Wöchentlicher Newsletter mit Links zu aktuellen Themen der Web-Entwicklung.   * [[http://tinyletter.com/wdrl|Web Development Reading List (WDRL)]]\\ Wöchentlicher Newsletter mit Links zu aktuellen Themen der Web-Entwicklung.
  
webdev/start.1429894802.txt.gz · Zuletzt geändert: 2015-04-24 19:00 von a.kamola