WEBTECHNIK FÜR

DUMMIES (DESIGNER)
ACHTUNG

jetzt wird’s
tendenziell
trocken
AUSKENNEN LOHNT SICH

1. Wer sich nicht auskennt,

muss sich auf Informatiker
verlassen.
AUSKENNEN LOHNT SICH

2. Wer sich nicht auskennt,

weiß nicht, was umsetzbar bzw.
alles möglich ist.
KEINE PANIK

Google ist immer für dich da!

KEINE PANIK

Nichts ist im Internet besser

dokumentiert als das Internet!
1. SERVER

Ein Computer irgendwo auf der

Welt, auf dem deine Webseite
gespeichert ist.
1. SERVER

Mietbar bei einem Hoster

1. SERVER

Kann man per FTP erreichen

2. HOSTER

Hat den Keller mit Servern

vollstehen und vermietet darauf
Speicherplatz

Beispiel: domaingo.de
2. HOSTER

Zusätzlich kann man sich dort

eine Domain mieten/registrieren
und Email-Adressen einrichten.

Einstiegspreis: ca. 12 €/Jahr

2. HOSTER

ACHTUNG:
niemals zu Strato oder 1und1!!!
3. FTP

Per FTP-Programm kann man

Dateien vom eigenen Computer
auf den Server kopieren.
4. HTML

Mit HTML erstellt man das

Grundgerüst einer Webseite
inkl. Text, Links, Bilder
4. HTML

Keine Formatierungen
4. HTML
5. CSS

Formatiert das
HTML-Grundgerüst
5. CSS

Vergleichbar mit Stil-Vorlagen

in Indesign
5. CSS
6. JAVASCRIPT

Macht, dass sich was

bewegt (ohne Flash :-))
6. JAVASCRIPT

z.b. Animationen, Ein- und

Ausblenden von Elementen,
AJAX, Drag & drop, etc.
7. PHP

Programmiersprache im
Hintergrund, die z.b. Emails
verschicken kann, Daten in einer
Datenbank speichert, Bilder
skaliert oder einfach nur
HTML-Seiten erzeugt.
7. PHP

Facebook ist z.b. komplett

in PHP programmiert
8. DATENBANK

Eine Seite, wie Facebook

braucht eine Art Gehirn,
um sich z.b. Benutzerdaten
merken und später wieder
abfragen zu können.
8. DATENBANK

Eine Datenbank ist wie ein

großes Excel Dokument, in dem
alle Daten gespeichert werden.
8. DATENBANK
8. DATENBANK

PHP kann diese Daten dann

abfragen und in HTML
umwandeln, oder neue
darin abspeichern.
9. MYSQL

Die bekannteste Datenbank

im Webbereich
10. AjaX

Web 2.0 Zauberwort

10. AjaX

Eine Technik, die es

ermöglicht neue Inhalte
anzuzeigen, ohne die gesamte
Seite neu laden zu müssen
10. AjaX

Beispiel: Facebook-Chat

Neue Nachrichten tauchen

auf, ohne dass die Seite neu
geladen wird
11. Framework

Eine Art Werkzeugkoffer

für Entwickler
11. Framework

Erleichtert das Programmieren

11. Framework

Gibt’s für alle möglichen

Programmiersprachen
11. Framework

Bekannte Javascript
Frameworks:

jQuery, Mootools,
Prototype, Script.aculo.us
12. API

Schnittstelle zum
Anzapfen von Funktionen
anderer Webseiten,
Social Networks, Webtools, etc.
12. API

z.b. bietet Twitter die

Möglichkeit über die API
von Aussen neue Tweets
zu schreiben
12. API

Last.fm ermöglicht über

die API, dass man auf seiner
eigenen Webseite alle
Lieder anzeigen kann, die
man bei Last.fm zuletzt
gehört hat.
13. MASHUP

Wenn man per API die

Funktionen einer anderen
Plattform auf seiner Seite
einsetzt, nennt man das
Mashup.
13. MASHUP

Bekanntester Fall:
Google Maps
14. CMS

Content Management System

14. CMS

Ermöglicht Kunden, ihre

Webseite selbst zu aktualisieren
14. CMS

Bekannte CMSe:
TYPO3, Drupal, Joomla
15. FRONTEND (DESIGN)

Beschreibt den Bereich,

den der Besucher
einer Webseite zu sehen
bekommt
16. BACKEND

CMS Bereich oder auch

einfach nur die Technik
im Hintergrund
17. TEMPLATE

Designvorlage, die per

CMS oder Blogsystem mit
Inhalt gefüllt wird
</Ende>

War’s sehr schlimm?