Cadat EDU - Infos-Stichworte

HTML (Hypertext Markup Language)

HTML
HTML (Hypertext Markup Language) ist eine auf Text basierende Sprache, die vor allem fÃ¼r das Internet entwickelt wurde und deren Inhalt von den Web-Browsern gelesen und auf den Bildschirmen angezeigt werden kann. HTML ist eine sogenannte Auszeichnungssprache, wobei die Anweisungen fÃ¼r Browser in TAGs, einem Text zwischen spitzen Klammern (zB <HTML>), stehen. Der anzuzeigende Inhalt steht zwischen Ã¶ffnenden und schlieÃŸenden Tags, wobei sich der schlieÃŸende Tag durch einen SchrÃ¤gstrich zwischen den spitzen Klammern vom Ã¶ffnenden Tag unterscheidet.
Beispiel: <td>Dieser Text steht in einer Tabellenzelle</td>

Bitmaps, Pixel. Bildpunkte

MULTIMEDIA WEBDESIGN FOTO GRAFIK BILDBEARBEITUNG

Bitmaps bestehen aus Pixeln (Bildpunkten), deren GrÃ¶ÃŸe und Position fixiert ist. Bitmaps mit wenigen Pixeln (geringe AuflÃ¶sung) erscheinen leicht stufig (Treppeneffekt), insbesondere wenn sie vergÃ¶ÃŸert werden. Sie eignen sich besonders fÃ¼r Bilder (Fotos), kaum jedoch fÃ¼r technische Zeichnungen.
Alle digitalen Fotos setzen sich aus Pixeln bzw. Bildpunkten zusammen.

Photoshop, Software, Varianten

MULTIMEDIA WEBDESIGN FOTO GRAFIK PHOTOSHOP

Adobe Photoshop, ab 2009 in der Version CS4, ist eine fÃ¼hrende, professionelle Grafik-Software. Sie wird zur Erstellung bzw. Bearbeitung von Grafiken, Fotos, aber auch fÃ¼r Animationen oder zur Vorbereitung von Web-Design-Elementen verwendet.
Einige der wichtigsten Photoshop-Merkmale sind: Ebenen-Technik, groÃŸe Anzahl von Bearbeitungstools, Bildbearbeitungskorrekturen und -funktionen, Filter, Farbverwaltung, Stile, Automatisierungstechniken und Druckvorbereitung.

Adobe Photoshop CS4 ist in folgenden Versionen erhÃ¤ltlich:
[1] Adobe Photoshop CS4 Extended: mit vollem Funktionsumfang;
[2] Adobe Photoshop CS4: vor allem fÃ¼r Bildbearbeitung und Grafik-Design;
[3] Adobe Photoshop Lightroom 2: fÃ¼r den Foto-Workflow

Bildbearbeitung, Vektorgrafiken

Vektorgrafiken
Vektorgrafiken bestehen aus geometrischen Objekten wie Linien, Kreise und KreisbÃ¶gen. Deren Endpunkte, Mittelpunkte und sonstigen geometrischen Punkte werden durch Koordinaten definiert. Dadurch kÃ¶nnen Vektorgrafiken beinahe in beliebiger GrÃ¶ÃŸe ohne QualitÃ¤tsverlust angezeigt werden.
Im Gegensatz zu Vektorgrafiken bestehen Pixelgrafiken, auch Objekte wie Linien und Kreise, aus einzelnen Bildpunkten (Pixel) und kÃ¶nnen nicht ohne QualitÃ¤tsverlust ("Treppeneffekt") vergrÃ¶ÃŸert angezeigt werden.

Pixelgrafiken

Pixelgrafiken
Pixelgrafiken setzen sich aus einzelnen Bildpunkten zusammen. Die Summe aller Bildpunkte ergeben das gesamte Bild. Pixelgrafiken eignen sich insbesondere fÃ¼r Bilder und Grafiken mit einer hohen Anzahl von Farben und Farbabstufungen. Bei der VergrÃ¶ÃŸerung von Pixelgrafiken (zB bei Linien) entsteht der sogenannte "Stufeneffekt".

HTML 4

HTML 4
HTML 4.0 wurde im Dezember 1997 vom W3C (World Wide Web Consortium) als neuer Standard fÃ¼r HTML eingefÃ¼hrt und ersetzte HTML 3.2. Im Dezember 1999 gab es mit HTML 4.01 eine neue Version, welche viele kleinere Korrekturen berÃ¼cksichtigte.
Neu waren in HTML 4 u.a.:
Neue MÃ¶glichkeiten fÃ¼r die Einbettung von Objekten (zB Multimedia-Objekte);
Einbinden von Skriptsprachen;
Stylesheets (Formatvorlagen);
Besser Druckfunktionen;
Bessere UnterstÃ¼tzung von barreierefreien Websiten;
UnterstÃ¼tzung von Frames und Framesets;
Erweiterung der MÃ¶glichkeiten fÃ¼r Formulare und Tabellen;

Es wurden 24 neue Elemente (Tags) in HTML 4 eingefÃ¼hrt.
Um sowohl Ã¤ltere als auch neu erstellte Webseiten zu unterstÃ¼tzen, wurden drei HTML-Varianten definiert, wobei die jeweilige Version am Beginn der HTML-Datei eingetragen wird.

Photoshop, Arbeitsbereich

Arbeitsbereich von Photoshop
Der Arbeitsbereich von Photoshop umfasst im wesentlichen folgende Bereiche:

[1] Dokumentfenster: Anzeige und Bearbeitung der Dokumente (Bilder, Grafiken...) mit
[1A] Registerkarten fÃ¼r die geÃ¶ffneten Dokumente;

[2] Oberer MenÃ¼bereich, enthÃ¤lt:
[2A] Anwendungsleiste (zB zum Starten von Programmen),
[2B] MenÃ¼leiste mit PulldownmenÃ¼s (Windows) und
[2C] Steuerungsbedienfeld (Optionsleiste) zur Auswahl und Eingabe von Optionen und Werten;

[3] Werkzeugbedienfeld (links), teilweise gruppiert, mit verschiedenen Bearbeitungsfunktionen;
[4] Bedienfelder (rechts, gruppiert) fÃ¼r unterschiedliche Funktionen (zB Ebenen- und Farbverwaltung, AnsichtsÃ¼bersichten, Arbeitsprotokoll usw.)

Flash, Software, Animation, Flash Player

Flash von Adobe ist eine Software zur Herstellung von Animationen und Filmen, die vor allem im Internet sehr weit verbreitet sind. Bevorzugte Anwendungen betreffen Animationen unterschiedlichster Art, wie zB Filme (zB in YouTube), Banner, MenÃ¼s, Formulare, Intros u.a.m.
Flash enthÃ¤lt eine eigene Programmiersprache, nÃ¤mlich ActionScript, zur Entwicklung von erweiterten Funktionen oder Applikationen.
Zum Abspielen der Flash-Filme bzw. Animationen benÃ¶tigt man den Flash-Player, der als eigenstÃ¤ndiges Programm aufgerufen werden kann oder als Plug-in in Webbrowsern eingebaut ist. Seit 2009 ist der Flash-Player 10 im Einsatz.
Adobe Flash wird ab 2009 in der Version Flash CS4 Professional angeboten.

