Webbasierte Programmierung
|
|
|
- Gitta Goldschmidt
- vor 8 Jahren
- Abrufe
Transkript
1 Webbasierte Programmierung Eine Einführung mit anschaulichen Beispielen aus der HTML5-Welt apl. Prof. Dr. Achim Ebert
2 Inhalt Kapitel 4: CSS (Cascading Style Sheets) Einbindung von CSS CSS-Grammatik Boxmodell Werteangaben in CSS CSS-Eigenschaften WEP.4.1
3 Einbindung Wiederholung [Kap. 3] CSS = Cascading Style Sheets Beschreibende Ergänzungssprache für HTML Klartext Nahtlose Einbindung in HTML Formatieren von Inhalten Gestalten von Webseitenlayouts Ziel: seitenübergreifende einheitliche Layouts und Formatierungen Prinzipielle Vorgehensweise Definition zentraler Formate (z.b. für alle Überschriften 1. Ordnung) Auslagerung der zentralen Formate in externer Datei Einbindung der Style-Datei in beliebig viele HTML-Dokumente WEP.4.2
4 Einbindung von CSS Drei Varianten zur CSS-Einbindung in HTML Style-Definitionen in separaten CSS-Dateien Im Kopfbereich eines HTML-Dokuments Inline in einzelnen HTML-Elementen Größere Projekte: alle drei Varianten kommen gezielt zum Einsatz Reihenfolge: inline Kopfbereich separate Datei Bemerkung: Inline-Einbindung sparsamst verwenden! (u.a. hoher Aufwand bei Designänderungen, schwache logische Trennung von Inhalt und Aussehen) WEP.4.3
5 Einbindung von CSS Style-Definitionen in separaten CSS-Dateien Einfache Textdateien CSS-Formate, die global für ein Projekt gelten Können in jedem gewünschten HTML-Dokument eingebunden werden Möglichkeiten zur Referenzierung Referenzierung mittels HTML-Syntax <head> <link rel="stylesheet" type="text/css" href="formate.css"> </head> Multipurpose Internet Mail Extensions (MIME): Austausch über Typ der übermittelten Daten zwischen Sender und Empfänger rel: Bezug type: MIME-Typ href: Hypertext-Referenz (Datei, Pfadangabe o. URL) WEP.4.4
6 Einbindung von CSS Style-Definitionen in separaten CSS-Dateien (cont.) Möglichkeiten zur Referenzierung (cont.) Referenzierung mittels CSS-Syntax <head> </head> <style url("spezial/sformate.css"); </style> Definition eines style-bereiches erforderlich Unterscheidung zwischen Datei und Pfad/URL WEP.4.5
7 Einbindung von CSS Style-Bereiche im HTML-Dokumentkopf Beispiel <head> <style type="text/css"> h1 {font-family: FreeSans, Arial, Helvetica, sans-serif; font-size: 26px; </style> </head> <body> color: #DD9900; line-height: 1.3em; padding-bottom: 9px; border-bottom: dotted 3px #DD9900;} <h1>das style-element</h1> Hier kommt der Text. </body> WEP.4.6
8 HTML-Grammatik Einschub: Farbangaben in HTML bzw. CSS Farbangaben in HTML mittlerweile als deprecated (missbilligt) gekennzeichnet Sollen künftig nicht mehr zum Sprachstandard gehören Stattdessen: Farbdefinitionen ausschließlich in CSS Angabe eines Farbnamens Liste möglicher Namen besteht im Wesentlichen aus 16 VGA-Farben und 120 Netscape-Farbnamen red, black, aliceblue, mediumspringgreen,... Finden geeigneter Farbcodes über Tools Beispiel: html-color-codes.info/webfarben_hexcodes Angabe der RGB-Werte in Hexadezimalform Farbdefinition ist 6-stellig Schema: #RRGGBB Beispiele: color="#c0c0c0" (hellgrau) WEP.4.7
9 HTML-Grammatik Einschub: Farbmodelle Traditionelle Beschreibung von Farben durch Namen Aschgrau, Steingrau, Mausgrau,... Naturgemäß Mangel an Exaktheit Präzise Festlegung durch objektive quantitative Spezifikation Physikalisch gesehen: Farbe ist bestimmte Energieverteilung im elektromagnetischen Spektrum zwischen 400 und 700 Nanometern Wellenlänge Physikalische Experimente und Untersuchungen der physiologischen Farbwahrnehmung durch das menschliche Auge Nahezu alle Farben, die das Auge unterscheiden kann, können auf additive Mischung dreier Grundfarben zurückgeführt werden WEP.4.8
10 HTML-Grammatik Einschub: RGB-Farbmodell Additive Mischung der Grundfarben Rot, Grün, Blau Beschreibung einer Farbe durch Tripel (r,g,b) von Gewichtsfaktoren mit 0 r,g,b 1 Es gilt: (0,0,0) = Schwarz (1,1,1) = Weiß (1,0,0) = Rot (0,1,0) = Grün (0,0,1) = Blau (0,1,1) = Cyan (1,0,1) = Magenta (1,1,0) = Gelb Im Rechner z.b. bei 8 Bit pro Grundfarbe: 0 r,g,b 255 (hexadezimal: 00 r,g,b FF) Menge aller spezifizierbaren Farben wird im 3D- Raum durch Würfel repräsentiert ( Farbkörper ) Dieser deckt jedoch nicht den gesamten wahrnehmbaren Farbraum ab! WEP.4.9
11 HTML-Grammatik Einschub: RGB-Farbmodell RGB-Farbwürfel B R G WEP.4.10
12 HTML-Grammatik Einschub: RGB-Farbmodell Modell ist bezüglich Farbwahrnehmung nicht linear Betrachtet man typische Farbauflösung von 8 Bit pro Grundfarbe (sog. TrueColor), so existieren im Farbwürfel Regionen, in denen benachbarte Punkte für das Auge den selben Farbeindruck hervorrufen In anderen Regionen hingegen sind Farben benachbarter Punkte für das Auge sehr wohl voneinander unterscheidbar Für Anwender ist es mitunter recht schwierig, zu einer gewünschten Farbe (z.b. Kastanienbraun) ein entsprechendes (r,g,b)-tripel zu ermitteln Ebenfalls schwierig gestaltet sich Abschwächung einer Farbe (erfordert ungleiche Änderungen von r, g und b) Übergang auf HSV-Farbmodell WEP.4.11
13 Einbindung von CSS Inline-Styles in HTML-Elementen Ziel: einzelne HTML-Elemente mit Stylesheet- Eigenschaften individuell formatieren Vorgehen: Innerhalb des einleitenden HTML-Tags style-attribut notieren Wertzuweisung an style-attribut in einer oder mehrerer CSS-Formatdefinitionen Jede Formatdefinition wird mit Strichpunkt abgeschlossen Gleiche Syntax/Grammatik wie bei zentralen Formaten Formatdefinitionen gelten nur für Geltungsbereich des aktuellen HTML-Elements! WEP.4.12
14 Einbindung von CSS Inline-Styles in HTML-Elementen Beispiel <body> <h1 style="font-family: FreeSans, Arial, Helvetica, sans-serif; font-size: 26px; </h1> color: rgb(221,153,0); line-height: 1.3em; padding-bottom: 9px; border-bottom: dotted 3px #DD9900;"> Das style-element Hier kommt der Text. <h1>noch ein Header</h1> </body> WEP.4.13
15 CSS-Grammatik CSS-Regeln Aufgabe: Rahmenbedingungen für einheitliche Formate schaffen Erkennbar in CSS nicht zwingend erforderlich Mögliche CSS-Dateien Zeichencodierung für externe Stylesheets Formate für Ausgabemedien (z.b. screen, Formate für Print-Layouts Definition von Schriftarten, deren Ressourcen auf Server liegen Details: Münz: HTML5, Kap ! WEP.4.14
16 CSS-Grammatik Selektoren Inline-Styles Bezugsrahmen stets das Element Zentrale StyleSheets Direkter Bezug nicht gegeben Bezug muss daher durch Selektoren hergestellt werden: Selektor { Eigenschaft_1: Wert; Eigenschaft_2: Wert;... } Selektor bestimmt, für welche HTML-Elemente die Formatdefinitionen gelten Selektor kann Name eines HTML-Elements sein Es gibt aber auch komplexere Selektoren WEP.4.15
17 CSS-Grammatik Selektoren (cont.) Formate für HTML-Elemente Selektor = Name des HTML-Elementtyps Formatdefinitionen gelten für alle Elemente mit diesem Namen Beispiel: h1 { font-size:300%; color:blue; font-style:italic; } Gleiche Formatdefinitionen für mehrere HTML-Elementtypen durch Angabe der Elementtypen mit Kommata getrennt Beispiel: h1,h2 { color:#ff0000; } WEP.4.16
18 CSS-Grammatik Selektoren (cont.) Formate für verschachtelte HTML-Elemente Ohne weitere Angaben übernimmt inneres Element die Eigenschaften des äußeren Elements Mit CSS kann festgelegt werden, dass Element bestimmte Eigenschaften nur dann hat, wenn es innerhalb eines anderen Elements vorkommt! Beispiel: h1 i { color:blue; font-style:normal; } Erläuterung: Übergeordnetes Element wird mit Leerzeichen getrennt vor zu formatierendes Element gestellt Innerhalb von h1 formatiert i nun Text blau und normal, nicht mehr wie üblich kursiv! Für sich allein gestellt ändert sich bei i nichts! WEP.4.17
19 CSS-Grammatik Selektoren (cont.) Formate für Elemente mit bestimmten Attributen Formatdefinitionen können auch auf Elemente mit bestimmten Attributen bestimmten Wertzuweisungen an Attribute begrenzt werden Beispiel: input[src] {margin:5px;} input[type="password"] {color:blue;} Erläuterung: Format gilt nur für input-elemente, die Attribut src im einleitenden Tag besitzen, z.b.: <input type="image" src="..."> Format gilt nur für für input-elemente, die Attribut type mit Zuweisung password besitzen, z.b.: <input type="password"> WEP.4.18
20 CSS-Grammatik Selektoren (cont.) Formate für Elemente mit class-attribut Formatdefinitionen für Klassen statt spezielle Elemente Globales Attribut class Erkennbar am charakteristischen Punkt. Für Kombinationen von Element- und Klassennamen oder allgemeine (Element-unabhängige) Klassennamen Elemente müssen für entsprechende Formatierung dieses class-attribut besitzen Beispiel: h1.blau {color:#ee0000;}.fett {font-weight:bold;} Anwendung auf Elemente mit passenden Tags: <h1 class="blau"> <h2 class="blau"> <h1 class="fett"> <h2 class="fett"> WEP.4.19
21 CSS-Grammatik Selektoren (cont.) Formate für Elemente mit id-attribut id-namen müssen dokumentweit eindeutig sein Bestimmtes Element ist so direkt über Selektoren adressierbar Formatdefinition erkennbar am # Beispiel: h1#blauefarbe {color:#ee0000;} #rotefarbe {font-weight:bold;} Anwendung auf Elemente mit passendentags: <h1 id="blauefarbe"> <h2 id="rotefarbe"> Unterschied zu Formatierung mit class-attribut Unterschied liegt in HTML/DOM id-eindeutigkeit bedingt, dass Bezeichner nur einmal pro Dokument verwendet werden darf. Klasse ist keine eindeutige Bezeichnung, sondern Zuordnung zu Gruppe WEP.4.20
22 CSS-Grammatik Selektoren (cont.) Formate für Pseudo-Elemente und -Klassen Pseudo-Elemente sind Elemente, die nicht im HTML- Quelltext zu finden sind, aber einen wahrnehmbaren Zustand des Elementinhalts bedeuten Beispiele sind Links zu bereits besuchten und Links zu noch nicht besuchten Inhalten Werden i.d.r. vom Browser unterschiedlich dargestellt (z.b. durch unterschiedliche Farben) Beide gleich notiert: <a href="... ">... </a> Beispiel: a {font-weight:bold;} a:link {color:#ee0000;} a:visited {color:#00ca00;} Erläuterung Alle Links werden fett dargestellt Aber: nicht besuchte rot, besuchte grün WEP.4.21
23 Boxmodell Unterscheidung: Block- und Inline-Elemente Wichtig, wenn Erstreckungsraum eines Elements sichtbar wird (z.b. durch Hintergrundfarbe) Block-Elemente Nehmen in der Breite soviel Raum wie möglich ein, in der Höhe so viel Raum wie erforderlich Beeinflussung der Breite durch CSS-Eigenschaft width Angabe width:100%; entspricht Default Grundeigenschaft, dass Block-Elemente neue Zeile im Textfluss erzeugen, bleibt unangetastet Beispiel für Block-Element: <h1> WEP.4.22
24 Boxmodell Inline-Elemente Nehmen in der Breite und Höhe so viel Raum wie erforderlich ein Erzeugen keinen neuen Absatz im Textfluss Beispiel für Inline-Element: <em> Beispiel <h1 style="background-color:silver;"> </h1> Ein Blockelement Und ein <em style="background-color:silver;"> Inline-Element</em> zum Vergleich. WEP.4.23
25 Werteangaben in CSS CSS-Formatdefinitionen = CSS-Eigenschaften, denen Werte zugewiesen werden: Feste mögliche Werte Beispiele: left, right, center Zeichenketten Beispiel: Schriftartennamen Numerische Werte Beispiele: Höhe, Breite, Schriftgröße Farbangaben Angabe eines bestimmten Formats Beispiel: URL-Adressen Weitere Angaben für spezielle Ausgabemedien Beispiel: aurale Stylesheets (Audio-Eigenschaften) WEP.4.24
26 CSS-Eigenschaften In CSS gibt es heute eine große Anzahl von Eigenschaften zur Definition von Formaten Schriftformatierung Ausrichtung, Absatzkontrolle, Abstände Rahmen, Ecken, Hintergründe Listen- und Tabellenformate Elementformatierung: Breite, Höhe, Positionierung Layer-Technik, Transparenz... Wichtig zu berücksichtigen: deren korrekte Anwendung! Am besten erlernbar durch praktische Übung! WEP.4.25
CSS - Formatierung. CSS Formatdefinition außerhalb des style-attributes
CSS - Formatierung CSS Formatdefinition außerhalb des style-attributes Definition von Formatierungen im Dokumenten-Kopf...... oder externer Datei Festlegung von CSS-Eigenschaften für HTML-Elemente Syntax:
CSS. Cascading Stylesheets
CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
4 Aufzählungen und Listen erstellen
4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer
Seminar DWMX 2004. DW Session 004
Seminar DWMX 2004 DW Session 004 Eigene Site aufbauen Aufbau einer persönlichen Site: Auswahl einer bestimmten Dateiorganisation Statische HTML Site Vorlagenbasierte Site Framebasierte Site Erstellen der
1 Mathematische Grundlagen
Mathematische Grundlagen - 1-1 Mathematische Grundlagen Der Begriff der Menge ist einer der grundlegenden Begriffe in der Mathematik. Mengen dienen dazu, Dinge oder Objekte zu einer Einheit zusammenzufassen.
Würfelt man dabei je genau 10 - mal eine 1, 2, 3, 4, 5 und 6, so beträgt die Anzahl. der verschiedenen Reihenfolgen, in denen man dies tun kann, 60!.
040304 Übung 9a Analysis, Abschnitt 4, Folie 8 Die Wahrscheinlichkeit, dass bei n - maliger Durchführung eines Zufallexperiments ein Ereignis A ( mit Wahrscheinlichkeit p p ( A ) ) für eine beliebige Anzahl
Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015
Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015 Zulassung zur Prüfung Als Zulassung zur Prüfung ist ein Blog zu führen [Notizblog]. Als Zulassung zur Prüfung
Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.
5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine
Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.
Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die
Webseiten erstellen für Einsteiger
Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21
Online-Publishing mit HTML und CSS für Einsteigerinnen
Online-Publishing mit HTML und CSS für Einsteigerinnen Dipl. Math. Eva Dyllong, Universität Duisburg Dipl. Math. Maria Oelinger, spirito GmbH IF MYT 07 2002 CSS-Einführung Vorschau CSS Was ist das? Einbinden
Aufgabenbereich 3: Layoutgestaltung mit CSS
Aufgabenbereich 3: Layoutgestaltung mit CSS Wichtige Begriffe und Zusammenhänge: Website: Gesamtheit eines Internet-Auftrittes (alle Webseiten, die dazu gehören) Webseite: Eine einzelne Seite, ein HTML-Dokument
Schiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
Webdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente
HTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION
Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION DFG-Projekt Nachhaltige OJS-Infrastruktur zur elektronischen Publikation wissenschaftlicher Zeitschriften
Handbuch ECDL 2003 Professional Modul 1: Textverarbeitung Absätze formatieren
Handbuch ECDL 2003 Professional Modul 1: Textverarbeitung Absätze formatieren Dateiname: ecdl_p1_01_02_documentation.doc Speicherdatum: 08.12.2004 ECDL 2003 Professional Modul 1 Textverarbeitung - Absätze
Auf der linken Seite wählen Sie nun den Punkt Personen bearbeiten.
Personenverzeichnis Ab dem Wintersemester 2009/2010 wird das Personenverzeichnis für jeden Mitarbeiter / jede Mitarbeiterin mit einer Kennung zur Nutzung zentraler Dienste über das LSF-Portal druckbar
Viele Bilder auf der FA-Homepage
Viele Bilder auf der FA-Homepage Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als von einer im Internet
ECDL Europäischer Computer Führerschein. Jan Götzelmann. 1. Ausgabe, Juni 2014 ISBN 978-3-86249-544-3
ECDL Europäischer Computer Führerschein Jan Götzelmann 1. Ausgabe, Juni 2014 Modul Präsentation Advanced (mit Windows 8.1 und PowerPoint 2013) Syllabus 2.0 ISBN 978-3-86249-544-3 ECDLAM6-13-2 3 ECDL -
HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache
HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text
Klausur in 13.1 Thema: Das Internet (Bearbeitungszeit: 90 Minuten)
Klausur in 13.1 Thema: Das Internet (Bearbeitungszeit: 90 Minuten) Name: «Name», «Vorname» Mail: «EMail» 1 VP 3 VP 2 VP 3 VP 3 VP 4 VP 14 VP 0 Speichern Sie regelmäßig Ihre Arbeit in einer Word-Datei mit
Text Formatierung in Excel
Text Formatierung in Excel Das Aussehen des Textes einer oder mehrerer Zellen kann in Excel über verschiedene Knöpfe beeinflusst werden. Dazu zuerst die betroffenen Zelle(n) anwählen und danach den entsprechenden
Hinweise zum Übungsblatt Formatierung von Text:
Hinweise zum Übungsblatt Formatierung von Text: Zu den Aufgaben 1 und 2: Als erstes markieren wir den Text den wir verändern wollen. Dazu benutzen wir die linke Maustaste. Wir positionieren den Mauszeiger
Media Teil III. Begriffe, Definitionen, Übungen
Media Teil III. Begriffe, Definitionen, Übungen Kapitel 1 (Intermedia- Vergleich: Affinität) 1 Affinitätsbewertung als Mittel des Intermedia-Vergleichs Um die Streugenauigkeit eines Werbeträgers zu bestimmen,
Professionelle Seminare im Bereich MS-Office
Gegenüber PowerPoint 2003 hat sich in PowerPoint 2007 gerade im Bereich der Master einiges geändert. Auf Handzettelmaster und Notizenmaster gehe ich in diesen Ausführungen nicht ein, die sind recht einfach
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1
Wie man Registrationen und Styles von Style/Registration Floppy Disketten auf die TYROS-Festplatte kopieren kann.
Wie man Registrationen und Styles von Style/Registration Floppy Disketten auf die TYROS-Festplatte kopieren kann. Einleitung Es kommt vor, dass im Handel Disketten angeboten werden, die Styles und Registrationen
HTML-Grundlagen (X)HTML:
HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein
Bedienungsanleitung: Onlineverifizierung von qualifiziert signierten PDF-Dateien
Sie haben von der VR DISKONTBANK GmbH ein signiertes PDF-Dokument (i.d.r. eine Zentralregulierungsliste mit dem Status einer offiziellen Rechnung) erhalten und möchten nun die Signatur verifizieren, um
4. Sonstige Mitarbeit 4.1 Formen der Sonstigen Mitarbeit
1. Einleitung Dieses Leistungskonzept dient in erster Linie dazu, die Leistungsbewertung des Faches Informatik transparent zu gestalten und zu vereinheitlichen. Dies erlangt besondere Wichtigkeit, da allgemeine
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt
CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung
Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten
PowerPoint: Text. Text
PowerPoint: Anders als in einem verarbeitungsprogramm steht in PowerPoint der Cursor nicht automatisch links oben auf einem Blatt in der ersten Zeile und wartet auf eingabe. kann hier vielmehr frei über
Serienbrieferstellung in Word mit Kunden-Datenimport aus Excel
Sehr vielen Mitarbeitern fällt es schwer, Serienbriefe an Kunden zu verschicken, wenn sie die Serienbrieffunktion von Word nicht beherrschen. Wenn die Kunden mit Excel verwaltet werden, genügen nur ein
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und
Informationen zur Verwendung von Visual Studio und cmake
Inhaltsverzeichnis Informationen zur Verwendung von Visual Studio und cmake... 2 Erste Schritte mit Visual Studio... 2 Einstellungen für Visual Studio 2013... 2 Nutzung von cmake... 6 Installation von
XML-Austauschformat für Sicherheitsdatenblätter
XML-Austauschformat für Sicherheitsdatenblätter Version 2.0 / 15. Dezember 2008 www.edas.org 1 XML-Austauschformat für Sicherheitsdatenblätter Der Austausch der Sicherheitsdatenblätter erfolgt als XML-Datei.
Anleitung über den Umgang mit Schildern
Anleitung über den Umgang mit Schildern -Vorwort -Wo bekommt man Schilder? -Wo und wie speichert man die Schilder? -Wie füge ich die Schilder in meinen Track ein? -Welche Bauteile kann man noch für Schilder
HTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus
HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags 2013 style_sheet_bis_verlag_20130513 Arbeiten mit der Dokumentvorlage des BIS-Verlags... 3 Dokumentvorlage Wofür?... 3 Wohin mit der Dokumentvorlage...
Teaser-Bilder erstellen mit GIMP. Bildbearbeitung mit GIMP 1
Teaser-Bilder erstellen mit GIMP 08.08.2014 Bildbearbeitung mit GIMP 1 Auf den folgenden Seiten werden die wichtigsten Funktionen von GIMP gezeigt, welche zur Erstellung von Bildern für die Verwendung
Wie Sie mit Mastern arbeiten
Wie Sie mit Mastern arbeiten Was ist ein Master? Einer der großen Vorteile von EDV besteht darin, dass Ihnen der Rechner Arbeit abnimmt. Diesen Vorteil sollten sie nutzen, wo immer es geht. In PowerPoint
Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])
![Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])](/thumbs/29/13170670.jpg "Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])")
3.7 Erstellen einer Collage Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu]) Dann Größe des Dokuments festlegen beispielsweise A4 (weitere
<script type="text/javascript"> <! <%= page(page.searchsuggestionsscript) %> // > </script>
1. Intelligente AutoComplete Funktion für die Volltextsuche 1.1. JQuery einbinden Falls Sie in Ihrem Shop bereits JQuery verwenden, so überprüfen Sie bitte, ob Sie alle notwendigen Dateien eingebunden
HTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
Informationen zu den regionalen Startseiten
Informationen zu den regionalen Startseiten Inhaltsverzeichnis Informationen zu den regionalen Startseiten 1 1. Grundlegende Regeln 2 1.1. Was wird angezeigt? 2 1.2. Generelle Anzeigeregeln 2 2. Anpassbare
Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:
Texteditor Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Anmerkung für Mac-User: Da der Safari-Browser evtl. Probleme mit dem Editor von Moodle
Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
Erstellung von Präsentationspostern
Erstellung von Präsentationspostern Grundlagen der Gestaltung Für die Gestaltung gibt es einige grundsätzliche Dinge. Ein Präsentationsposter ist etwas ganz Anderes als ein gedrucktes Erzeugnis das ich
Aufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
Advoware mit VPN Zugriff lokaler Server / PC auf externe Datenbank
Advoware mit VPN Zugriff lokaler Server / PC auf externe Datenbank Die Entscheidung Advoware über VPN direkt auf dem lokalen PC / Netzwerk mit Zugriff auf die Datenbank des zentralen Servers am anderen
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren W. Kippels 22. Februar 2014 Inhaltsverzeichnis 1 Einleitung 2 2 Lineargleichungssysteme zweiten Grades 2 3 Lineargleichungssysteme höheren als
Vgl. Kapitel 4 aus Systematisches Requirements Engineering, Christoph Ebert https://www.sws.bfh.ch/studium/cas/swe-fs13/protected/re/re_buch.
Vgl. Kapitel 4 aus Systematisches Requirements Engineering, Christoph Ebert https://www.sws.bfh.ch/studium/cas/swe-fs13/protected/re/re_buch.pdf Nachdem die Projekt-Vision und die Stakeholder bekannt sind,
PowerPoint 2010 Mit Folienmastern arbeiten
PP.002, Version 1.1 07.04.2015 Kurzanleitung PowerPoint 2010 Mit Folienmastern arbeiten Der Folienmaster ist die Vorlage für sämtliche Folien einer Präsentation. Er bestimmt das Design, die Farben, die
LEA-Comm. Bedienungsanleitung Softwareschnittstelle Easy800 und MFD
LEA-Comm Bedienungsanleitung Softwareschnittstelle Easy800 und MFD Version: 1.0 Stand: Juni 2003 Autor: L. Ochs / E. Burger Firma: Motron Steuersysteme GmbH (C) Alle Rechte vorbehalten MOTRON Steuersysteme
NODELOCKED LIZENZ generieren (ab ST4)
NODELOCKED LIZENZ generieren () Besuchen Sie folgende Webseite support.ugs.com/global/de ( ohne www oder http:// ) Klicken Sie auf Lizenz Verwaltung und dann auf aktuelle Lizenz 1 1. Geben Sie Ihren Webkey
Erstellen von x-y-diagrammen in OpenOffice.calc
Erstellen von x-y-diagrammen in OpenOffice.calc In dieser kleinen Anleitung geht es nur darum, aus einer bestehenden Tabelle ein x-y-diagramm zu erzeugen. D.h. es müssen in der Tabelle mindestens zwei
Anzeige von eingescannten Rechnungen
Anzeige von eingescannten Rechnungen Wenn Sie sich zu einer Eingangsrechnung die eingescannte Originalrechnung ansehen möchten, wählen Sie als ersten Schritt aus Ihrem Benutzermenü unter dem Kapitel Eingangsrechnung
Seitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen
Seitengestaltung mit HTML und CSS Stefan Rothe, Thomas Jampen 2013 09 12 Rechtliche Hinweise Dieses Werk von Stefan Rothe steht unter einer Attribution-NonCommercial-ShareAlike 3.0 License. Zudem verzichtet
Bedienung des Web-Portales der Sportbergbetriebe
Bedienung des Web-Portales der Sportbergbetriebe Allgemein Über dieses Web-Portal, können sich Tourismusbetriebe via Internet präsentieren, wobei jeder Betrieb seine Daten zu 100% selbst warten kann. Anfragen
Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.)
Seite 1/7 Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.) Hier sehen Sie eine Anleitung wie man einen Serienbrief erstellt. Die Anleitung
MdtTax Programm. Programm Dokumentation. Datenbank Schnittstelle. Das Hauptmenü. Die Bedienung des Programms geht über das Hauptmenü.
Programm Die Bedienung des Programms geht über das Hauptmenü. Datenbank Schnittstelle Die Datenbank wir über die Datenbank- Schnittstelle von Office angesprochen. Von Office 2000-2003 gab es die Datenbank
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Version 1.0 Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten In unserer Anleitung zeigen wir Dir, wie Du Blogbeiträge
JASSI Standard Tasks Version 1.5
JASSI Standard Tasks Version 1.5 Mit der aktuellen Version wurde die technische Struktur der JASSI-Tasks komplett neu überarbeitet. Die Änderungen verfolgen das Ziel, eine korrekte Darstellung von HTML-Mails
Dokumentation zur Versendung der Statistik Daten
Dokumentation zur Versendung der Statistik Daten Achtung: gem. 57a KFG 1967 (i.d.f. der 28. Novelle) ist es seit dem 01. August 2007 verpflichtend, die Statistikdaten zur statistischen Auswertung Quartalsmäßig
Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom 01.06.2015
Erstellen eines Beitrags auf der Homepage Einleitung... 3 01 Startseite aufrufen... 4 02 Anmeldedaten eingeben... 5 03 Anmelden... 6 04 Anmeldung erfolgreich... 7 05 Neuen Beitrag anlegen... 8 06 Titel
ASVZweb_08/ Schreibhilfe
ASVZweb_08/ Schreibhilfe Version 2 060908 David Trmal Die Schreibhilfe soll dich bei der Erstellung deiner Seiten unterstützen. Wir wollen nicht durch zahlreiche Regeln einschränken, sondern eine Wegleitung
Lehrer: Einschreibemethoden
Lehrer: Einschreibemethoden Einschreibemethoden Für die Einschreibung in Ihren Kurs gibt es unterschiedliche Methoden. Sie können die Schüler über die Liste eingeschriebene Nutzer Ihrem Kurs zuweisen oder
COMPUTERIA VOM 25.2.15 SERIENBRIEFE UND ETIKETTENDRUCK
COMPUTERIA VOM 25.2.15 SERIENBRIEFE UND ETIKETTENDRUCK WAS SIND SERIENBRIEFE? Bei einem Serienbrief handelt es sich um eine Art Word Vorlage, bei der das gleiche Dokument mehrmals gedruckt werden muss,
AGROPLUS Buchhaltung. Daten-Server und Sicherheitskopie. Version vom 21.10.2013b
AGROPLUS Buchhaltung Daten-Server und Sicherheitskopie Version vom 21.10.2013b 3a) Der Daten-Server Modus und der Tresor Der Daten-Server ist eine Betriebsart welche dem Nutzer eine grosse Flexibilität
Der eingegeben Text wird markiert und jetzt greifen wir auf unsere - ganz am Anfang definierten - H-Tags zu. Entnehmt bitte dem folgenden
Das Einfügen und Formatieren von Text- & Bildinhalten So, das Tutorial neigt sich dem Ende und ich bin vermutlich darüber ebenso froh, wie Ihr. ;-) Lasst es uns anpacken! Wir fügen eine Überschrift ein.
Webalizer HOWTO. Stand: 18.06.2012
Webalizer HOWTO Stand: 18.06.2012 Copyright 2003 by manitu. Alle Rechte vorbehalten. Alle verwendeten Bezeichnungen dienen lediglich der Kennzeichnung und können z.t. eingetragene Warenzeichen sein, ohne
Die Textvorlagen in Microsoft WORD und LibreOffice Writer
Die Textvorlagen in Microsoft WORD und LibreOffice Writer Liebe Teilnehmer(-innen) am Landeswettbewerb Deutsche Sprache und Literatur Baden- Württemberg, Diese Anleitung soll Ihnen helfen Ihren Wettbewerbsbeitrag
Internetauftritt von Lotta Karotta Anleitung zur Pflege. 2 Bearbeiten eines Menüpunktes am Beispiel Test
Internetauftritt von Lotta Karotta Anleitung zur Pflege 1 Einloggen Folgende Seite im Browser aufrufen: http://www.lotta-karotta.de/cms/redaxo/ Zum Einloggen in das CMS-System folgende Daten eingeben:
Einführung in. Logische Schaltungen
Einführung in Logische Schaltungen 1/7 Inhaltsverzeichnis 1. Einführung 1. Was sind logische Schaltungen 2. Grundlegende Elemente 3. Weitere Elemente 4. Beispiel einer logischen Schaltung 2. Notation von
7 Rechnen mit Polynomen
7 Rechnen mit Polynomen Zu Polynomfunktionen Satz. Zwei Polynomfunktionen und f : R R, x a n x n + a n 1 x n 1 + a 1 x + a 0 g : R R, x b n x n + b n 1 x n 1 + b 1 x + b 0 sind genau dann gleich, wenn
Java Webentwicklung (mit JSP)
Java Webentwicklung (mit JSP) SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 1 Inhalt 1 Zielsetzung... 1 2 Webprojekt mit Netbeans... 2 2.1 Webprojekt erstellen... 2 2.1.1 Neues Projekt... 2 2.2 Aufbau
Microsoft Access 2010 Navigationsformular (Musterlösung)
Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft Access 2010 Navigationsformular (Musterlösung) Musterlösung zum Navigationsformular (Access 2010) Seite 1 von 5 Inhaltsverzeichnis Vorbemerkung...
In diesem Thema lernen wir die Grundlagen der Datenbanken kennen und werden diese lernen einzusetzen. Access. Die Grundlagen der Datenbanken.
In diesem Thema lernen wir die Grundlagen der Datenbanken kennen und werden diese lernen einzusetzen. Access Die Grundlagen der Datenbanken kurspc15 Inhaltsverzeichnis Access... Fehler! Textmarke nicht
impact ordering Info Produktkonfigurator
impact ordering Info Copyright Copyright 2013 veenion GmbH Alle Rechte vorbehalten. Kein Teil der Dokumentation darf in irgendeiner Form ohne schriftliche Genehmigung der veenion GmbH reproduziert, verändert
Dokumentation IBIS Monitor
Dokumentation IBIS Monitor Seite 1 von 16 11.01.06 Inhaltsverzeichnis 1. Allgemein 2. Installation und Programm starten 3. Programmkonfiguration 4. Aufzeichnung 4.1 Aufzeichnung mitschneiden 4.1.1 Inhalt
Anwendertreffen 20./21. Juni
Anwendertreffen Verbindungsmittelachsen VBA Allgemein Die Verbindungsmittelachsen werden nun langsam erwachsen. Nach zwei Jahren Einführungszeit haben wir bereits viele Rückmeldungen mit Ergänzungswünschen
Arbeiten mit UMLed und Delphi
Arbeiten mit UMLed und Delphi Diese Anleitung soll zeigen, wie man Klassen mit dem UML ( Unified Modeling Language ) Editor UMLed erstellt, in Delphi exportiert und dort so einbindet, dass diese (bis auf
Hilfe Bearbeitung von Rahmenleistungsverzeichnissen
Hilfe Bearbeitung von Rahmenleistungsverzeichnissen Allgemeine Hinweise Inhaltsverzeichnis 1 Allgemeine Hinweise... 3 1.1 Grundlagen...3 1.2 Erstellen und Bearbeiten eines Rahmen-Leistungsverzeichnisses...
Leitfaden für den Import von Artikeln, Sicherheitsdatenblättern, Leistungserklärungen und CE-Kennzeichnungen
Leitfaden für den Import von Artikeln, Sicherheitsdatenblättern, Leistungserklärungen und CE-Kennzeichnungen Import von Artikeln Der Import von Artikeln erfolgt über gleichlautenden Button in der oberen
R ist freie Software und kann von der Website. www.r-project.org
R R ist freie Software und kann von der Website heruntergeladen werden. www.r-project.org Nach dem Herunterladen und der Installation von R kann man R durch Doppelklicken auf das R-Symbol starten. R wird
Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden?
Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden? Anforderung Durch die Bearbeitung einer XML-Datei können Sie Ihre eigenen Dokumentationen (z.b. PDF-Dateien, Microsoft Word Dokumente
Hilfedatei der Oden$-Börse Stand Juni 2014
Hilfedatei der Oden$-Börse Stand Juni 2014 Inhalt 1. Einleitung... 2 2. Die Anmeldung... 2 2.1 Die Erstregistrierung... 3 2.2 Die Mitgliedsnummer anfordern... 4 3. Die Funktionen für Nutzer... 5 3.1 Arbeiten
www.computeria-olten.ch Monatstreff für Menschen ab 50 WORD 2007 / 2010
www.computeria-olten.ch Monatstreff für Menschen ab 50 Merkblatt 86 WORD 2007 / 2010 Etiketten erstellen Umschläge/Couverts bedrucken Etiketten erstellen z.b. Namen-Etiketten / Adress-Etiketten Als Grundlage
Bilder und Dokumente in MediaWiki
Dieses Handout soll erklären, wie Sie Dokumente hochladen können. Der Begriff Dokumente bezieht sich hier auf Word-Dokumente (*.doc), Acrobat-Dokumente (*.pdf), Excel-Tabellen (*.xls), Audiodateien (*.mp3),
6. Benutzerdefinierte Zahlenformate
6. Benutzerdefinierte Zahlenformate Übungsbeispiel Neben den vordefinierten Zahlenformaten stehen Ihnen auch benutzerdefinierte Zahlenformate zur Verfügung. Diese sind wesentlich flexibler und leistungsfähiger,
Einführungskurs MOODLE Themen:
Einführungskurs MOODLE Themen: Grundlegende Einstellungen Teilnehmer in einen Kurs einschreiben Konfiguration der Arbeitsunterlagen Konfiguration der Lernaktivitäten Die Einstellungen für einen Kurs erreichst
1 topologisches Sortieren
Wolfgang Hönig / Andreas Ecke WS 09/0 topologisches Sortieren. Überblick. Solange noch Knoten vorhanden: a) Suche Knoten v, zu dem keine Kante führt (Falls nicht vorhanden keine topologische Sortierung
Kapitel 16 Seite 1. Mit Wikispaces eine Homepage erstellen. Die eigene Homepage mit Wikispaces. http://www.wikispaces.com
Kapitel 16 Seite 1 Die eigene Homepage mit Wikispaces Hinweise zum Einsatz von Wikis im Unterricht finden Sie im Buch: Mit Web 2.0 das Internet aktiv mitgestalten Wikis im Berufsalltag 32 Ein Wiki im beruflichen