320NN Development Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Sie befinden sich hier: start » webdev
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-12 08:17] – [Links] Erweitert a.kamolawebdev:start [2015-05-17 15:12] (aktuell) – [Planung] Frage nach CMS eingefügt a.kamola
Zeile 1: Zeile 1:
 ====== Webdevelopment ====== ====== Webdevelopment ======
 +
 +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 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.
 +
 +| HTML | HyperText Markup Langauge | Information |
 +| CSS | Cascading Style Sheets | Präsentation |
 +| 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 19: 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.1428819432.txt.gz · Zuletzt geändert: 2015-04-12 08:17 von a.kamola