Photoshop, Werkzeuge, Werkzeugbedienfeld, Werkzeuggruppen

Werkzeuge, Werkzeugbedienfeld, Werkzeuggruppen (CS4)
Werkzeuge fÃ¼r Photoshop sind im Werkzeugbedienfeld in Gruppen zusammengefasst. Einige Werkzeuge sind verborgen. Diese kÃ¶nnen durch Anklicken des zugehÃ¶rigen kleinen schwarzen Pfeils sichtbar gemacht bzw. ausgewÃ¤hlt werden.
StandardmÃ¤ÃŸig gibt es folgende Werkzeuggruppen:
[1] Auswahlwerkzeuge (zum AuswÃ¤hlen von Bereichen, Farben...);
[2] Freistellungs- und Slice-Werkzeuge (zum Zuschneiden oder Unterteilen von Bildern);
[3] Messwerkzeuge (zB zur Farbauswahl oder LÃ¤ngenmessung);
[4] Retuschierwerkzeuge (zB Reparaturpinsel, Kopierstempel, Radiergummi...);
[5] Malwerkzeuge (Pinsel und Farbverlauf);
[6] Zeichen- und Textwerkzeuge (zB Zeichenstift, Text...);
[7] Navigationswerkzeuge (zB Zoom...);
[8] Die aktuelle [8A] Vorder- und [8B] Hintergrundfarbe wird im unteren Bereich des Werkzeugbedienfeldes sichtbar und kann durch Anklicken des Doppelpfeils vertauscht werden.

HTML 4, HTML-Varianten, Strict, Transitional, Frameset

HTML 4, HTML-Varianten
Regeln fÃ¼r HTML-Dateien sind in den Dokumenttypdefinition (DTD = document type definition) festgelegt. FÃ¼r alte und neue Websites gibt es drei unterschiedliche Dokumenttypdefinitionen:
[1] Strict: Eine bestimmte Auswahl von Elementen (Tags und Attribute) darf verwendet werden. FrÃ¼her verwendete Elemente bzw. deren Eigenschaften zur PrÃ¤sentation von Elementen sollen in Stylesheets (Formatvorlagen) definiert werden.
[2] Transitional: Auch Ã¤ltere Tags und Attribute dÃ¼rfen verwendet werden, damit auch Ã¤ltere Wensites vom Browes angezeigt werden kÃ¶nnen.
[3] Frameset: Diese Variante ist identisch mit der Variante "Transitional", ist jedoch fÃ¼r die Erstellung von Framesets vorgesehen. Anstatt des Elements <body> wird jedoch <frameset> erwartet.

Beispiele:
Die Angabe der Dokumenttypdefinition muss immer vor dem Element <HTML> stehen.
[1] Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[2] Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[3] Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

HTML 5

HTML 5
HTML 5 wurde 2009 als "Working Draft" erstamls vorgestellt und befindet sich zur Zeit (2012) noch immer in Entwicklung. Trotzdem wird HTML 5 bereits jetzt, vor allem im Bereich des Mobilfunks mit zunehmender starker Verbreitung eingesetzt. HTML 5 ersetzt HTML 4.01, XHTML 1.0 und DOM HTML Level 2. HTML 5 ist praktisch seit 2011 fertiggestellt, soll jedoch erst 2014 offiziell verabschiedet werden.
Neue FunktionalitÃ¤ten sind u.a.:
Direkte UnterstÃ¼tzung von einigen Video- und Audio-Formaten (zB mit den Tags "video" und "audio" ohne zusÃ¤tzliche Plugins);
Neue Elemente zur Strukturierung von Dokumenten (zB "header", "nav", "footer");
Neue Formularelementen und Attribute (zB "time" fÃ¼r Datumseingabe, "email" fÃ¼r Email-Adressen);
Beschriftungen fÃ¼r Abbildungen ("figure");
Bereitstellung von ZeichenflÃ¤chen fÃ¼r Anwendungen ("canvas");

Photoshop, Farbe, Farbwähler, Übersicht

Farbwähler - Übersicht
Im Farbwähler von Photoshop können Farben mit dem Zeigegerät oder durch Eingabe von Werten für die unterschiedlichen Farbmodelle ausgewählt werden.
[1] Fenster "Farbwähler" (zB für die Vordergrundfarbe)
[2] Farbregler: Auswahl des Farbwerte einer ausgewählten Farbkomponente eines Farbmodells (zB Komponente "H" des HSB-Farbmodells)
[3] Farbumfang für aktuelle Auswahl, die durch Farbmodell und Farbregler bestimmt wird (zB Werte "S" und "B" des HSB-Farbmodells bei ausgewählter Komponente "H")
[4] Kreissymbol zeigt Lage der ausgewählten Farbe an
[5] Farbmodell HSB
[6] Ausgewählte Farbkomponente (zB "H") wird im Farbregler angezeigt
[7] Fabmodell RGB
[8] Farbmodell CMYK
[9] Farbmodell Lab
[10] Code für Webfarben auf Hexadezimalbasis
[11] "Nur Webfarben anzeigen": Wenn aktiviert, werden nur Webfarben angezeigt
[12] "aktuell": Bisher gültige Farbe
[13] "neu": Momentan ausgewählte neueFarbe
[14] Warnsymbol für Farben außerhalb des Farbumfangs für Druckfarbe (zB CMYK)
[12] Warnsymbol für Farbe außerhalb des Webfarbenumfanges

Anmerkung: Das oben beschrebene Fenster "Farbwähler" mit den Fensterkomponenten gilt nür für Farbmodi mit 8 Bit/Kanal und 16 Bit/Kanal. Das Fenster "Farbwähler" für Farbmodi mit 32 Bit/Kanal enthält nur die Farbmodi HSB und RGB sowie zusätzliche Komponenten

Photoshop beenden, Windows

Photoshop beenden
Photoshop kann, wie die meisten Programme in Windows, auf mehrere Arten beendet werden:
[1] MenÃ¼: Datei... beenden
[2] Tastenkombination: ALT + F4
[3] Tastenkombination: STRG + Q (speziell Photoshop)
[4] auf das Symbol rechts oben mit dem "X" klicken. Damit kÃ¶nnen alle Fenster in Windows geschlossen werden.

Netzwerk, Internetzugang

MULTIMEDIA WEBDESIGN INTERNET GRUNDLAGEN

Internetzugang
Der Internetzugang erfolgt Ã¼ber ein analoges Modem, ISDN-Modem, DSL, skyDSL (Satellit), Standleitung, WLAN-Router oder Mobilnetze.

Dreamweaver, Arbeitsbereich, Gliederung

MULTIMEDIA WEBDESIGN WEBSITES DREAMWEAVER

