Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen)
|
|
|
- Ingrid Weiss
- vor 8 Jahren
- Abrufe
Transkript
1 Wichtige Grundlagen Cascading Style Sheets, gestaltet dynamisch die HTML-Elemente (Boxen),Mit legen Sie Schriften und Farben einheitlich fest,über das Box-Modell layouten Sie die Seite,Navigation und Effekte bilden Sie einfach mit CASCADING STYLE SHEETS Seiten gestalten mit Mit dem Einsatz von Cascading Style Sheets () beim Aufbau Ihrer Homepage machen Sie die Trennung von Layout und Inhalt der Webseite perfekt und ersparen sich das Layouten mit HTML-Tabellen. CHIP zeigt Ihnen anhand unserer Beispielseiten, wie Sie optimal vorgehen. Die wichtigsten HTML-Elemente haben Sie im vorigen Beitrag kennen gelernt. Wie Sie diesen Elementen ein attraktives Aussehen geben und damit quasi als Nebeneffekt Ihre Homepage barrierefrei machen, erfahren Sie auf den folgenden fünf Seiten. Das ist Cascading Style Sheets () sind eine Sprache zur Gestaltung von HTML-Ele- Alle hier vorgestellten -Programme finden Sie auf der Heft-CD in der Oberrubrik hhtml. menten. Die Gestaltungsmöglichkeiten von lassen sich ganz grob in zwei Gruppen aufteilen: k Schriften und Farben definieren k HTML-Elemente richtig positionieren (layouten) Das Gestalten von Schriften und Farben per macht HTML-Elemente wie <font> überflüssig und durch das Positionieren erübrigt sich das Layouten mit HTML-Tabellen. HTML und Am effektivsten bei der Arbeit mit ist es, die Cascading Style Sheets getrennt vom HTML in eine eigene Datei zu schreiben: k Legen Sie mit Ihrem Lieblingseditor eine neue Datei an. k Speichern Sie die Datei als chip.css im selben Ordner wie die Beispielseiten. In diese Datei schreiben Sie die im Artikel vorgestellten -Befehle. Aber zunächst müssen Sie den HTML-Seiten noch mitteilen, dass es die -Datei gibt. Dazu ergänzen Sie beide Seiten um die fett gedruckte Zeile: <head> <meta http-equiv="contenttype" content="text/html; charset=iso " /> Illustration: V.Hildebrand 40 CHIP SOFTWARE HOMEPAGE
2 <title>startseite - CHIP "Homepage bauen"</title> <link href="chip.css" rel="stylesheet" type="text/css" /> </head> Und das bewirken diese Zeilen: k href gibt den Pfad zur Datei an. k rel ist kurz für Relation (Beziehung). rel="stylesheet" heißt nichts anderes als Das ist ein StyleSheet. k type teilt dem Browser mit, dass chip.css eine in geschriebene Textdatei ist, etwa in der Art: Typ Textdatei, genauer gesagt Cascading Style Sheet. Die -Regeln in chip.css gelten grundsätzlich für alle HTML-Dateien, die damit verknüpft sind. Einstellungen für die Seite Alles zwischen <body> und </body> erscheint im Browserfenster. Die Einstellungen für das HTML-Element body gelten also für die gesamte sichtbare Webseite. Um die Hintergrundfarbe und die Schrifteinstellungen zu definieren, geben Sie die folgenden Zeilen in die noch leere Datei chip.css ein: body { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; Speichern Sie die Datei und betrachten Sie dann die Webseiten index.html und kontakt.html im Browser. Sie sehen nun sofort, dass sich beide Seiten geändert haben. Die Syntax einer -Regel Schauen Sie sich nun die -Regel etwas genauer an: k Jede -Regel beginnt mit einem Selektor, in diesem Fall body. Der Selektor legt fest, welcher Teil einer Webseite gestaltet werden soll, und ist im einfachsten Fall der Name des zu gestaltenden HTML-Elements. k Danach folgen zwischen geschweiften Klammern die gewünschten Formatierungen nach dem Schema -Eigen- schaft Doppelpunkt gewünschter Wert Semikolon. Die Zeilenumbrüche vor und nach den Klammern sind nicht zwingend erforderlich, machen die ganze Angelegenheit aber übersichtlicher. In unserem Beispiel gestalten Sie vier Eigenschaften von body : k color definiert die Textfarbe und background-color die Hintergrundfarbe. Die sollten Sie grundsätzlich zusammen definieren, damit sich nicht durch seltsame Zufälle problematische Kombinationen wie weiße Schrift auf weißem Grund ergeben. k font-family ist die Schriftart. Da Sie als Autor des Style Sheets nicht wissen können, welche Schriftarten der Browser des Betrachters zur Verfügung hat, äußern Sie an dieser Stelle mehrere Wünsche, jeweils durch Komma getrennt. k font-size gibt die Schriftgröße an. Über die beste Methode zur Definition der Schriftgröße gibt es im Web intensive Diskussionen; für den Anfang ist small eine gute Ausgangsposition. Die Einrückungen, Zeilenumbrüche und die Leerstellen nach dem Doppelpunkt zwischen -Eigenschaft und Wert sind optional und dienen lediglich der Übersichtlichkeit. Größe der Überschriften In gilt das Vererbungsprinzip: Alle in body enthaltenen HTML-Elemente erben die Formatierungen von body, sofern nichts anderes definiert wurde. So verändern sich alle Elemente auf beiden Beispielseiten, mit Ausnahme der Schriftgröße für die Überschriften. Viele Browser stellen Überschriften grundsätzlich größer dar als normalen Text und da wir bis jetzt für die Überschriften nichts festgelegt haben, entscheidet der Browser. Die folgenden beiden -Regeln ändern die Schriftgröße für die Überschriften: h1 { font-size: 150%; h2 { font-size: 130%; 150% bedeutet: Die Headline wird 1,5-mal so groß wie die normale Schriftgröße. Die Angabe in Prozent bewirkt, dass die Relationen zwischen Text und Überschriften erhalten bleiben, wenn Sie einmal die grundlegende Schriftgröße für body ändern. Vorsicht: Fügen Sie in der -Datei vor der Maßeinheit keine Leerstelle ein. Denn beim Schreiben von -Regeln ist das Einfügen einer Leerstelle zwischen einer Zahl und einer Maßeinheit bei Anfängern ein häufiger Fehler. Grundsätzlich gilt: Die Einheit steht direkt hinter der Zahl ohne Leerstelle: Es heißt also 130% und nicht 130 %. Die Adresse gestalten Um die Adresse unten auf der Seite zu gestalten, nehmen Sie als Selektor address und geben die gewünschten Formatierungen an, zum Beispiel so: address { font-size: 80%; /* kleiner als in body definiert */ font-style: normal; /* normale Schrift, nicht kursiv */ letter-spacing: 2px; /* Abstände zwischen den Buchstaben */ padding-top: 10px; border-top: 1px solid #003399; margin-top: 20px; Das sieht nun schon ganz anders aus. Die drei letzten Zeilen regeln übrigens k Verschachtelte Boxen: So sehen die HTML- Elemente im Kopfbereich der Beispielseite schematisch dargestellt aus. CHIP SOFTWARE HOMEPAGE 41
3 die Abstände der address-kiste nach oben (siehe Kasten Das Box-Modell unten): k padding-top ist der Abstand zwischen dem Text und der Rahmenlinie. k border-top erzeugt eine Rahmenlinie oben: 1 Pixel dick, durchgezogen (solid) und dunkelblau. k margin-top regelt den Abstand oberhalb der Linie bis zum Text darüber. Tipp: Beim Erlernen von fremden Sprachen ist der Mangel an Vokabeln anfänglich das größte Problem. Gut, dass es im Web ein sehr empfehlenswertes Nachschlagewerk für gibt. 4You ist Wörterbuch, Grammatikreferenz und Sprachkurs in einem. Sie finden es unter der Adresse Farben für den Kopfbereich Die HTML-Elemente im Kopfbereich haben wir schematisch als verschachtelte Kisten in der Abbildung auf s41 dargestellt. Diese Abbildung hilft beim Verstehen der folgenden -Regeln, insbesondere der verschachtelten Selektoren. Kopfbereich auswählen und dunkelblau einfärben: Der Kopfbereich der Websei- KNOW-HOW ten besteht aus allem zwischen <div id="kopf "> und </div>. Dieser Bereich soll den dunklen Blauton aus dem CHIP-Logo bekommen: #kopf { /* Schriftfarbe background-color: #003399; /* Hintergrundfarbe dunkelblau */ Der Selektor #kopf bedeutet ganz einfach: Gestalte das HTML-Element <div id="kopf ">. Nur die Elemente im Kopfbereich verschachteln: Als Nächstes soll der Absatz Prall gefüllt fett gedruckt werden. Um nur diesen Absatz zu gestalten, müssen Sie zwei Selektoren verschachteln, denn der Selektor p allein würde für alle Absätze auf den Webseiten gelten: #kopf p { font-weight: bold; /* Absatz in #kopf fett (bold) darstellen */ Der Selektor #kopf Leerstelle p bedeutet so viel wie alle p-kisten im Bereich #kopf. Die Absätze im Inhaltsbereich bleiben unverändert. Das Box-Modell: HTML und verstehen Jedes HTML-Element lässt sich als rechteckige Kiste interpretieren als Box und alle Boxen haben den gleichen Aufbau: width, padding, border und margin. Der Inhaltsbereich (width): Jedes Element hat eine Breite (width). Wenn width nicht definiert wurde, ist die Box bei Block-Elementen so breit, wie es geht, und bei Inline- Elementen nur so breit, wie sie sein muss, also wie der Inhalt des Elementes. Der Innenabstand (padding): Zwischen Inhalt und Rahmen liegt der Innenabstand (padding). padding übernimmt die Hintergrundfarbe des Inhaltsbereichs. Der Rahmen (border): Um das padding legt sich der Rahmen (border), der für alle vier Seiten eine unterschiedliche Breite (width), Farbe (color) und Styling (durchgezogen, gestrichelt, gepunktet etc.) haben kann. Der Außenabstand (margin): Jeder Kasten hat noch einen Außenabstand (margin), der die Hintergrundfarbe des umgebenden Elements übernimmt. Das Box-Modell dient zur Gestaltung der Abstände in und zwischen den rechteckigen Kästchen einer Webseite und ist extrem vielseitig. Je besser Sie dieses Modell verstehen, desto größer sind Ihre Chancen, ein gewünschtes -Layout zu verwirklichen. Wer genau hinschaut, entdeckt auf der Beispielseite einen blauen (oder lila) Rahmen um das Logo. Das kommt daher, dass die Logo-Grafik ein Link ist und Links unterstreicht der Browser blau oder lila. Mit der folgenden -Regel entfernen Sie den Rahmen: a img { border: 0; /* kein Rahmen, wenn ein Bild ein Hyperlink ist */ a img bedeutet so viel wie alle img- Kisten, die in einer a-kiste sitzen oder, anders ausgedrückt, alle Grafiken, die ein Hyperlink sind. Falls Ihnen das nicht einleuchtet, sehen Sie sich noch einmal die schematische Darstellung der HTML- Elemente im Kopfbereich an (siehe Abbildung auf s41). Die Navigation einrichten Mit der -Regel #navi gestalten Sie die Navigation auf Ihrer Homepage. Dabei handelt es sich um eine ungeordnete Liste ul mit dem Attribut id="navi". Auf unserer Beispielseite enthält diese ungeordnete Liste zwei Listenpunkte, in denen jeweils ein Hyperlink sitzt. Die folgende -Regel gestaltet diese Liste farbig und blendet die Aufzählungszeichen ( list-style ) aus: /* Schriftfarbe background-color: #004477; /* dunkelblau von chip.de */ list-style: none; /* Aufzählungszeichen ausstellen */ Die Abbildung auf s43 oben zeigt das aktuelle Aussehen der Startseite (links im Internet Explorer, rechts in Firefox): Dabei fallen drei Probleme ins Auge: 1. Internet Explorer und Firefox rücken die Navigation unterschiedlich ein. 2. Der Text in der Navigationsleiste ist nicht weiß und kaum lesbar. 3. Zwischen Kopfbereich und Navigation befindet sich ein unerwünschter Abstand. Navigation angleichen über padding und margin : Die Browser interpretieren padding und margin recht unterschiedlich, besonders bei Listen. Um die Navigation in allen Browsern gleich aussehen zu lassen, definieren Sie padding 42 CHIP SOFTWARE HOMEPAGE
4 und margin selbst und überstimmen damit die Browser: background-color: #004477; list-style: none; padding: 20px; Die Textfarbe der Navigation ändern: Dass der Text in der Navigationsleiste kaum lesbar ist, liegt daran, dass er zwischen <a> und </a> steht und deshalb als Link blau oder lila koloriert ist. Um die Links in der Navigation weiß zu machen, benutzen Sie wieder verschachtelte Selektoren. Die folgende -Regel färbt die Links weiß, entfernt die Unterstreichung ( text-decoration ) und gibt den a-kisten vier Pixel Innenabstand: #navi a { text-decoration: none; /* Unterstreichung entfernen */ padding: 4px; Den Abstand nach oben entfernen: Der unerwünschte Abstand zwischen Kopfbereich und Navigation könnte verschiedene Ursachen haben, ist aber letztendlich auf das p im Kopfbereich zurückzuführen. Denn HTML-Absätze bekommen vom Browser einen Abstand davor und danach verpasst. Diesen Abstand können Sie mit leicht verändern. Ergänzen Sie den bereits definierten Selektor #kopf p (siehe s42) so: #kopf p { font-weight: bold; float und margin Weiter geht es mit der Positionierung des Kopf- und des Navigationsbereichs. Der HTML-Befehl <font> zur Schriftgestaltung wird durch überflüssig, aber wie sieht es mit den Tabellen zum Layouten aus? Zur Positionierung verschiedener Bereiche mithilfe von nutzen Sie float und margin. Text im Kopfbereich neben das Logo setzen: Die folgende Regel platziert den Text im Kopfbereich neben das Logo: Noch nicht perfekt: Zwei Browser, zwei Darstellungen Internet Explorer (links) und Firefox (rechts) rücken die Navigation unterschiedlich ein. #kopf img { float: left; /* schwebe nach width: 206px; /* float immer mit Angabe von width */ margin-right: 20px; /* Abstand zum Text daneben */ Durch float wird die Grafik bildlich gesprochen minimal hochgehoben, so dass sie über der Seite schwebt. Der Inhaltsbereich der nachfolgenden Elemente kann dadurch nach oben und neben die Grafik rutschen. Allerdings gilt das auch für die Navigation, die nun zum Teil neben dem Logo sitzt. Eine einfache Lösung dieses Problems besteht darin, dem Kopfbereich eine feste Höhe zuzuweisen. Ergänzen Sie dazu den Selektor #kopf folgendermaßen: #kopf { /* Schriftfarbe background-color: #003399; /* Hintergrundfarbe dunkelblau */ height: 100px; /* feste Höhe 100px, wie das CHIP Logo */ Nun sitzt die Navigation wieder unterhalb des Kopfbereichs. Navigation an den linken Rand setzen: Die Navigation positionieren Sie ebenfalls mit float. Ergänzen Sie dazu den bereits definierten Selektor #navi (links oben auf dieser Seite) wie folgt: float: left; /* schwebe unter den Kopfbereich und nach links */ width: 145px; /* Feste Breite von 145 Pixeln */ height: 100%; /* Navigationsleiste bis ganz nach unten */ background-color: #004477; list-style: none; padding: 20px; Die Gesamtbreite eines Elements ist übrigens nicht identisch mit width (siehe Kasten Box-Modell auf s42): k #navi hat eine width von 145px, aber für die Gesamtbreite müssen Sie padding, border und margin addieren. k #navi hat links und rechts jeweils 20 Pixel padding, ergibt also eine Gesamtbreite von 185px. Man muss manchmal wirklich rechnen, bis alles passt. Falls Sie das Procedere verwirrend finden, trösten Sie sich: Der Internet Explorer kriegt das auch nicht immer richtig hin. Nebenbei bemerkt: Die Angabe von height:100% hat nicht funktioniert, denn die Navigationsleiste reicht noch nicht bis an den unteren Rand des Browserfensters. Navigation und Inhalt nebeneinander setzen: Bei der Positionierung der Navigation müssen Sie nun noch zwei Änderungen vornehmen: k Der Inhaltsbereich muss rechts neben der Navigation stehen. k Die Navigationsleiste soll bis an das Ende des Browserfensters reichen. Um den Inhalt rechts neben der Navigation zu platzieren, definieren Sie für #inhalt einfach einen großen linken Außenabstand ( margin-left ): #inhalt { margin-left: 200px; /* Gesamtbreite #navi: 185px */ Nun korrigieren Sie noch die Höhe der Navigationsleiste und dann sieht das Ganze schon beinahe aus wie eine richtige Webseite. Höhe der Navigationsleiste festlegen: Die Höhe von #navi ist definiert mit k CHIP SOFTWARE HOMEPAGE 43
5 height: 100%. In bedeutet das so viel wie Genauso groß wie das umgebende Element und das ist body. Die Browser berechnen die Navigationsleiste daraufhin folgendermaßen: k Die Höhe von body ist noch nicht definiert worden. k Also ist die Höhe der Navigationsleiste 100% von nicht definiert und das ergibt zu 100% nicht definiert. Um das Problem zu lösen, geben Sie body und dem Stammelement html, das zwar unsichtbar, aber doch vorhanden ist, ebenfalls eine Höhe von 100%: html, body { height: 100%; Nun reicht die Navigationsleiste bis an das untere Ende des Browserfensters. Mehrere Selektoren durch Kommas trennen: Beachten Sie das Komma zwischen html und body. Wenn es gesetzt ist, bezieht der Browser diese Regel auf beide Selektoren. Rollover-Effekte einbauen Im nächsten Schritt gestalten Sie die Navigationsliste und die Links darin. Zunächst verschaffen Sie den Listenpunkten ein wenig Luft: #navi li { padding: 2px; margin: 2px; Und jetzt kommt der Rollover-Effekt: Wenn der Mauszeiger über einem Link schwebt heißt bei a:hover (ohne Leerstellen beim Doppelpunkt): #navi a:hover { color: black; #de0029; /* rote Rahmenlinie Das sieht schon gut aus, ist aber noch nicht perfekt. Denn erstens verrutschen die Links beim Hovern und zweitens sind sie alle unterschiedlich lang: k Die Links verrutschen, weil links die 5px breite rote Rahmenlinie erst beim Hovern eingefügt wird. Wenn die normalen Hyperlinks ebenfalls diese 5px bekommen, ist das Problem gelöst. k Die unterschiedliche Länge der Links Endergebnis: So sehen die beiden Beispielseiten nach ihrer Gestaltung mit Cascading Style Sheets () aus in guter Optik und nicht zuletzt barrierefrei. liegt daran, dass a ein Inline-Element ist und daher nur so breit wird wie der Text, der darin enthalten ist. Sie lösen das Problem, indem Sie a zum Block-Element befördern, so dass es so breit wird wie das umgebende li -Element. Fügen Sie dem bereits vorhandenen Selektor #navi a die beiden fett gedruckten Zeilen hinzu: #navi a { display: block; /* mache Link zum Block-Element */ text-decoration: none; padding: 4px; #004477; /* dunkelblauer Rahmen Nun funktioniert der Rollover-Effekt auch ohne optische Störungen. Navigationspunkt zeigen Zum Abschluss bauen Sie ein kleines optisches Highlight in Ihre Homepage ein: Mit einem kleinen -Trick heben Sie den aktuellen Navigationspunkt hervor, so dass jedem Besucher sofort klar ist, in welchem Bereich Ihrer Website er sich gerade befindet. Dazu ändern Sie den HTML-Quelltext ein wenig und fügen zwei verschachtelte Selektoren hinzu. Vorbereitungen im HTML: Im Quelltext geben Sie zunächst dem <body> -Tag auf den beiden Beispielseiten eine zusätzliche ID: <body id="startseite"> bzw. <body id="kontakt">. Nun weisen Sie den Navigationslinks ebenfalls eine eindeutige ID zu: <ul id="navi"> <li><a id="nav-startseite" href="index.html">startseite</a> </li> <li><a id="nav-kontakt" href="kontakt.html">kontakt</a>< /li> </ul> Diese Änderungen müssen Sie auf beiden Webseiten vornehmen. Zwei -Selektoren hinzufügen: Suchen Sie im den Selektor #navi a:hover und fügen Sie die beiden fett gedruckten Selektoren hinzu: #startseite #nav-startseite, #kontakt #nav-kontakt, #navi a:hover { color: black; #de0029; Der Trick dabei: Den ersten Selektor gibt es nur auf der Startseite, den zweiten nur auf der Kontaktseite. Die beiden Abbildungen oben zeigen Ihnen, wie die Beispielseiten nun aussehen. Peter Müller Peter Müller, Dozent und Autor, beschäftigt sich bereits seit 1995 mit dem Web und schrieb im Laufe der Jahre einige erfolgreiche Bücher rund um das Thema Webpublishing. Voraussichtlich im April 2006 erscheint Little Boxes Webseiten gestalten mit. Grundlagen. Darin vertieft Müller die Themen seiner in diesem Heft erschienenen Artikel und vermittelt das notwendige Wissen zur Gestaltung von modernen, standardkonformen Webseiten mit lebendig und klar. Im Internet finden Sie Peter Müller unter der Adresse tekten.de. 44 CHIP SOFTWARE HOMEPAGE
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
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
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
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
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
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,
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
Kapitel 3 Frames Seite 1
Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den
In dieser Anleitung wird beschrieben, wie Sie eine HTML-Seite in Macromedia Dreamweaver mit blinden Tabellen strukturieren können.
Eine HTML-Seite mit blinden Tabellen strukturieren In dieser Anleitung wird beschrieben, wie Sie eine HTML-Seite in Macromedia Dreamweaver mit blinden Tabellen strukturieren können. Legen Sie in ihrem
Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.
In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website
Anwendungsbeispiele. Neuerungen in den E-Mails. Webling ist ein Produkt der Firma:
Anwendungsbeispiele Neuerungen in den E-Mails Webling ist ein Produkt der Firma: Inhaltsverzeichnis 1 Neuerungen in den E- Mails 2 Was gibt es neues? 3 E- Mail Designs 4 Bilder in E- Mails einfügen 1 Neuerungen
Erzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
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
Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T
Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T Inhaltsverzeichnis Technische Grundlagen S. 2 Grundsätzliches S. 2 Typographie und Farbgebung S. 3-4 Das Logo S. 5 Text S. 5 Die
Microsoft Access 2013 Navigationsformular (Musterlösung)
Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft Access 2013 Navigationsformular (Musterlösung) Musterlösung zum Navigationsformular (Access 2013) Seite 1 von 5 Inhaltsverzeichnis Vorbemerkung...
mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank
mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank In den ersten beiden Abschnitten (rbanken1.pdf und rbanken2.pdf) haben wir uns mit am Ende mysql beschäftigt und kennengelernt, wie man
Outlook Erstellen einer E-Mail aus einer HTML - Vorlage INHALT
Outlook Erstellen einer E-Mail aus einer HTML - Vorlage INHALT LADEN DER VORLAGE 2 Öffnen Sie Outlook 2 Klicken Sie auf EXTRAS >> OPTIONEN 2 Im Optionenfeld von Outlook folgend Sie den Schritten 2 Fenster
Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org
Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung
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
Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken.
2. SEITE ERSTELLEN 2.1 Seite hinzufügen Klicken Sie in der Navigationsleiste mit der rechten Maustaste auf das Symbol vor dem Seitentitel. Es öffnet sich ein neues Kontextmenü. Wenn Sie nun in diesem Kontextmenü
ANLEITUNG ZUR TEXTGESTALTUNG IN WORD 2003
ANLEITUNG ZUR TEXTGESTALTUNG IN WORD 2003 Word ist zunächst ein reines Textverarbeitungsprogramm. Allerdings lassen sich hier Vorträge genauso mit Gliederung und Querverweisen sowie Textquellen, Clips
Seite 1. Datum einfügen
Seite 1 Den Text zu schreiben ist einerseits Abhängig von der DIN 5008, an die man sich halten sollte. Andererseits sind Schriftart und Aussehen durch die schnell erkennbaren Symbole leicht zu gestalten.
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
Barrierefreie Webseiten erstellen mit TYPO3
Barrierefreie Webseiten erstellen mit TYPO3 Alternativtexte Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. Dies gilt insbesondere für Bilder. In der Liste der HTML 4-Attribute
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
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle)
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle) Author: Bernd Alexander K. W. Köhler http://www.pixel-cms.de email:
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
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
Wir lernen PowerPoint - Grundkurs Grußkarten erstellen
Wir lernen PowerPoint - Grundkurs Grußkarten erstellen Inhalt der Anleitung Seite 1. Geburtstagskarte erstellen 2 6 2. Einladung erstellen 7 1 1. Geburtstagskarte erstellen a) Wir öffnen PowerPoint und
Einführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
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:
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
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
Bedienungsanleitung. Content-Management-System GORILLA
Bedienungsanleitung Content-Management-System GORILLA Einloggen Öffnen Sie die Seite http://login.rasch-network.com Es öffnet sich folgendes Fenster. Zum Anmelden verwenden Sie die Benutzerdaten, die wir
Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz
Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz Diese Anleitung soll als Kurzreferenz und Schnellanleitung dienen um einfach und schnell Berichte auf der Homepage www.dav-koblenz.de
Was man mit dem Computer alles machen kann
Was man mit dem Computer alles machen kann Wie komme ich ins Internet? Wenn Sie einen Computer zu Hause haben. Wenn Sie das Internet benutzen möchten, dann brauchen Sie ein eigenes Programm dafür. Dieses
Frames oder Rahmen im Browserfenster
In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.
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
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
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
STANDORT SOEST FACHBEREICH AGRARWIRTSCHAFT. Arbeiten mit Word Erstellung einer Formatvorlage
STANDORT SOEST FACHBEREICH AGRARWIRTSCHAFT Arbeiten mit Word Erstellung einer Formatvorlage Datum: März 2015 Betreuer/in: B. Sc. Lena Reisner Dipl.-Ing agr. Sibylle Henter Inhalt Einleitung... 1 Anlegen
Beispiel Shop-Eintrag Ladenlokal & Online-Shop im Verzeichnis www.wir-lieben-shops.de 1
Beispiel Shop-Eintrag Ladenlokal & Online-Shop. Als Händler haben Sie beim Shop-Verzeichnis wir-lieben-shops.de die Möglichkeit einen oder mehrere Shop- Einträge zu erstellen. Es gibt 3 verschiedene Typen
Kleines Handbuch zur Fotogalerie der Pixel AG
1 1. Anmelden an der Galerie Um mit der Galerie arbeiten zu können muss man sich zuerst anmelden. Aufrufen der Galerie entweder über die Homepage (www.pixel-ag-bottwartal.de) oder über den direkten Link
EINFACHES HAUSHALT- KASSABUCH
EINFACHES HAUSHALT- KASSABUCH Arbeiten mit Excel Wir erstellen ein einfaches Kassabuch zur Führung einer Haushalts- oder Portokasse Roland Liebing, im November 2012 Eine einfache Haushalt-Buchhaltung (Kassabuch)
11 Tabellen als Inhaltselement (ohne RichTextEditor)
11 Tabellen als Inhaltselement (ohne RichTextEditor) Inhaltsverzeichnis 11 Tabellen als Inhaltselement (ohne RichTextEditor) 1 Vorbemerkung.......................................... 1 11.1 Eine einfache
Dokumentation von Ük Modul 302
Dokumentation von Ük Modul 302 Von Nicolas Kull Seite 1/ Inhaltsverzeichnis Dokumentation von Ük Modul 302... 1 Inhaltsverzeichnis... 2 Abbildungsverzeichnis... 3 Typographie (Layout)... 4 Schrift... 4
Guide DynDNS und Portforwarding
Guide DynDNS und Portforwarding Allgemein Um Geräte im lokalen Netzwerk von überall aus über das Internet erreichen zu können, kommt man um die Themen Dynamik DNS (kurz DynDNS) und Portweiterleitung(auch
Einfügen von Bildern innerhalb eines Beitrages
Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de
Primarschule Birmensdorf PIA Anleitungen Word. Bevor du mit Schreiben beginnen kannst, musst du dein Word- Dokument einrichten.
Word einrichten Bevor du mit Schreiben beginnen kannst, musst du dein Word- Dokument einrichten. Starte ein Word Dokument, indem du auf das blaue W drückst. Wähle Ansicht 1, gehe zu Symbolleiste 2 und
3. GLIEDERUNG. Aufgabe:
3. GLIEDERUNG Aufgabe: In der Praxis ist es für einen Ausdruck, der nicht alle Detaildaten enthält, häufig notwendig, Zeilen oder Spalten einer Tabelle auszublenden. Auch eine übersichtlichere Darstellung
geben. Die Wahrscheinlichkeit von 100% ist hier demnach nur der Gehen wir einmal davon aus, dass die von uns angenommenen
geben. Die Wahrscheinlichkeit von 100% ist hier demnach nur der Vollständigkeit halber aufgeführt. Gehen wir einmal davon aus, dass die von uns angenommenen 70% im Beispiel exakt berechnet sind. Was würde
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
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG Um mit IOS2000/DIALOG arbeiten zu können, benötigen Sie einen Webbrowser. Zurzeit unterstützen wir ausschließlich
Tutorial: Entlohnungsberechnung erstellen mit LibreOffice Calc 3.5
Tutorial: Entlohnungsberechnung erstellen mit LibreOffice Calc 3.5 In diesem Tutorial will ich Ihnen zeigen, wie man mit LibreOffice Calc 3.5 eine einfache Entlohnungsberechnung erstellt, wobei eine automatische
Fusszeile mit Datumsfeld und Dateiname
Fusszeile mit Datumsfeld und Dateiname Für innerbetriebliche Rundschreiben kann es nützlich sein, in der Fusszeile den Namen der Autorin bzw. des Autors und das Datum mit der Uhrzeit als Feld einzufügen.
Registrierung am Elterninformationssysytem: ClaXss Infoline
elektronisches ElternInformationsSystem (EIS) Klicken Sie auf das Logo oder geben Sie in Ihrem Browser folgende Adresse ein: https://kommunalersprien.schule-eltern.info/infoline/claxss Diese Anleitung
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 1.0-09.07.2015 1
1.1 Ändern der Formatvorlagen
Löschen einer Absatzmarke Angenommen zwei aufeinander folgende Absätze haben verschiedene Formatvorlagen und Sie löschen die Absatzmarke des ersten Absatzes, dann erhält der neue grosse Gesamtabsatz die
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...
... ... Sicherheitseinstellungen... 2 Pop-up-Fenster erlauben... 3
Browsereinstellungen Um die Know How! Lernprogramm nutzen zu können, sind bei Bedarf unterschiedliche Einstellungen in Ihren Browsern nötig. Im Folgenden finden Sie die Beschreibung für unterschiedliche
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
1 Einleitung. Lernziele. das Drucklayout einer Tabelle mit der Seitenansicht kontrollieren
1 Einleitung Lernziele das Drucklayout einer Tabelle mit der Seitenansicht kontrollieren mit dem Register Seitenlayout das Drucklayout einer Tabelle ändern Kopf- und Fußzeilen schnell einfügen Lerndauer
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
Dossier: Rechnungen und Lieferscheine in Word
www.sekretaerinnen-service.de Dossier: Rechnungen und Lieferscheine in Word Es muss nicht immer Excel sein Wenn Sie eine Vorlage für eine Rechnung oder einen Lieferschein erstellen möchten, brauchen Sie
Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.
Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,
Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
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
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
Nach der Anmeldung im Backend Bereich landen Sie im Kontrollzentrum, welches so aussieht:
Beiträge erstellen in Joomla Nach der Anmeldung im Backend Bereich landen Sie im Kontrollzentrum, welches so aussieht: Abbildung 1 - Kontrollzentrum Von hier aus kann man zu verschiedene Einstellungen
Comic Life 2.x. Fortbildung zum Mediencurriculum
Comic Life 2.x Fortbildung zum Mediencurriculum - 1 - Comic Life Eine kurze Einführung in die Bedienung von Comic Life 2.x. - 2 - Starten von Comic Life Bitte starte das Programm Comic Life. Es befindet
Primzahlen und RSA-Verschlüsselung
Primzahlen und RSA-Verschlüsselung Michael Fütterer und Jonathan Zachhuber 1 Einiges zu Primzahlen Ein paar Definitionen: Wir bezeichnen mit Z die Menge der positiven und negativen ganzen Zahlen, also
Die Dateiablage Der Weg zur Dateiablage
Die Dateiablage In Ihrem Privatbereich haben Sie die Möglichkeit, Dateien verschiedener Formate abzulegen, zu sortieren, zu archivieren und in andere Dateiablagen der Plattform zu kopieren. In den Gruppen
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
Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
http://bitschmiede.com post@bitschmiede.com Drucken von Webseiten Eine Anleitung, Version 1.0
http://bitschmiede.com post@bitschmiede.com Drucken von Webseiten Eine Anleitung, Version 1.0 Drucken von Webseiten Autor: Christian Heisch Technischer Verantwortlicher für die Webseitenumsetzung bei
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
Webseite einfügen und bearbeiten
Webseite einfügen und bearbeiten Aufruf: Webseiten > Menu & Seiten > Webseite bearbeiten oder über Webseiten > neue Seite einfügen neue Seite einfügen Seitenvorlage auswählen Es stehen verschiedene Seitenvorlagen
Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.
1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist
Ein PDF erstellen. aus Adobe InDesign CC. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen
aus Adobe InDesign CC Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de Über Datei >
Als Lehrende/r oder Mitwirkende/r einer Veranstaltung können Sie das Wiki unter dem Funktionsreiter + aktivieren und deaktivieren.
WikiWikiWeb Das automatisch in einer Veranstaltung aktivierte Modul/Plugin Wiki-Web ist eine Variante eines Wiki (hawaiisch für schnell ), in dem es den TeilnehmerInnen möglich ist, direkt in der angewählten
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
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
.htaccess HOWTO. zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage
.htaccess HOWTO zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage Stand: 21.06.2015 Inhaltsverzeichnis 1. Vorwort...3 2. Verwendung...4 2.1 Allgemeines...4 2.1 Das Aussehen der.htaccess
Anleitungen zum Einfügen eines Partnerlinks in Ihre Website
www.satnam.de Anleitungen zum Einfügen eines Partnerlinks in Ihre Website A. Mittels eines Content-Management-Systems (CMS) oder Weblogs Seiten 2-6 B. Mittels eines Homepagebaukastens, z.b. von 1&1 Seiten
Erklärung zum Internet-Bestellschein
Erklärung zum Internet-Bestellschein Herzlich Willkommen bei Modellbahnbau Reinhardt. Auf den nächsten Seiten wird Ihnen mit hilfreichen Bildern erklärt, wie Sie den Internet-Bestellschein ausfüllen und
Einstellungen in MS-Word - Schnellzugriffsleiste -
- Schnellzugriffsleiste - Anpassen der Schnellzugriffsleiste Zusätzlich zum Menüband (Multifunktionsleiste) existiert eine Schnellzugriffsleiste die man sich selbst konfigurieren kann Schaltfläche "Office"
TABELLEN-ÜBUNGEN. Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm. Überschrift 1. Textausrichtung in großen Tabellenzellen
Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm Textausrichtung in großen Tabellenzellen Überschrift 1 links - oben zentriert - oben rechts - oben links - zentriert zentriert
1. Trennlinie mit hr Eine dünne Trennlinie wie die obige in der Regio-Farbe (gelb) kann man recht einfach erstellen. Dafür reicht der Befehl
Bilder bearbeiten In diesem Artikel geht es um Bilder im Backoffice, Bildformate, Trennlinien, Rahmen, das Ändern von Bildunterschriften, ein Grafik-Programm und einiges mehr in Sachen Grafik. Hierzu diese
LinguLab GmbH. Bedienungsanleitung Allgemeine Definition
LinguLab GmbH Bedienungsanleitung Allgemeine Definition LinguLab GmbH T: +49.711.49030.370 Maybachstr. 50 F: +49.711.49030.22.370 70469 Stuttgart E: mba@lingulab.de I: www.lingulab.de Inhaltsverzeichnis
Das TYPOlight CSS-Framework
Das TYPOlight CSS-Framework Aufgaben eines CSS-Frameworks CSS-Reset Vereinheitlichung der Darstellung in allen Browsern Zurücksetzen der proprietären Abstände und Formatierungen Cross-Browser-Formatierung
DAUERHAFTE ÄNDERUNG VON SCHRIFTART, SCHRIFTGRÖßE
DAUERHAFTE ÄNDERUNG VON SCHRIFTART, SCHRIFTGRÖßE UND ZEILENABSTAND Word 2010 und 2007 Jedes neue leere Dokument, das mit Word 2010 erstellt wird, basiert auf einer Dokumentvorlage mit dem Namen Normal.dotx.
Erklärung zu den Internet-Seiten von www.bmas.de
Erklärung zu den Internet-Seiten von www.bmas.de Herzlich willkommen! Sie sind auf der Internet-Seite vom Bundes-Ministerium für Arbeit und Soziales. Die Abkürzung ist: BMAS. Darum heißt die Seite auch
Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?...
Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2 Eine Hover-Schaltfläche erstellen... 2 Was ist in Ihrem Web passiert?... 3 Eine Rollover-Schaltfläche erstellen... 4 Vorbereitung für eine
Stellen Sie bitte den Cursor in die Spalte B2 und rufen die Funktion Sverweis auf. Es öffnet sich folgendes Dialogfenster
Es gibt in Excel unter anderem die so genannten Suchfunktionen / Matrixfunktionen Damit können Sie Werte innerhalb eines bestimmten Bereichs suchen. Als Beispiel möchte ich die Funktion Sverweis zeigen.
16. Schriftart formatieren
16. Schriftart formatieren 16.1 Überblick Das Aussehen verbessern Bis jetzt haben Sie gesehen, dass das Dokument, welches Sie erstellt haben schlicht und simpel war. Sie können das Aussehen Ihres Dokuments
11 Spezielle Einstellungen Ihres Baukastens
11 Spezielle Einstellungen Ihres Baukastens 11.1 Kopfleiste des Baukastens anpassen Für die Kopfleiste (Header) Ihres Baukastens gibt es verschiedene Varianten, die Sie selbst verwalten können. Im Seitenbaum
Handbuch für Redakteure
Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6
Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.
ewon - Technical Note Nr. 003 Version 1.2 Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite. Übersicht 1. Thema 2. Benötigte Komponenten 3. Downloaden der Seiten und aufspielen auf