Webdesign - Netzmafia

Weitere Magazine

Empfehlungen

Info

$Arbeiten mit LaTeX - Netzmafia$

6. 7. 8. 9. CSS 10. Automatischer Seitenwechsel oder Dia-Shows 11. XML - Extensible Markup Language Interaktion, Sucherheit, Design-Regeln 1. Interaktion mit dem Benutzer 2. Client- und Servertechnik 3. Cookies 4. Die Datei robots.txt 5. Geschützte Bereiche 6. HTML-Editoren 7. Design-Regeln 8. Suchmaschinen Skript-Sprachen 1. Clientseitige Interaktion: JAVA 2. Clientseitige Interaktion: ActiveX 3. Clientseitige Interaktion: JavaScript 4. Serverseitige Interaktion: CGI mit Perl Anhang 1. Literaturverzeichnis 2. HTML-Tabelle 3. Frame-Beispiel 4. Farbtabelle als HTML-Datei 5. Farbtabelle als GIF-Datei 6. Farbspektrum als HTML-Datei 7. Links für Webmaster 9. Skript als PDF (aus HTML konvertiert) 10. Download des gesamten Skripts Copyright © FH München, FB 04, Prof. Jürgen Plate Letzte Aktualisierung: 28. Apr 2012 <strong>Webdesign</strong> <strong>Webdesign</strong> von Prof. Jürgen Plate WWW-Dokumente gestalten 2
Einführung Hypertext und Hypermedia Schon 1969 stellten in den USA Nelson und Van Dam eine Hypertext-Editor vor, 1976 wurde der Begriff 'Multiple Media' geprägt, aber erst ca. 1991 ging es richtig los mit dem Apple Multimedia Lab und dem MIT Media Lab. Hypertext ist ein Text, der Verweise zu anderen Texten enthät - wie wir es von einem Lexikon her kennen. Hypertext ist daher nicht-linear, denn man kann zwischen den Texten herumspringen. Insbesondere für kontextabhängige Hilfesysteme und Online-Handbücher wird Hypertext schon lange eingesetzt. Das DOS- oder Windows-Hilfesystem ist ein Hypertextsystem. Hypermedia ist nicht auf Text beschränkt. Hypermedia-Dokumente können andere Medien enthalten, z. B. Diagramme und Bilder. Dabei gibt es keine Beschränkung auf statische Medien, sondern auch Sounds, Musik, Animationen und Videoseqenzen lassen sich einbinden. Das World Wide Web ist das beste Beispiel für Hypermedia. Das World Wide Web? Der Ursprung des WWW begann Anfang 1989 am CERN, dem Europäischen Zentrum für Teilchenphysik bei Genf. Ausgangspunkt war die Entwichlung eines Systems, das den Angehörigen des CERN erlaubte, in der Vielfalt der vorhandenen Daten auf einfache Art und Weise zu navigieren. Die Inkompatibilität der vorhandenen Hard- und Software machte das Auffinden relevanter Information innerhalb der Organisation nahezu unmöglich. Als Lösung dieses Problems wurde von Tim Berners-Lee und Robert Cailliau ein auf Client/Server Architektur aufbauendes, hypertextbasiertes System vorgeschlagen, das auf SGML basierte (SGML = Standard Generalized Markup Language). Der ISO-Standard definiert SGML als "eine Sprache für Dokumentenrepräsentation, welche Markup formalisiert und von System- und Verarbeitungsabhängigkeiten löst". SGML erlaubt den Austausch von großen und komplexen Datenmengen und vereinfacht den Zugriff auf diese. Zusätzlich zu den Möglichkeiten des deskriptiven Markups benutzen SGML-Systeme ein Dokumentenmodell, welches die Überprüfung der Gültigkeit eines Textelements in einem bestimmten Kontext erlaubt. Weiterhin enthält SGML Techniken, die folgendes erlauben: • Zusammenbindung von Dateien zu einem zusammenhängenden Dokument, • Einbindung von Illustrationen und Tabellen in Textdateien, • Erzeugen von mehreren Versionen eines Dokuments in einer einzigen Datei, • Hinzufügen von Kommentaren in die Datei, • Kreuzreferenzen • und vieles mehr Bei SGML handelt es sich nicht um eine vordefinierte Menge von Textauszeichnungen, sogenannten 'Tags', zum Markieren von Textpassagen. SGML beschreibt nicht das Aussehen des Textes, sondern sein strukturelles Aussehen. HTML ist eine Untermenge von SGML. Der grundlegende Aufbau des World Wide Web unterscheidet sich in keiner Weise von anderen Internet-Diensten. Dokumente auf Servern werden in einem bestimmten Format, im Falle von WWW dem HyperText-Format HTML, abgespeichert. Mittels geeigneter Clients, im HyperText-Jargon auch Browser genannt, wird auf Information zugegriffen, die auf dem Server vorhanden ist. Client und Server verständigen sich untereinander über das HTTP-Protokoll. Einführung 3
Seite 1 und 2: Webdesign
Seite 3 und 4: Webdesign Table of Contents Bildbea
Seite 5 und 6: Webdesign Table of Contents Interak
Seite 7: Inhalt 1. 2. 3. 4. 5. Einführung 1
Seite 11 und 12: ♦ Video: Digitalisierte Videos si
Seite 13 und 14: All diese Fragen müssen bestmögli
Seite 15 und 16: unterschiedliche Dinge wie Client-S
Seite 17 und 18: In der Fachliteratur wird übrigens
Seite 19 und 20: Farbensehen beim Menschen Webdesign
Seite 21 und 22: Farb-Kontraste Farb-Kontraste sind
Seite 23 und 24: Neutrale Farben Weiß, Grau und Sch
Seite 25 und 26: Grün-Anteil des anstrahlenden Lich
Seite 27 und 28: Die PAL-Norm bezeichnet die Luminan
Seite 29 und 30: Dabei sind k und y Konstanten die v
Seite 31 und 32: Dithering: gleichmäßige Farbtabel
Seite 33 und 34: Ein erster Ansatz Wenn man einen Co
Seite 35 und 36: • Die Decodierung für die beiden
Seite 37 und 38: Das YCbCr-Modell ist ein solches He
Seite 39 und 40: Die meisten Hardware- und Softwarei
Seite 41 und 42: • Interne Ganzzahl-Darstellung mi
Seite 43 und 44: GIF • Der Bitmap Header enthält
Seite 45 und 46: JPG Farbskala beschreiben. • Eine
Seite 47 und 48: TIFF • Der Inhalt der Farbpalette
Seite 49 und 50: Wo bekommt man Bilder her? Bildbear
Seite 51 und 52: Rastern welchem Dateiformat sie Ihr
Seite 53 und 54: 'gesoftet' und im rechten Bild die
Seite 55 und 56: Webdesign Die folgenden Beispiele s
Seite 57 und 58: Webdesign etwas hinzufügen. Danach
Seite 59 und 60:
Bild für ihn wichtige Informatione
Seite 61 und 62:
Speichert ein Bild. Druckt ein Bild
Seite 63 und 64:
Die RGB-Werte werden direkt angezei
Seite 65 und 66:
Beschneiden des Bildausschnitts Wä
Seite 67 und 68:
vorgenommen (siehe Beispiel). Ab Ve
Seite 69 und 70:
Statt einer Schrift kann natürlich
Seite 71 und 72:
Webdesign Nun müssen Sie ein neues
Seite 73 und 74:
Pixeln verwendet. Soll der Verlauf
Seite 75 und 76:
1.3.1 Unterpunkt 1.3.2 Unterpunkt 1
Seite 77 und 78:
gehören. Es kann durchaus vorkomme
Seite 79 und 80:
Webdesign Eine Lösung für die obe
Seite 81 und 82:
I-Frames (intracodierte Bilder) ver
Seite 83 und 84:
Die Auflösungsreduzierung wird in
Seite 85 und 86:
Webdesign Quantisierungskennlinie v
Seite 87 und 88:
WWW-Dokumente gestalten Aufbau von
Seite 89 und 90:
Der Zusatz "transitional" kennzeich
Seite 91 und 92:
noch im Cache abgelegt ist. Ist die
Seite 93 und 94:
Überschrift Ebene 1 Überschrift E
Seite 95 und 96:
Quadrat. Aufzählende Listen (Order
Seite 97 und 98:
Webdesign es auch noch einen Unters
Seite 99 und 100:
Webdesign oder relativ), sondern au
Seite 101 und 102:
Wie man links sieht, ist es auch m
Seite 103 und 104:
♦ Mit CELLSPACING verändern Sie
Seite 105 und 106:
Womit wir schon bei Attributen für
Seite 107 und 108:
Webdesign Bilder und Grafiken könn
Seite 109 und 110:
Webdesign Wenn der Text zu knapp am
Seite 111 und 112:
Webdesign .... &gt> Der Hintergrun
Seite 113 und 114:
Erzeugt nochmal zwei Frames, deren
Seite 115 und 116:
Durch die Angabe NORESIZE im Def
Seite 117 und 118:
führenden Unterstrich. Webdesign W
Seite 119 und 120:
und den Anwender auf diese Möglich
Seite 121 und 122:
Webdesign src-Attribut geladen wird
Seite 123 und 124:
des Browsers positionieren. Für Dr
Seite 125 und 126:
Feld 1,1 Feld 2,1 Feld 3,1 Zeile 2
Seite 127 und 128:
Formatangaben innerhalb des Dokumen
Seite 129 und 130:
Beispiel 2. Datei (dat2.html) 2.
Seite 131 und 132:
♦ Mit XML kann man die logische B
Seite 133 und 134:
Online-Informationen für Mobiltele
Seite 135 und 136:
Klicken Sie auf eines der drei Fel
Seite 137 und 138:
Formulare und CGI-Programme am Se
Seite 139 und 140:
Webdesign • GET hängt die Eingab
Seite 141 und 142:
Der Image-Button Ein Image-Button e
Seite 143 und 144:
eine Headerzeile der Form URL:neue
Seite 145 und 146:
Wie ist robots.txt aufgebaut? # Bem
Seite 147 und 148:
Webdesign AuthType Basic require u
Seite 149 und 150:
$temp =~ s/ö/oe/g; $temp =~ s/ü/u
Seite 151 und 152:
Empfehlungen für das Gestalten von
Seite 153 und 154:
Frames Bei Frames scheiden sich die
Seite 155 und 156:
Webdesign jede Zeile. Wenn Sie dies
Seite 157 und 158:
Unter welchen Begriffen soll man di
Seite 159 und 160:
Copyright © FH München, FB 04, Pr
Seite 161 und 162:
Access Control: Abstract Methods: B
Seite 163 und 164:
Daten- und Kontrollfluß vom Java-Q
Seite 165 und 166:
Gefahren von Active-X Im Gegensatz
Seite 167 und 168:
Literatur zur Grafik Anhang J. O. M
Seite 169 und 170:
Verzeichnisse Links für Webmaster
Seite 171 und 172:
E-Mail-Adressen Free Email Address
Alle anzeigen

Webdesign - Netzmafia

Erfolgreiche ePaper selbst erstellen

Template löschen?

Als Template speichern?