Gliederung des Arbeitsbereiches
Der Arbeitsbereich von Dreamweaver (CS[4]ist im wesentlichen folgendermaÃŸen gegliedert:
[1] Dokumentfenster: Zum Bearbeiten der Inhalte in Entwurfsansicht, Code-Ansicht oder geteilten Ansicht (hier zB geteilte Ansicht);
[2] Anwendungsleiste: EnthÃ¤lt MenÃ¼s, MenÃ¼gruppem und Pulldown-MenÃ¼s, Steuerelemente;
[3] Dokumentsymbolleiste: EnthÃ¤lt je nach Konfiguration die wichtigsten Symbole bzw. Befehle (hier auch mit Standardsymbolleiste);
[4] Tag-Selektor: Zeigt die Tags in der entsprechenden Hierarchie;
[5] Bereich "Eigenschaften" (Eigenschaftsinspektor): Zeigt die Eigenschaften der ausgewÃ¤hlten Objekte an;
[6] Bedienfeldgruppen: KÃ¶nnen ein- und ausgeblendet werden;
[7] Bedienfeld "Dateien": Zeigt alle Dateien der ausgewÃ¤hlten Site;
[8] Arbeitsbereichumschalter: Auswahl der verfÃ¼gbaren Arbeitsbereiche und Layouts (zB Designer, Coder)

Fotografie, Kamera, Objektive, Typen

MULTIMEDIA WEBDESIGN FOTO GRAFIK FOTOGRAFIE

Objektiv-Typen
Kompaktkameras haben eingebaute Objektive, Spiegelreflexkameras und Systemkameras Wechselobjektive. Man kann zwischen Objektiven mit manueller Scharfeinstellung, Objektiven mit Autofokus, Fixfokusobjektiven, Objektiven mit festen Brennweiten und Vario- bzw. Zoom-Objektiven unterscheiden. Die im Handel erhÃ¤ltlichen Digitalkameras haben Ã¼blicherweise Zoom-Objektive mit Autofokus, teilweise zusÃ¤tzlich mit manueller Einstellung.
Das Sucherbild von Spiegelreflexkameras wird durch das Objektiv geleitet. Bei Kameras oder Objektiven mit Autofokus wird mit Hilfe der automatischen Entfernungsmessung das Bild scharf eingestellt.

Photoshop, speichern, Ã¶ffnen

Dateien speichern und Ã¶ffnen
Dateien in Photoshop werden wie in anderen Programmen standardmÃ¤ÃŸig folgendermaÃŸen gespeichert und geÃ¶ffnet:
[1] Speichern: mit dem MenÃ¼punkt "Datei" --> "speichern" oder mit STRG+S wird eine offene Datei gespeichert. Wurde die Datei noch nie gespeichert, wird vor dem Speichern nach dem Namen gefragt. StandardmÃ¤ÃŸig wird die Datei als Photoshop-Datei gespeichert (*.psd). Soll die Datei unter einem anderen Dateinamen und/oder einem anderen Format gespeichert werden, wird der MenÃ¼punkt "Datei" --> "speichern unter..." oder STRG+SHIFT+S ausgewÃ¤hlt.
[2] Ã–ffnen: Eine bestehende Datei kann unter dem MenÃ¼punkt "Datei" --> "Ã¶ffnen" oder mit STRG+O geÃ¶ffnet werden. Unter "Datei" --> "Letzte Dateien Ã¶ffnen" werden die letzte bearbeiteten Dateien angezeigt. Die aus der Liste ausgewÃ¤hlte Datei kann geÃ¶ffnet und weiter bearbeitet werden.

Photoshop, Zeichnen, Formen und Pfade, Übersicht über Formvarianten

Formen - Übersicht
Mit den Werkzeugen für Formen und Pfade können in Photoshop folgende vorgegebene Formvarianten erstellt werden:
[1] Rechteck-Werkzeug: Rechtecke und Quadrate
[2] Abgerundetes Rechteck-Werkzeug: Rechtecke und Quadrate mit abgerundeten Ecken
[3] Ellipse-Werkzeug: Ellipsen und Kreise
[4] Polygon-Werkzeug: Polygone (Vielecke) und Sterne
[5] Linienzeichner-Werkzeug: gerade Linien
[6] Eigene-Form-Werkzeug: Verschiedene Formen aus der vorgegebenen oder einer eigenen Form-Bibliothek

Photoshop, Zeichnen, Formen und Pfade

Formen und Pfade
Mit den [1] Form-Werkzeugen von Photoshop kÃ¶nnen Rechtecke, abgerundete Werkzeuge, Ellipsen, Polygone, Linien und eigene Formen gezeichnet werden. Durch den Zeichenmodus wird festgelegt, welcher Formtyp erzeugt wird:
[2] Zeichenmodus Vektorform (Formebenen): Vektorformen werden in einer eigener Ebene (Formebene) erstellt und sind auflÃ¶sungsunabhÃ¤ngig.
[3] Zeichenmodus Pfad (Arbeitspfad): Pfade sind Konturen, die in der aktuellen Ebene erstellt und in eine Auswahl umgewandelt werden kÃ¶nnen.
[4] Zeichenmodus Pixel fÃ¼llen (gerasterte Fom): In diesem Modus werden Pixelgrafiken (Pixelformen) in der aktuellen Ebene erstellt.

Photoshop, Zeichnen, Vektorform, Linien zeichnen

Linien zeichnen
[1] Linien kÃ¶nnen in Photoshop als [2] Vektorformen in einer [3] Formebene gezeichnet werden, wenn der Zeichenmodus [4] "Vektorform" eingestellt ist. Die LinienstÃ¤rke wird durch die aktuell eingestellte [5] StÃ¤rke (zB 1 Pixel)und die Linienfarbe durch die aktuelle [6] Vordergrundfarbe (zB Blau) bestimmt.
Beim Zeichnen der Linie ist der [7] Anfangspunkt und der [8] Endpunkt der Linie durch Klicken zu bestimmen. Nach dem Bestimmen des Endpunktes wird die [9] fertige Linie in der ausgewÃ¤hlten Farbe angezeigt.
Wird beim Zeichnen gleichzeitig die "SHIFT-Taste" gedrÃ¼ckt, werden die Linien nur [10] vertikal, [11] horizontal oder in einem Winkel von [12] 45Â°, 135Â°, 225Â° oder 315Â° gezeichnet.

Dreamweaver, Ansichten

Ansichten
In Dreamweaver sind fÃ¼r das Bearbeiten von Webseiten folgende Ansichten mÃ¶glich:
[1] Code-Ansicht: Zur Bearbeitung von HTML-Quellcode oder von Code fÃ¼r dynamische Seiten (zB PHP, JavaScript);
[2] Entwurfs-Ansicht: Zur leichteren Bearbeitung von HTML-Seiten in einer Voransicht, die der Ansicht im Webbrowser Ã¤hnlich sieht (zB zum Designen von Webseiten);
[3] Teilen: Das Arbeitsfenster wird geteilt - oben enthÃ¤lt es die Code-Ansicht, unten die Entwurfsansicht;
ZusÃ¤tzlich gibt es bei neueren Programmversionen:
[4] Live-Ansicht: Es wird versucht die Darstellung im Webbrowser zu imitieren (zB werden auch Daten aus der Datenbank live gezeigt).
[5] Live-Code: In Verbindung mit der Live-Ansicht wird auch der aktuelle Quellcode gezeigt, wie er vom Web-Server fÃ¼r den Computer des Anwenders zur VerfÃ¼gung gestellt wird (interessant bei dynamischen Webseiten).
[6] Multiview-Ansicht: Mehrere Ansichtsversionen fÃ¼r unterschiedliche OberflÃ¤chen (zB fÃ¼r Handys, ab Version CS5)

Photoshop, Zeichnen, Rechteckform mit der aktuellen FÃ¼llfarbe zeichnen, FÃ¼llfarbe Ã¤ndern

Rechtecke zeichnen
Mit dem [1] Rechteck-Werkzeugen von Photoshop kÃ¶nnen Rechtecke und Quadrate gezeichnet werden. Wenn beim Zeichnen gleichzeitig die "SHIFT-Taste" gedrÃ¼ckt ist, wird ein Quadrat erstellt. Die [2] Vordergrundfarbe wird sowohl im Zeichenmodus [3] "Vektorform" als auch im Zeichenmodus [4] "Pixel fÃ¼llen" als FÃ¼llfarbe verwendet.

Im Zeichenmodus [3] "Vektorform" wird eine [5] Ebene mit der eingestellten FÃ¼llfarbe erstellt. Die FÃ¼llfarbe wird durch die rechteckige [6] Vektormaske beschrÃ¤nkt, sodass nur das Rechteck und nicht die gesamte ArbeitsflÃ¤che die FÃ¼llfarbe enthÃ¤lt.
Im Zeichenmodus [7] "Pixel fÃ¼llen" wird das Rechteck in der aktuellen [8] Ebene als [9] Pixelgrafik mit der eingestellten [10] FÃ¼llfarbe erzeugt.
Anmerkung: Der Zeichenmodus "Pfade" erzeugt beim Zeichnen keine Rechtecke mit FÃ¼llfarbe. Der Pfad kann jedoch im Pfadbedienfeld gefÃ¼llt werden.

Ã„nderung der FÃ¼llfarbe:
Zeichenmodus "Vektorform": Durch Doppelklicken auf die [11] Miniaturdarstelllung (Ebenenminiatur) der Ebene wird die Farbauswahl fÃ¼r die Ebenenfarbe geÃ¶ffnet. Die [12] Auswahl einer neuen Farbe bewirkt die Ã„nderung der [13] FÃ¼llfarbe. Die Farbe der Vektorform in der ausgewÃ¤hlten Ebene kann auch durch Klicken auf das [14] Farbsymbol in der Optionsleiste geÃ¤ndert werden. In diesem Fall wird die eingestellte [2] Vordergrundfarbe nicht verÃ¤ndert.

Zeichenmodus "Pixel fÃ¼llen": Die [15] FÃ¼llfarbe kann, wie jede andere PixelflÃ¤che auch, mit dem [16] FÃ¼llwerkzeug geÃ¤ndert werden. Deshalb muss die neue [17] Vordergrundfarbe mithilfe der [15] Farbauswahl geÃ¤ndert werden. Nach Anwendung des [16] FÃ¼llwerkzeugs erhÃ¤lt das Rechteck die neue [18] FÃ¼llfarbe.

Dreamweaver, Ansichten, Multi-Screen-Vorschau, voreingestellte Bildschirmtypen

Multi-Screen-Vorschau - Bildschirmtypen
Mit der Multi-Screen-Vorschau in Dreamweaver (ab CS5, CS6) kann in der [1] Entwurfsansicht und in der [2] Live-Ansicht von der derzeit bearbeiteten Seite eine Vorschau von voreingestellten Bildschirmtypen angezeigt werden. Damit kann die Darstellung der Seite auf unterschiedlichen Geräten mit verschiedenen Bildschirmauflösungen getestet werden. Ein Klick auf die Symbole von drei Geräten auf der Statusleiste mit zugeordneten Bildschirmauflösungen zeigt eine entsprechende Vorschau.

Folgende drei Bildschirmtypen sind voreingestellt:
[3] Mobilgerät (Handy, Smartphone)
[4] Tablet-PC
[5] Desktop (PC-Monitor)

Anmerkung: [6] Ausrichtung (Querformat, Hochformat) und Zuordnung der Bildschirmgrößen kann jederzeit geändert werden.

Photoshop, Zeichnen, Rechteck-Optionen (Voreinstellungen)

Rechteck - Einstellungen
Beim Zeichnen von [1] Rechtecken und anderen Formen gibt es in Photoshop verschiedene Optionen (Voreinstellungen).
Nach der Auswahl der Rechteckform Ã¶ffnet sich nach dem Anklicken des [2] Pfeiles in der MenÃ¼zeile Ã¶ffnet sich ein Fenster mit [3] Rechteck-Optionen:

[4] "Ohne EinschrÃ¤nkungen": Das Rechteck kann mit dem ZeigegerÃ¤t ohne EinschrÃ¤nkungen durch Anklicken eines [5] Eckpunktes und anschlieÃŸend des [6] gegenÃ¼berliegenden Eckpunktes [7] gezeichnet werden. Dies ist die Voreinstellung.
[8] "Quadrat": Es kÃ¶nnen nur Quadrate gezeichnet werden.
[9] "Feste GrÃ¶ÃŸe": Es werden nur Rechtecke mit den in den Eingabenfeldern eingegebenen GrÃ¶ÃŸen fÃ¼r die [10] Breite und [11] HÃ¶he des Rechteck gezeichnet. DafÃ¼r kÃ¶nnen die Ã¼blichen Einheiten eingetragen werden (zB 80 Px fÃ¼r Pixel, 50mm, 3cm). Nach anklicken eines [12] Eckpunktes wird das Rechteck in den voreingestellen Umrissen angezeigt und kann dabei auf eine andere Position verschoben werden. Erst nach loslassen der Maustaste wird die Form endgÃ¼ltig [13] gezeichnet. Breite oder HÃ¶he kann auch durch [14] Ziehen mit der Maus Ã¼ber den Buchstaben "B" und "H" im Optionen-Fenster geÃ¤ndert werden.
[15] "Proportional": Hier wird das VerhÃ¤ltis von [16] Breite zu [17] HÃ¶he angegeben. Die GrÃ¶ÃŸe des Rechtecks ist beim Zeichnen jedoch verÃ¤nderlich. (zB B = 3, H = 2 bedeutet: das VerhÃ¤ltnis von Rechteckbreite zur RechteckhÃ¶he ist immer 3:2 ). Die Ã¼brigen Optionen sind hier Ã¤hnlich wie bei der Option "Feste GrÃ¶ÃŸe").

