Web-Technik

Aus TBZ_-_Wiki
Wechseln zu:Navigation, Suche

Einige spezielle Infos und Links finden Sie in den konkreten Webmodulen:

Kapitel 1 - Programmierung Einstieg

Es gibt viele Seiten und Anleitungen um die Grundzüge der Webprogrammierung zu erlernen. Hier einige Links auf gut strukturierte Seiten, die ich persönlich empfehle:

Kapitel 2 - IDE

Online-Tools

Kapitel 3 - Servertechnik/Provider

Sie haben mehrere Möglichkeiten ihre Website einzurichten:

  • Sie können auf ihrem Rechner mit xampp arbeiten (für die Entwicklung und Tests sehr empfehlenswert)
  • Sie können extern einen eigenen Server einrichten (Nachteile: Aufwand, Zugriffsprobleme...)
  • Sie können einen Webspace bei einem kostenpflichtigen Provider mieten (Nachteil: Werbung, Anmeldung, lange URL ...)
  • Sie können Webspace bei Gratisprovidern verwenden


Informationen zu Domainnamen:

  • Switch, DENIC für Deutschland, AFNIC für Frankreich, NIC, whois
  • Kostenlose Domain-Namen und Umleitung per DynDNS
  • und noch ein paar Organisationen, die bei Domainnamen mitreden: Zuständig für ccTLDs (country-code Top-Level-Domains) ist IANA und welche gTLD (generic Top-Level-Domain) wo reservierbar ist, findet man vielleicht bei ICANN.
  • Eine grafische Übersicht - vermutlich nie aktuell: Weltkarte. Kann man schön finden, kostet aber Geld.


Etwas Technik:

  • Provider, xampp, FTP zum Beipiel mit Filezilla
  • Unterscheidung clienseitige versus serverseitige Programmierung - natürlich hat
    • Wikipedia dazu etwas brauchbares zu sagen!
    • Und von der Uni Marburg gibt es ebenfalls ein paar Worte dazu - noch mit einem kleinen Formularbeispiel ergänzt.
    • Ein letztes Beispiel sollen noch die Bayern geben: die LMU-München.

Kapitel 4 - HTML/CSS und Webtechnik allgemein

HTML und CSS sind keine Bestandteile von diesem Modul. Kenntnisse darin sind aber logischerweise eine Voraussetzung, um eine interaktive Website zu betreiben. Zu diesen Themen gibt es mehr als genug Lernmöglichkeiten im Netz. Hier eine kleine Auswahl:

  • CSS 4 you
  • SELFHTML der Klassiker; nicht nur für HTML wie es im Namen steht, sondern für die meisten Techniken, die im Web benutzt werden.
  • W3Schools ähnlich umfangreich - allerdings auf englisch. Besonders die "Quizzes" (rechte Seite irgendwo unten) sind empfehlenswert. Sie sind zwar sehr statisch, können aber das Ego stärken: einfach wiederholen, irgendwann kommen Sie schon auf 100% - es gibt ja bekanntlich Leute, die Lernen mehr bei einem Test als für einen Test!
  • Web-Development auf Github
  • Browser Entwicklerwerkzeuge
  • Heise: Entwicklertools


Sehr umfangreich und für viele Techniken der Webentwicklung, hervorragend zum Selbststudium geeignet und mit vielen Testfragen am Ende der Kapitel: TEIA Internet Akademie, Webdevelopment. Die Tests haben übrigens die gleichen Eigenschaften wie unter w3schools erwähnt, sind aber viel umfangreicher. Ausserdem eignen sie sich wirklich zum Lernen: wer zuerst die Testfragen bearbeitet, kann den Text dann gezielt daraufhin durchlesen.

Und hier noch ein Link für CSS, HTML und Navigation - schlicht klar einfach!

Kapitel 5 - JavaScript - clientseitig

DOM

Document Object Model(DOM) ist eine durch das World Wide Web Consortium definierte Spezifikation einer Schnittstelle. Mit ihr kann auf HTML- oder XML-Dokumente zugegriffen werden. Der grosse Vorteil dieses DOM ist ihre objektorientierte Programmierung. Sie erlaubt es den Inhalt, die Struktur sowie das Layout eines Dokuments (Webpage) dynamisch zu verändern.

Gesamte Sprachen wie zum Beispiel HTML oder XML gehören dazu. Im DOM sind die gesamten Elemente und Unterelemente abgelegt und zwar in Form einer hierarchischen Baumstruktur:

Wenn nun eine Webseite in den Browser geladen wird, erzeugt der Browser ein Dokument-Objekt. Dank dieses Objekts sind nun alle Knoten eigens ansprechbar. Dies erlaubt uns:

  • Navigation zwischen den einzelnen Knoten
  • Erzeugen, verschieben und Löschen von Knoten
  • Auslesen, Ändern und Löschen von deren Textinhalten

Quelle: Wikipedia[1]

Kapitel 6 - serverseitig programmieren

Kapitel 6.1 - PHP - serverseitig

Um PHP zu lernen finden Sie viele Tutorials und Anleitungen online. Hier eine kleine Auswahl:

Kapitel 6.2 - Java JSP - serverseitig

Kapitel 6.2 - Python - serverseitig

Kapitel 7 - Formulare

Übertragung von Formulardaten mit GET und POST:

Beispiele für Formulare und dynamische Webseiten mit Code der Uni Düsseldorf.

Die Überprüfung der Formulareingaben mit regular expressions ist hier mit Codebeispielen und guter Erklärung zu finden. Das ist ein Teil eines Handbuchs über JavaScript - also eine weitere Möglichkeit sich JavaScript-Kenntnisse anzueignen!

Hier der konkrete Link für die Formulardokumentation von selfhtml und - damit reicht es dann - hier auf das Galileo open book.

Der Einsatz von Captchas ist berechtigterweise sehr umstritten, dennoch sollte es eingesetzt werden können und ein paar Alternativen sollten ebenfalls bekannt sein.

Kapitel 8 - Login-Scripte

Kapitel 9 - Zugriffsanalyse

Kapitel 10 - Erweiterungen

Codevalidierung

Um Ihre Website in verschiedenen Browsern korrekt darzustellen ist ein valider Code ohne "deprecated" (missbilligte) Elemente eine Voraussetzung. Auch das Suchmaschinenranking wird dadurch positiv beeinflusst. Sie können Ihren Code oder Ihre Page vom W3C-Validator analysieren lassen.

juristisches im Internet

Internet und Recht

Datenbankanbindung PHP MySQL

Die Verbindung PHP und MySQL ist ein Klassiker. Allerdings gibt es auch hier ein paar Varianten. Seit PHP5 wird nicht mehr die mysql-Api verwendet, sondern die mysqli-Api. Das i steht dabei für improved - und so ist es auch. Deshalb sollte möglichst die neuere Api verwendet werden. Die alte mysql-Api kann nur bei prozeduraler Programmierung verwendet werden, die neue mysqli-Api jedoch bei prozeduraler und objektorientierter Programmierung. Eine gute Einführung finden sie bei phpbuddy.eu. Alcester

Design und User

Dark Patterns sind manipulative Designs oder Prozesse, die User einer Website oder App zu einer Handlung animieren sollen, die sie bei grösserer Transparenz nicht vornehmen würden.

Beispiel-Applikationen

Von «https://www.tbzwiki.ch/index.php?title=Web-Technik&oldid=15747»