willkommen

Webadministration

Eigenschaften
Als Webeditoren bezeichnet man Offline-Programme, welche auf dem Computer Webinhalte in Form von HTML-Code generieren. Diese Webinhalte können sowohl textlicher als auch grafischer Art sein und zudem multimediale Gestaltungselemente, wie beispielsweise Audio- und Videodateien, beinhalten. Obwohl die HTML mit jedem Texteditor geschrieben werden kann, bieten HTML-Editoren mehr Komfort und zusätzliche Funktionalität. Man kann zu meist in verschiedenen Ansichten arbeiten, Quellcode- oder Webseitenansicht, wobei der Fokus aber klar auf einer What-You-See-Is-What-You-Get (WYSIWYG) Ansicht liegt. Der Einbau von CSS Elementen aber auch Javascript ist möglich, so dass sich mit Webeditoren sowohl statische, als auch dynamische Webseiten mit Datenbankanbindung erstellen lassen. 


Vorteile/Merkmale eines HTML-Editors:
- Endtags werden automatisch eingefügt
- Kontextbezogene Eingabehilfe (Vorschlag von Elementen/Attributen)
- farbige Hervorhebung von Elementen, Attributen und CSS-Eigenschaften
- Zeilennummer (wichtig um Fehler zu finden anhand Codevalidator)
- Farbwähler für Hexadezimalwerte

Webbearbeitung

Webeditoren

Eigenschaften
Als Webeditoren bezeichnet man Offline-Programme, welche auf dem Computer Webinhalte in Form von HTML-Code generieren. Diese Webinhalte können sowohl textlicher als auch grafischer Art sein und zudem multimediale Gestaltungselemente, wie beispielsweise Audio- und Videodateien, beinhalten. Obwohl die HTML mit jedem Texteditor geschrieben werden kann, bieten HTML-Editoren mehr Komfort und zusätzliche Funktionalität. Man kann zu meist in verschiedenen Ansichten arbeiten, Quellcode- oder Webseitenansicht, wobei der Fokus aber klar auf einer What-You-See-Is-What-You-Get (WYSIWYG) Ansicht liegt. Der Einbau von CSS Elementen aber auch Javascript ist möglich, so dass sich mit Webeditoren sowohl statische, als auch dynamische Webseiten mit Datenbankanbindung erstellen lassen. 


Vorteile/Merkmale eines HTML-Editors:
- Endtags werden automatisch eingefügt
- Kontextbezogene Eingabehilfe (Vorschlag von Elementen/Attributen)
- farbige Hervorhebung von Elementen, Attributen und CSS-Eigenschaften
- Zeilennummer (wichtig um Fehler zu finden anhand Codevalidator)
- Farbwähler für Hexadezimalwerte

Websprachen

HTML – Struktur

HTML (HyperText Markup Language) ist eine plattformunabhängige Auszeichnungssprache, in der Web-Seiten geschrieben sind. HTML wurde Ende der 80er Jahre zusammen mit dem World Wide Web erfunden. Zurzeit ist HTML5 der aktuellste Webstandard, dieser wird vom World Wide Web Consortium (W3C) herausgegeben.
Das HTML-Dokument kann mit jedem beliebigen Texteditor erstellt werden und enthält den zu übertragenden Text und zusätzlich HTML-Kommandos (tags) zur Textformatierung, Einfügen von Bildmaterial, Querverweise auf andere Dokumente (Hyperlinks) oder auch Formulare für Texteingaben. Browser führen dann die Formatierungsbefehle des HTML-Dokumentes aus und zeigen es auf dem Bildschirm an. Die HTML-tags selbst sind nicht auf der Webseite ersichtlich.

mehr

CSS – Gestaltung

CSS (Cascading Style Sheets) ist eine Formatierungssprache, welche 1996 vom World Wide Web Consortium (W3C) empfohlen wurde. Zurzeit ist CSS3 der aktuellste Standard. CSS legt fest, wie ein Webseiten-Bereich/Inhalt dargestellt werden soll. Über die CSS Programmierung werden Elemente frei positioniert, Hintergrundbilder festgelegt und Angaben zu Schriften und Farben festgelegt. Ebenso können Ränder, Höhen, Breiten und viele andere Komponente einer Webseite bestimmt werden. CSS funktioniert mit den HTML-tags zusammen. Um CSS zu verwenden, sind keine besonderen Programme notwendig, die Cascading Style Sheets lassen sich in jedem Texteditor erstellen und können  danach in das HTML-Dokument eingebaut werden.

mehr

JS – Interaktion

JavaScript (JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird. Es ist eine Erweiterung des HTML-Befehlssatzes, die es ermöglicht, objektorientierte Anwendungen in Internetseiten zu implementieren. JavaScript wurde 1995 von Netscape eingeführt und lizenziert. JavaScripts werden wahlweise direkt in der HTML-Datei oder in separaten Dateien notiert. Sie werden beim Laden der Webseite vom Browser interpretiert. JavaScripte können in Texteditoren eingegeben werden. JavaScript bringt viele sinnvolle Erweiterungen des starren HTMLs, so zum Beispiel das Verifizieren von Formularen, das berechnen mathematischer Formeln oder auch Interaktionen und Effekte (z. B. Rotieren von Inhalten). 

HTML

Aufbau

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Bilder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

JSCSS

CSS

Aufbau

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Einbindung

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Gestaltung

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Webgestaltung