ZusÃ¤tzlich zu den vorhin angefÃ¼hrten MÃ¶glichkeiten ist Folgendes einstellbar:
[18] "Vom Mittelpunkt aus": Beim Zeichnen des Rechtecks wird zuerst der [19] Mittelpunkt festgelegt und dann erst einer der [20] Eckpunkte.
[21] "An Pixeln ausrichten": die Kanten des Rechtecks werden ausgerichtet.

Anmerkung: FÃ¼r die anderen Formen gibt es Ã¤hnliche EinstellungsmÃ¶glichkeiten.

PremierePro, Zeitleiste, Zeit, aktuelle Zeit, Timecode

MULTIMEDIA WEBDESIGN VIDEO TV FILM PREMIERE

Zeitleiste - Timecode
Die [1] Zeit (zB die aktuelle Zeit) bzw. der Timecode wird in den [2] Zeitleisten von PremierePro angezeigt. Zeitleisten sind u.a. im Schnittfenster, im Clipfenster und im Programmfenster vorhanden.
Die Zeit wird in den Zeitleisten durch Zahlen, jeweils getrennt durch Doppelpunkte (:) in folgendem [1] Format dargestellt.

Beispiel:
01:12:17:05
Die erste Zahl bedeutet [3] Stunden (zB 1 Stunde), die zweite [4] Minuten (zB 12 Minuten), die dritte [5] Sekunden (zb 17 Sekunden) und die vierte [6] Frames bzw. Bilder (zb 5 Bilder). Im PAL-Format kann die Zahl fÃ¼r die Frames max. 24 betragen, weil ein 25. Frame bereits eine ganze Sekunde ergibt.

