headermask image

Interaktion und Verhalten in Webseiten

Anwendungsbeispiele
Bildaustausch auf Benutzeraktion
Popup Menü
Nachrichten / Fußzeile per Text
Ebenen sichtbar & unsichtbar machen
Plugin Prüfung > Alternative Seiten
> Java Script, wird im Dreamweaver einbaut. Im Browser des Nutzers abschaltbar ! Nicht für alle Medien funktionsfähig ( z.B. auf Mobile Endgeräte )
Verhalten ( Behairiors )

Fenster > Verhalten
oder Taginspector > Verhalten
Ereignis –> Event
Mausereignis (Rollover klicken … )
Browserereignisse
Benutzereingaben ( Tastendruck, [...]

Color Farbmanagement in “Mozilla Browsern (firefox3)” aktivieren

Mit der neuen Generation der Mozilla Browser ( ab Firefox 3) wird offizell das Color Management und die Farb Profile nun auch unter Windows unterstützt, was es schon lange beim Mac (Safari) Browser gibt. So werden die Grafiken nun angezeigt wie sie vom Autor auch erstellt worden sind.

Um die Unterstützung zu aktivieren wird in [...]

Verlinkungen in Webseiten mittels Dreamweaver

Webseiten werden einzeln erstellt, wodurch eine inhaltliche Trennung erfolgt.

Seiten miteinander verbinden, sodass sie aufgerufen werden können
Struktur aufzeichnen
Seite / Inhalt muß vorhanden sein
Element anlegen, was angeklickt werden kann und den neuen Inhalt im Browser lädt
<a href=”http://24find.de”>hier klicken</a>

Varianten in Dreamweaver

1. Struktur der Verlinkung - Schema
Ansicht > Dateifenster > Sitemap
grafisches Verlinken
Link im Dokument übernimmt dann Dreamweaver

2. Site Navigation [...]

Adobe Dreamweaver CS3

Programmphilosophie:

Layoutwerkzeug zur Erzeugung von Webseiten -> HTML
visuelles Arbeiten
Schreiben, Kopieren, Einfügen, Verschieben
Formatierung
Einfügen von Elemente
WYSIWYG - Vorschau ( what you see is what you get - was sie sehen ist was sie bekommen )
99% Anzeige Kompatibilität mit Browsern

Zusammen”bauen” von Webseiten

eingebettet werden können: Grafiken, Dateien, Videos, Flashfilme

es werden weiterhin immer mehr Funktionen eingebaut, die auch Elemente erzeugen oder [...]

Textformatierung und Kommentarzeilen im Quellcode von HTML

Font

Font = Times New Roman, Tahoma
Size
Color

Mon<fontcolor=”red”>tag</font>
Kommentare

werden vom Browser ignoriert
Hinweise im Quellcode

<!– Kommentar –>
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Funktionsweise einer dynamischen Webseite oder eines Webservers

hin zum Aufruf

Benutzer >
Browser >
Anfrage - Quest >
Webserver (Apache, Internet Information Server, Tomcat, Cold Fusion)
PHP Script (PHP wird verarbeitet und HTML Code generiert - Interpreter)
Datenbankabfrage (auslesen der Daten einer Datenbank und anschliessend an Interpreter übergeben)

zurück zum Nutzer

Request - Rückantwort (Inhaltsdateien übertragen >
Browser zeigt Inhalt an

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke [...]

Funktionsweise einer statischen Webseite und eines Webserver

hin zum Aufruf

Benutzer >
Browser >
Anfrage - Quest >
Webserver (Apache, Internet Information Server, Tomcat, Cold Fusion)

zurück zum Nutzer

Request - Rückantwort (Inhaltsdateien übertragen >
Browser zeigt Inhalt an

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Einschränkungen - Handicap bei Digitalen Medien

Aufbau eines HTML Dokumentes

Browserabhängig - unterschiedliche Interprätationen des HTML (unterschiedl. Browser wie IE, Mozilla, Safari)
Plattformabhängig ( Windows, Linux, Mac OS, Mobile Endgeräte ) Anpassung möglich: W3Konsortium

Abhilfe kann man nur durch testen der jeweiligen Browser herausfinden und wenn nötig mit unterschiedlichen Browsererkennungen erstellt werden.
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die [...]