Die Zeitleiste ist grafisch durch eine Stricheinteilung gegliedert. Die ZwischenrÃ¤ume zwischen den Strichen ergeben je nach Zoomfaktor entsprechende Zeiteinheiten.
Beispiele:
[7] Ausgezoomt: 1 Einheit => 5 Sekunden;
[8] Zoommittellage: 1 Einheit => 1 Sekunde;
[9] Eingezoomt: 1 Einheit => 1 Frame;
[10] Die aktuelle Position wird durch den blauen Wiedergabeknopf mit der roten vertikalen Linie angezeigt.

Netzwerk, URL (Uniform Resource Locator)

URL
URL Uniform Resource Locator) ist eine eindeutige Adresse in Netzwerken, insbesondere im Internet, die vom Webbrowser verwendet wird, um HTML-Dokumente und andere Dateien und Dienste anzuzeigen.

HTML, Grundlagen

HTML, Grundlagen
Ein HTML-Dokument (HTML = Hypertext Markup Language) ist ein Text-Dokument, das auÃŸer Text auch andere Objekte wie zB Bilder, Links, Formulare, Audio-Dateien und Videos enthalten kann. Der Unterschied zu normalem Text besteht darin, dass ein HTML-Dokument durch sogenannte Tags "ausgezeichnet" ("Auszeichnungssprache") ist, welche Aussehen und andere Eigenschaften bestimmen. Diese Textelemente zwischen spitzen Klammern (zB <p> erzeugt einen Absatz) sagen dem Webbrowser, wie er die Seite und deren Inhalte behandeln soll. Mit sehr wenigen Ausnahme haben Tags einen Ã¶ffnenden Teil (zB <h1>) und einen schlieÃŸenden Teil (zB </h1>, wobei innerhalb dieser beiden Teile die Anweisungen, die sich auf diesen Tag beziehen, gÃ¼ltig sind.
Ein HTML-Dokument beginnt mit dem Tag <html> und endet mit </html> und ist prinzipiell in zwei Teile gegliedert, und zwar in "head" ("Kopf") und "body" ("KÃ¶rper"):
<head>Hier steht der Titel (im Browser als Titelleiste sichtbar) und weitere, im Browser nicht sichtbare Informationen.</head>
<body>Hier steht alles, was im Webbrowser zu sehen ist.</body>.
ZusÃ¤tzlich enthalten HTML-Dokumente zu Beginn eine Textzeile <!DOCTYPE.... >, die Informationen Ã¼ber Regeln fÃ¼r die aktuelle Webseite (page) enthÃ¤lt.

Ein einfaches Beispiel im Quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  <title>HTML-Grundlagen</title>

  </head>

  <body>

  <h3>Guten Morgen! Hallo! Guten Tag!</h3>

  Dies ist eine sehr, sehr einfache HTML-Seite (page).

  </body>

  </html>

.. und im Webbrowser:

Guten Morgen! Hallo! Guten Tag!

Dies ist eine sehr, sehr einfache HTML-Seite (page).

HTML, Tags,

Tags
HTML-Befehle, sogenannte Tags, werden im Quellcode zwischen spitze Klammern gesetzt. Sind diese Befehle bzw. Tags dem Browser bekannt, fÃ¼hrt er sie aus, andernfalls ignoriert er sie. Tags kÃ¶nnen sowohl groÃŸ als auch klein geschrieben werden, werden in der Regel jedoch klein geschrieben.
"Empty tags" sind Anweisungen ohne Ende-Tag, die der Browsern sofort und ohne weitere Anweisungen ausfÃ¼hren kann.
"Conainer tags" haben einen Anfangs- und Ende-Tag, wobei sich der Ende-Tag vom Anfangs-Tag nur durch einen SchrÃ¤gstrich ("slash") vor dem Tag-Namen unterscheidet. Anfangs- und Ende-Tag umschlieÃŸen meistens einen Textbereich, auf den sich die Anweisungen beziehen.

Beispiele fÃ¼r "empty tags": <hr> oder <br>
Beispiele fÃ¼r "container tags": <i>italic</i> oder <h1>Ãœberschrift 1</h1>

Photoshop, Navigator

Navigator
Im Navigator von Photoshop wird eine Miniaturansicht des aktuellen Bildes angezeigt. Das Rechteck (rot umgrenzt) zeigt den Vorschaubereich, das ist jener Ausschnitt, der im Arbeitsfenster gerade angezeigt wird.
Einzoomen (Bildausschnitt vergrÃ¶ÃŸern) und auszoomen (Bildausschnitt) verkleinern kann auf folgende Wiese durchgefÃ¼hrt werden:
[1]Eingabe des Zoom-Faktors in Prozent (Zoom-Textfeld);
[2]Einzoomen und auszoomen mit dem Schieberegler: nach links auszoomen (kleines "Berge-Symbol"), nach rechts einzoomen (groÃŸes "Berge-Symbol").
[3]Durch Klicken auf die "Berge-Symbole" (SchaltflÃ¤chen "Auszoomen" und "Einzoomen") wird der Bildausschnitt ebenfalls vergrÃ¶ÃŸert bzw. verkleinert.
Die Verschiebung des aktuellen Bildausschnitts erfolgt durch das Verschieben des Rechtecks mit der Maus in der Miniaturansicht.

Die Beurteilung der BildqualitÃ¤t erfolgt am besten mit dem Zoomfaktor 100%.
Der kleinste Zoomfaktor betrÃ¤gt 0,17%, der grÃ¶ÃŸte 3200%.

Flash, Abspielen der Flash-Animation

Abspielen
Mit der ENTER-Taste wird die Flashanimation abgespielt. Dabei kÃ¶nnen jedoch nicht alle Aktionen und Effekte (zB ActionScript)gezeigt werden.
Mit der Tastenkomabination STRG+ENTER wird die Flash-Animation exportiert (SWF-Datei) und anchlieÃŸend sofort abgespielt. Dadurch wird die gesamte Animation in allen Details getestet.

PremierePro, In-Point, Out-Point

In-Point, Out-Point
[1] In-Point bestimmt den Beginn eines Clips oder einer Sequenz,
[2] Out-Point das Ende eines Clips oder einer Sequenz.
Siehe Grafik:
[1] In-Point;
[2] Out-Point;
[3] In-Point setzen;
[4] Out-Point setzen;
[5] Zum In-Point gehen;
[6] Zum Out-Point gehen;
[7] Von In-Point bis Out-Point abspielen;

Netzwerk, URL Aufbau <Protokoll> <host>

URL-Aufbau
Aufbau eines URL (minimal):

<Protokoll>://<host>

<Protokoll>

gibt an, welches Protokoll verwendet wird. Beim Aufruf einer Webseite wird fast immer das Protokoll "http" oder "https" verwendet.
<host> ist der Rechner inklusive Domain (zB "google.at"), von dem die Webseite geladen werden soll. Der Name des Rechners ist meistens "www" (World Wide Web).

ZusÃ¤tzlich kÃ¶nnen noch Unterverzeichnisse mit oder ohne Dateinamen angehÃ¤ngt werden
Beispiel fÃ¼r Protokoll mit Domain und Unterverzeichnis:
http://www.cadat.at/acd/

Dreamweaver, Ansichten, Multi-Screen-Vorschau, Vorschau im Vergleich

Multi-Screen-Vorschau - Vergleich
Eine Multi-Screen-Vorschau in Dreamweaver (ab CS5, CS6) für drei Bildschirmtypen im Vergleich kann durch Auswahl des [1] Symbols "Multiscreen" in der Symbolleiste des Dokumentfensters hergestellt werden. Im Dokumentfenster [2] "Mulit-Screen Vorschau" wird die Ansicht im Webbrowser für [3] Handy, [4] Tablet und [5] Desktop in der voreingestellten Größe (Auflösung) simuliert.
Diese Bildschirmgrößen (Screen-Auflösungen) können über den [6] Button "Viewport-Größen" geändert werden. Im [7] Fenster "Viewport-Größen" können neue Werte für Handy, Tablet und Desktop eingegeben werden. Der [8] Button "Auf Standardwerte zurücksetzen" setzt die Werte wieder auf die im Dreamweaver voreingestellten Werte zurück.

Anmerkung: Änderungen an der Seite werden nicht automatisch, sondern erst durch Klicken auf das [9] Symbol "Aktualisieren" übernommen.

Fotografie, Objektive, Fisheye, Fisheyezoom

Fisheye
Fisheye- und Fisheye-Zoom-Objektive haben eine sehr kurze Brennweite(ca. 8mm bis 18mm)und einen Bildwinkel von etwa 180 Grad.
Dadurch werden weite Umgebungsbereiche wie zB HÃ¤userzeilen, Gassen, PlÃ¤tze, InnenrÃ¤ume und Landschaften mit nur einer Aufnahme abgebildet werden. Allerdings kÃ¶nnen an den BildrÃ¤ndern wegen des groÃŸen Bildwinkels Verzerrungen auftreten.
Bei manchen Modellen ist der Bildwinkel sogar grÃ¶ÃŸer als 180 Grad, sodass auch Bereiche hinter der Objektiv-Ebene erfasst werden. Objektive mit Brennweiten unter 10mm erzeugen ein kreisfÃ¶rmiges Foto auf den Negativ bwz. dem Chip.

Photoshop, im Bild bewegen, pan

Im Bild bewegen
Um den aktuell angezeigten Bildausschnitt zu verÃ¤ndern bzw. sich im Bild bewegen zu kÃ¶nnen stehen folgende Tools zur VerfÃ¼gung:
[1] Navigator: der aktuell angezeigte Bildausschnitt wird mit dem roten Rahmen markiert und lÃ¤ÃŸt sich mit der Maus verschieben;
[2] Im Arbeitsfenster: Verschieben des Bildausschnitts mit dem Schieberegler vertikal oder horizontal;
[3] Verschieben des Bildausschnitts mit dem "Hand-Werkzeug"

Photoshop, Dateiformat

Dateiformat von Photoshop
Das Standard-Dateiformat fÃ¼r Bilder und Grafiken, die in Photoshop erzeugt oder bearbeitet werden ist das PSD-Format von Adobe. Es enthÃ¤lt alle Ebenen, Objekte und sonstige Informationen, die in Photoshop erstellt oder verÃ¤ndert wurden.

SelbstverstÃ¤ndlich kÃ¶nnen Photoshop-Dateien in einige andere Datei-Formate umgewandelt oder gespeichert werden (zB JP, TIFF, EPS oder PDF).

Photoshop, Zeichnen, Ellipse als Form zeichnen

Ellipse zeichnen
Mit dem [1] Ellipse-Werkzeug von Photoshop können Ellipsen und Kreise zB als [2] Formen (Vektorgrafiken) gezeichnet werden. Die Formen werden mit der aktuellen [3] Farbe für die Fläche, der [4] Farbe und [5] Dicke für die Kontur und dem eingestellten [6] Linientyp (Konturoptionen: zB Volllinie oder gestrichelte Linie) gezeichnet.
Siehe auch andere Zeichenmodi -> Formen und Pfade

[7] Folgende Zeichenoptionen stehen nach Anklicken des Symbols im Fenster "Einstellmöglichkeiten" zur Verfügung:
[8] Ohne Einschränkungen: Größe und Proportionen der Ellipse werden durch Ziehen mit dem [9] Zeigegerät festgelegt.
[10] Vom Mittelpunkt aus: Ausgewählt (Häkchen): Zeichnung beginnt am Ellipsenmittelpunktpunkt; Nicht ausgewählt: Zeichnung beginnt an einer Ecke eines gedachten umschreibenden Rechtecks
[11] Kreis: Kreis wird gezeichnet; kann auch während des Zeichnens durch Drücken der "SHIFT-Taste" bewirkt werden
[12] Feste Größe: Ellipse wird in der eingetragenen Größe gezeichnet (zB B: 100 Px, H: 50 Px)
[13] Proportional: Verhältnis von Breite zu HÃ¶he der Ellipse wird festgelegt (zB B: 3; H: 2 = 3:2 => zB 90Px:60Px oder 120Px:80Px)
Siehe auch -> Formen - Übersicht

PremierePro, Schnittfenster, Sequenzen, Grundlagen

Schnittfenster
Im [1] Schnittfenster von PremierePro werden die [2] Sequenzen mit den [3] Video- und [4] Audiospuren grafisch angezeigt. Mehrere Sequenzen sind in [2] Registerkarten angeordnet. Im oberen Teil des Schnittfensters befinden sich die [3] Videospuren, im unteren die [4] Audiospuren. Oben liegende Clips verdecken weiter unten liegende Clips. Die im Schnittfenster angezeigten [5] Clips werden entlang der [6] Zeitleiste positioniert, wodurch ein Ãœberblick Ã¼ber Dauer, Beginn und Ende des geschnittenen Clips gewonnen werden kann.
Der [7] Wiedergabeknopf zeigt die aktuelle Position in der Zeitleiste an.

Flash-Zeitleiste, Informationen, Ebenen, Zeitleiste

Ebenen und Zeitleiste
Die Flash-Zeitleiste (engl. timeline) zeigt die vorhandenen Ebenen mit den zugehÃ¶rigen Objekten, die Dauer des Films und einige andere Informationen an.
Die wichtigsten Informationen sind die Bildrate (Bilder/Sekunde), die Nummer des aktuellen Bildes und die bis zur aktuellen Position (dargestellt durch den Abspielknopf) verstrichenen Zeit in Sekunden.
Links werden die Ebenenamen angezeigt und ob die entsprechende Ebene beispielsweise gesperrt und/oder sichtbar ist.
Siehe auch ->Ebenen - Übersicht

Beispiel:
Beim Bild 121 kann bei 15 BpS (Bilder pro Sekunde) abgelesen werden, das die Animation bis zum aktuellen Bild 8 Sekunden dauert. Zur Kontrolle dient die Formel Anzahl der Bilder x Bilder/Sekunde: 120 Bilder / 15 BpS = 8,0 Sekunden bzw. fÃ¼r 8 Sekunden Animation benÃ¶tigt man 120 Bilder (8 x 15 = 120).

Dreamweaver, Tag-Selektor, Hierarchie, Auswahl

Tag-Selektor: Hierarchie, Auswahl
Der [1] Tag-Selektor von Dreamweaver zeigt den [2] aktuellen Tag und alle übergeordneten Tags an (zB Tag einer Tabellenzelle <td> bis zum höchsten Tag <body>). Welche Tags angezeigt werden, hängt von der Position des Cursors innerhalb des Tags ab.
Wenn ein Tag im [3] Tag-Selektor angeklickt wird, wird der Inhalt des aktuellen Tags und aller untergeordneten Tags sowohl in der [4] Entwurfs-Ansicht als auch
[9] Bei "Conainer tags" werden nur die Tags ohne zugehörigen Text entfernt, bei "Empty tags" werden auch die in den Attributen enthaltenen Objekte entfernt (zB <img .... />). Siehe auch -> Tags

Beispiele:
[2] Cursor befindet sich innerhalb des <span>-Tags: Die übergeordneten Tags <p>, <td>, <tr>, <table> und <body> werden ebenfalls angezeigt.
[3] Der Tag <tr> ist angeklickt: Der gesamteInhalt der Tags <tr> bis zum Tag <span> ist ausgewählt.

Photoshop, Bilder zoomen

Zoomen
In Photoshop (zB CS3 ) kÃ¶nnen Bilder von 0,08% bis 3200% gezoomt werden (Zoombereich). Zur Beurteilung der BildqualitÃ¤t ist die Zoomstufe 100% (1:1 = jedes Bildschirmpixel entspricht einem Bildpixel) am besten geeignet. "Einzoomen" bewirkt eine scheinbare VergÃ¶ÃŸerung, "Auszoomen" eine scheinbare Verkleinerung. In keinem Fall wird hierbei das Bild selbst verÃ¤ndert, sondern nur die GrÃ¶ÃŸe der Darstellung auf dem Monitor.
Folgende ZoommÃ¶glichkeiten stehen zur VerfÃ¼gung:
[1] Navigator: %-Eingabe, Berg-Symbole, Schieberegler;
[2] Zoomwerkzeug: einzoomen, auszoomen, Fenster aufziehen fÃ¼r Zoombereich,
[3] Dokumentfenster links unten: %-Eingabe,
[4] MenÃ¼: Ansicht... Einzoomen, Auszoomen, TatsÃ¤chliche Pixel (=100%), ganzes Bild (einpassen auf die verfÃ¼gbare MonitorflÃ¤che)

Spezielle Dartstellungen sind auch mit Tastenkombinationen mÃ¶glich:
Einzoomen: STRG++, Auszoomen: STRG--, 100%: STRG + 0, Ganzes Bild: ALT + STRG + 0;

Photoshop. neue Datei

Neue Datei
Beim Erstellen einer neuen Photoshop-Datei unter dem MenÃ¼punkt "Datei... neu.." oder mit STRG + N sind folgende Angaben zu machen:
[1] Name: Dateiname eingeben
[2] Vorgabe: "Benutzerdefiniert", wenn Breite und HÃ¶he vom Benutzer bestimmt wird; Bei Vorgaben kann man beispielsweise unter DIN-Formaten auswÃ¤hlen (zB A4: Breite 210mm, HÃ¶he 297mmm)
[3] Breite und HÃ¶he: Angaben in Pixel (zB fÃ¼r den Bildschirm), mm oder cm (zB fÃ¼r den Ausdruck), Zoll (zB fÃ¼r Amerikaner) und andere
[4] AuflÃ¶sung in Pixel/Zoll (zB 96 fÃ¼r den Bildschirm, 300 fÃ¼r den Druck) oder Pixel/cm
[5] Farbmodus: RGB-Farbe (meist 8-Bit, 16-Bit oder 32-Bit), in den meisten FÃ¤llen fÃ¼r die Arbeit am Bildschirm; parent" (ohne Hintergrundebene), weitere MÃ¶glichkeiten sind Bitmap, Graustufen, CMYK oder Lab-Farbe
[6] Hintergrundinhalt: "WeiÃŸ", "Hintergrundfarbe" (mit der aktuellen Farbe) oder "Transparent"

Wenn eine Grafikdatei bzw. ein Foto in der Zwischenablage vorhanden ist, werden bei der Neuerstellung einer Datei die Eigenschaften der Datei (zB Breite und HÃ¶he) in der Zwischenablage vorgeschlagen.

Photoshop, Zeichnen, Formen in einer Ebene kombinieren (Beispiel Rechteck)

Formen kombinieren
[1] Mehrere Vektorformen [2](zB Rechtecke) werden standardmÃ¤ÃŸig automatisch in [3] verschiedenen Ebenen, wÃ¤hrend Pixelformen immer in der aktuellen Ebene erstellt werden.
Es kÃ¶nnen jedoch unter Zuhilfenahme der Optionen in der Optionsleiste auch Vektorformen in einer einzigen Ebene kombiniert werden.

Folgende MÃ¶glichkeiten stehen hierbei zur VerfÃ¼gung:
[3] "Neue Form": Die [4] Vektorformen (zB zwei Rechtecke) werden in neuen, eigenen [5] Ebenen gezeichnet.

Bei den folgenden Optionen werden die Vektorformen in der aktuellen Ebene kombiniert:
[6] "Form hinzufÃ¼gen": Die [7] Formen werden in einer Ebene zu einer einzigen Form verschmolzen.
[8] "Form subtrahieren": Die [9] folgenden Formen werden von der ersten Form abgezogen.
[10] "Schnittmenge erhalten": Die sich [11] Ã¼berlappenden Teile der Formen bilden die Endform.
[12] "Schnittmenge subtrahieren": Die sich [13] Ã¼berlappenden Teile der Formen werden von der Summe der Formen abgezogen.

Netzwerk, IP-Adressen

IP-Adressen
IP-Adressen dienen zur Adressierung von Computern in Netzwerken (zB im Internet). Sie mÃ¼ssen in einem Netzwerk eindeutig sein. Die seit EinfÃ¼hrung des Internets gÃ¼ltigen Adressen (IPv4) bestehen aus vier Zahlen, die durch einen Punkt getrennt werden (zB 192.168.1.11 oder 127.0.0.1 ).
Eine statische IP-Adresse bleibt immer gleich.
Bei einer dynamischen IP-Adresse wird vom Server eine IP-Adresse zugewiesen, die sich bei jeder neuen Netzwerkverbindung Ã¤ndern kann.

HTML, Attribute (Eigenschaften)

HTML, Attribute (Eigenschaften)
Attribute (Eigenschaften) in HTML-Dokumenten geben dem Browser, zusÃ¤tzlich zu den Tags, weitere Informationen Ã¼ber Struktur, Aussehen usw. Attribute stehen immer im Beginntag innerhalb der spitzen Klammern nach dem Tagnamen.
Sie bestehen aus dem Namen des Attributes (= Variablenname) und nach dem Ist-Gleich-Zeichen (=) dem zugehÃ¶rigen Wert. Attribute kÃ¶nnen zB HÃ¶he und Breite von HTML-Objekten bestimmen und Aussagen Ã¼ber eine Vielzahl von anderen Eigenschaften treffen (siehe auch -> CSS).

Beispiel fÃ¼r Attribut "align"
im Quellcode:
<p align="center">Dieser Absatz ist zentriert.</p>

Im Webbrowser:

Dieser Absatz ist zentriert.

Dreamweaver, Tag-Selektor, Tag entfernen

Tag-Selektor: Tag entfernen
Im [1] Tag-Selektor von Dreamweaver können [2] Tags (zB <strong>...</strong>) und damit die zugewiesenen Eigenschaften entfernt werden. Das Ergebnis wird sowohl in der [3] Entwurfsansicht als auch in der [4] Code-Ansicht sofort angezeigt. Damit die richtige HTML-Struktur nicht beschädigt wird, können manche Tags und deren Inhalte so jedoch nicht entfernt werden (zB <tr>...</tr>)
Tags im Tag-Selektor werden folgendermaßen entfernt:
[5] Tag im Tag-Selektor anklicken -> Tag und deren Inhalte bzw. Eigenschaften werden sowohl in der Code- als auch in der Entwurfsansicht [6] ausgewählt
Rechte Maustaste über dem ausgewählten Tag anklicken -> aus dem Kontextmenü den Menüpunkt [7] "Tag entfernen" auswählen
[8] Der Tag wird aus dem Tagselektor und aus dem Dokument entfernt.

Beispiel:
[3] Der Tag mit der CSS-Eigenschaft <span.titel2> ist angeklickt: In der Code-Ansicht und in der Entwurfsansicht ist der Tag <span> mit der CSS-Klasse <class="titel2"> samt Taginhalt zwischen Beginntag und Endtag ausgewählt. Nach Anklicken des Menüpunkts "Tag entfernen" sind alle ausgewählten Objekte entfernt bzw. gelöscht.

Dreamweaver, Site, minimale Angaben

Minimale Site-Definitionen
In Dreamweaver wird eine Website bzw. Site Ã¼ber den MenÃ¼punkt "Site" --> "Neue Site..." erstellt oder Ã¼ber "Sites verwalten..." bearbeitet.
Folgende Angaben sind fÃ¼r die Erstellung einer Site mit Dreamweaver das absolute Minimum:
[1] Site-Name - Dient nur zur Information und Verwaltung;
[2] Lokaler Stammordner - In diesem Ordner und seinen Unterordnern mÃ¼ssen alle Dateien fÃ¼r die Website vorhanden sein. Hier sollen auch keine Dateien und Ordner gespeichert werden, die fÃ¼r die Website nicht benÃ¶tigt werden (DatenmÃ¼ll);
[3] Standard-Bilderordner - Ablage von Bildern und Grafiken in einem eigenen Unterordner, der meistens mit "images" (oder "bilder") bezeichnet wird und ein Unterordner des Stammordners sein muss.

Bei der Erstellung einer dynamischen Website sind weitere Angaben erforderlich: Art des Zugriff (zB FTP), Testserver (zB PHP MySQL), HTTP-Adresse, weitere Angaben von Adressen (URL) usw.

Foto, JPG

Foto + JPG
Fotos aus Digitalkameras sind Pixelgrafiken und werden normalerweise als JPG-Dateien gespeichert. Die QualitÃ¤t und die AuflÃ¶sung kann bei heutigen Kameras eingestellt werden.

Fotografie, Brennweite bei Objektiven

Brennweite
Die Brennweite bei Objektiven wird in Millimetern angegeben. Die meisten Objektive haben variable Brennweiten (zB Zoom-Objektiv: Brennweitenbereich 35mm - 115mm). Bei langer Brennweite werden Objekte groÃŸ abgebildet ("heranzoomen"), bei kurzer Brennweite klein abgebildet (zB Landschaft, Weitwinkel: 18-35mm)

Photoshop, RÃ¼ckgÃ¤ngig, Schritt zurÃ¼ck und vorwÃ¤rts

RÃ¼ckgÃ¤ngig, Schritt zurÃ¼ck und vorwÃ¤rts
Ãœber das MenÃ¼ "bearbeiten" kÃ¶nnen Bearbeitungsschritte rÃ¼ckgÃ¤ngig gemacht oder wieder hergestellt werden.
Mit dem MenÃ¼punkt "RÃ¼ckgÃ¤ngig:..." oder der Tastenkombination "STRG + Z" kann der letzte Arbeitsschritt rÃ¼ckgÃ¤ngig gemacht bzw. wieder hergestellt werden. So kann zwischen dem vorletzten und dem letzten Zustand gewechselt werden.
Mit dem MenÃ¼punkt "Schritt zurÃ¼ck" oder der Tastenkombination "ALT + STRG + Z" kann jeweils ein Arbeitsschritt zurÃ¼ck gegangen werden, manchmal bis zum Beginn der Arbeit.
Mit dem MenÃ¼punkt "Schritt vorwÃ¤rts" oder der Tastenkombination "SHIFT + STRG + Z" kann jeweils ein Arbeitsschritt vorwÃ¤rts gegangen werden, maximal bis zum Letztzustand der Arbeit.

Links/Seite:	Suchen im aktuellen Thema:
Sortieren nach:	Stichwort	Thema(Code)	Reihung	Aktueller ausgewählter Code: 4


	707 INFOS HTML