Marion Deutsch EinsteinHaus, Seminarraum U4 (EDV): Freitag 18:30 bis 21:30 Samstag 09:15 bis 14:30 Sonntag 09:15 bis 14:30

Größe: px
Ab Seite anzeigen:

Download "Marion Deutsch 11.03.2011. EinsteinHaus, Seminarraum U4 (EDV): Freitag 18:30 bis 21:30 Samstag 09:15 bis 14:30 Sonntag 09:15 bis 14:30"

Transkript

1 Gestaltung von Webseiten Referentin: Marion Deutsch EinsteinHaus, Seminarraum U4 (EDV): Freitag 18:30 bis 21:30 Samstag 09:15 bis 14:30 Sonntag 09:15 bis 14:30 1 Inhalt Was muss ich beim Aufbau und der Gestaltung von Webseiten beachten? Wie erstelle ich Hintergrundbilder? Was muss ich bei Fotos beachten und wie kann ich sie bearbeiten? Inhalt: Allgemeines zum WebDesign Arten der Homepagegestaltung (Vor- und Nachteile) Bild- und Farbformate Seitenhintergründe Thumbnails Voraussetzung: HTML-Grund- und Aufbaukurs, bzw. sehr gute Kenntnisse in HTML und CSS Sehr gute Windows Kenntnisse 2 Gestalten von Webseiten 1

2 Web Design WebDesign ist die Gestaltung einer Internet-Präsentation Eine Seite sollte einheitlich und übersichtlich gestaltet sein und mit allen gängigen Browsern auf beliebigen Bildschirmgrößen gut aussehen Gutes WebDesign muss sich individuell an die Bedürfnisse des Betrachters anpassen und die wichtigsten Botschaften an den Betrachter schnell und übersichtlich vermitteln Corporate Design (CD) und Corporate Identity (CI) müssen umgesetzt werden um einen möglichst hohen Wiedererkennungswert zu schaffen Bewegte Bilder und Farbkombinationen sollen Websites unterstützen, nicht aber die Seite dominieren und vom eigentlichen Inhalt ablenken Farben (passen zum CD) sollten klug gewählt sein (Farbempfehlungen im Buch Professionelle Webseiten gestalten auf Seite 20) 3 Zweck der Homepage Will ich mich / meine Firma / meinen Verein / meine Idee darstellen? Will ich unterhalten? Will ich für meine Produkte werben? Will ich Informationen zur Verfügung stellen? Will ich im Internet verkaufen? Will ich neue Kunden / Kontakte generieren? Will ich meine Kunden / Mitarbeiter / Lieferanten in Arbeitsprozesse einbeziehen? Wer ist meine Zielgruppe? (technisches Equipment, Alter, ) 4 Gestalten von Webseiten 2

3 Erwartungen des Betrachters Schnelles Auffinden von Informationen Gute Auffindbarkeit im WWW sprechende Domainnamen (Firmen-, Produktname) Präsenz in Suchmaschinen mit guter Beschreibung der Seite Auf der Homepage schnelle Verfügbarkeit der Informationen Gute Navigation (schnell und selbsterklärend) Seiten sollen schnell laden - kompakte Bilder (bei Bedarf Detailbild) Hoher Informationsgehalt Präzise, kurze Texte, die einen hohen Informationsgehalt haben Gut lesbare Darstellung der Informationen Bei Bedarf anforderbare Detailinformationen (z.b. Download) Qualitativ gute, aussagekräftige Bilder Kontaktangaben von jeder Seite aus verfügbar 5 Konzept der Homepage Ziel und Zweck erkennen und einen guten Namen finden (denic.de) und sichern Den Internetauftritt zweckmäßig strukturieren - die Botschaft an den Betrachter in der Benutzerführung zielführend umsetzen Übersichtliches, zweckerfüllendes und trotzdem ansprechendes Design erarbeiten - aussagekräftige Bilder und Texte mit hohem Informationsgehalt auswählen und durchgängigen Wiedererkennungswert (CD / CI) im Layout umsetzen Den dementsprechenden technischen Aufwand ermitteln Den Internetauftritt suchmaschinentauglich gestalten und bei Suchmaschinen anmelden Gesetzliche Bestimmungen beim Erstellen der Seite beachten z.b.: Erweiterte Informationspflichen nach 6 Teledienstegesetz (TDG), Urheberrechte Links (z.b. Hinweis: Aufgrund der aktuellen Rechtsprechung distanzieren wir uns ausdrücklich von den Inhalten aller von uns gelinkten Seiten. ) Festlegen was ich alleine machen kann (sowohl vom Know How als auch vom Zeitaufwand gesehen) und welche Teile der Internet-Präsenz mit welchem Partner umgesetzt werden sollen und einen kompetenten Partner finden 6 Gestalten von Webseiten 3

4 Elemente einer Seite Homepage Startseite (Animation?) Navigation und Unternavigation Informationsteil mit Texten, Bildern und weiteren Links Fester Bereich für Logo etc. Formulare oder Shopteil Impressum / Kontaktdaten: Adresse Telefon/Fax Angaben laut TDG 6 Metatags unsichtbare Header- Angaben für Suchmaschinen 7 Navigation Verknüpfung (Link) einzelner Seiten zu einem Internetauftritt mit Schaltflächen (Buttons) Bildern Texten Arten der Navigation Links im Text Navigationsleiste Zeile Seitenanfang/-ende Programmierung g HTML Flash Java(Script) 8 Gestalten von Webseiten 4

5 HTML - Hyper Text Markup Language Einheitliche Seitenbeschreibungssprache zum Erstellen eines Dokuments im WWW. HTML beschreibt die Textdarstellung, dass sie vom jeweiligen Web-Browser dargestellt werden kann. Vorteile von HTML Weltweiter Standard - Plattformunabhängig Einfache Programmierung - HTML-Files können selbst in Editoren erstellt werden. Kurze Ladezeit für reine HTML-Seiten Geringer Speicherplatz für reine HTML-Seiten Nachteile von HTML Eingeschränkte Funktionsmöglichkeiten, die durch eine Skriptsprache erweitert werden können. Reines HTML erlaubt nur einfachste Interaktivität, die nur durch Links auf weitere Seiten oder Objekte realisiert werden kann. HTML wird von den Browsern unter Umständen unterschiedlich interpretiert. 9 Flash Flash (von der Firma Macromedia entworfen und jetzt von Adobe vertrieben) ist ein Programm, mit dem Animationssequenzen entworfen und gestaltet werden. Durch Einbinden von Text, Grafiken, Musik und Geräuschen werden so Intros, Navigationsleisten, Werbebanner oder ganze Seiten erzeugt. Vorteile von Flash verschiedene Sound-Formate möglich Vektorgrafiken werden als solche gespeichert aufwendige Animationen mit kleiner Zeichengröße Grafiken können interaktiv verändert werden Transparenz, Überblenden, Formumwandlung möglich Nachteile von Flash Browser braucht zur Darstellung ein Plug-In (muss eventuell heruntergeladen werden). Die Inhalte von Flash-Dokumenten werden nicht von Suchmaschinen durchforstet und sind somit schwieriger im Netz bekannt zu machen. 10 Gestalten von Webseiten 5

6 Java-Script Skriptsprache - von der Firma Netscape entwickelt kann Web-Seiten mit interaktiven und dynamischen Elementen versehen (z.b. Mouse-Over-Effekt) nur innerhalb von HTML-Dokumenten ausführbar Vorteile von Java-Script Einfache Programmierung Keine spezielle Entwicklungssoftware notwendig JavaScript hat sich zum WWW-Standard entwickelt und wird von den gängigen Web-Browsern unterstützt JavaScript-Programmierungen belegen nach ihrer Beendigung keinen Speicherplatz auf der Harddisk des Anwender-Systems Kann nicht automatisch auf die Harddisk zugreifen Nachteile von Java-Script Beschränkte Funktionalität Langsamere Geschwindigkeit, da sie durch den Browser interpretiert werden Script-Fehler werden oft erst bei der Ausführung des Programms erkannt JavaScript-Programmierung kann geklaut werden Browser haben Scripte oft ausgeschaltet 11 Java-Applets Kleine Programme/Anwendungen, die in der Programmiersprache Java geschrieben wurden. eigenständiges Dokument (Datei), die aus einer Web-Seite gestartet und vom Server heruntergeladen wird. verwendet man z. B. zur Navigation und um Multimedia-Effekte und Animationen hinzuzufügen. Vorteile: Bei gängigen Browsern ist keine Installation von zusätzlicher Software nötig Interaktive Menüführung möglich Nachteile: Die Darstellung einer Seite verlangsamt sich durch hohe Ladezeiten Java muss im Browser aktiviert sein 12 Gestalten von Webseiten 6

7 Arten der Gestaltung Gestaltung der Seite mit Hilfe von Divisions mit CSS Vorteile: Barriere frei, positiv für Suchmaschinen Nachteile: Schwer zu Pflegen, Drucken nur mit Navigation Frames Vorteile: Einfach zu Pflegen, man kann einzelne Unterseiten drucken Nachteile: schlechter für Suchmaschinen und Barrierefreiheit man muss mindestens Noframes-Teil erstellen und pflegen Navigation durch Seitenlinks (oben oder unten) Vorteile: Sehr einfach zu erstellen, Barriere frei, positiv für Suchmaschinen Nachteile: Nicht zeitgemäß, unübersichtlich, Schwer zu Pflegen, scrollt weg, Drucken nur mit Navigation Nur als Alternativ-/Zweit-Navigation zu empfehlen 13 Gestaltung der Seite mit oder ohne Rand? Mit Rand Vorteile: Layout kann gefälliger umgesetzt werden, da man Zeilenumbrüche und Anordnung der grafischen Elemente einer Seite besser planen kann. Layout ist einfacher umzusetzen, da man keine Rücksicht auf das Kacheln von Hintergrundbildern nehmen und nicht so viele Möglichkeiten der Darstellung berücksichtigen muss. Nachteile: man verschwendet viel Platz für den Rand und bekommt nicht so viel Informationen auf eine Seite Ohne Rand Vorteile: Man nutzt den vorhandenen Platz besser und bekommt mehr Informationen auf eine Seite Nachteile: Es ist sehr viel schwieriger zu erstellen, da man sehr viele Dinge berücksichtigen muss: Das Kacheln von Hintergründen, das variable Anpassen von Inhalten, etc. außerdem nicht mehr zeitgemäß! 14 Gestalten von Webseiten 7

8 Übung 1 Ich plane einen Internet-Auftritt und überlege mir Titel und Domainnamen (mit Hilfe von ) Zweck der Homepage Anzahl und Inhalt (Titel) der Unterseiten Welches Layout ich nehme (und warum) Welche Farben ich verwende (und warum) 15 Frames (englisch: Rahmen ) Frames legen fest, welche Teile (html-dateien) ein Browser in welchem Teil des sichtbaren Bildschirms anzeigt. laufen im Hintergrund ab und sind meißt nicht sichtbar Sind nicht mehr zeitgemäß Vorteile für Frames: Navigation und Kopfzeile scrollen nicht mit weg und müssen nicht auf jeder Seite neu geladen werden (Ladezeiten sind geringer) Das Pflegen der Seite ist viel einfacher Gezieltes Drucken von Informationen Nachteile von Frames: Steuerframe Bookmarks (Lesezeichen) werden auf die Haupt-Seite gesetzt Manche Browser können keine Frames anzeigen (Blindenschrift) Für Suchmaschinen und Barrierefreiheit schlechter, es muss mindestens der Noframe -Teil gepflegt sein Banner Inhalt 16 Gestalten von Webseiten 8

9 Frames: mit und ohne Rand Beispiel A Navigation oben und/oder links 17 A: Einfache Frame-Konstruktion <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <meta name="description" content=""> <meta name="keywords" content=""> <title>framepage</title> </head> <frameset rows="100,*" border="0"> <frame src="top.htm" name="oben" border="0" scrolling="no" marginwidth="0" marginheight="0"> <frameset cols="120,*" border="0"> <frame src="nav.htm" name="links" border="0" scrolling="no" marginwidth="0" marginheight="0"> <frame src="main.htm" name="info" border="0" scrolling="auto" marginwidth="0" marginheight="0"> </frameset> <noframes> <body> Ihr Browser kann keine Frames darstellen, <br><br><a href="nav.htm">bitte klicken Sie hier! </a> </body> </noframes> </frameset> </html> 18 Gestalten von Webseiten 9

10 Übung 2 Erstellen Sie einen Ordner mit dem Namen Frames und kopieren Sie eine Frame-Seite aus Ihren Beispielen mit den Menüpunkten Ich, Hobbys und Kontakt Erstellen Sie die benötigten Seiten-Teile in verschiedenen zusammenpassenden Farben und füllen Sie die drei Unterseiten mit Inhalten Erstellen sie eine Navigation zu den Unterseiten Testen Sie Ihre Seiten im Browser 19 Boxen / Kästen in CSS <div id="name"> Inhalt des Bereichs </div> Die Eigenschaften werden in CSS festgelegt! #name { height: 105px; width: 940px; margin: 0px; padding: 20px; background-color: #dddddd; border: 3px solid #ff0000; 20 Gestalten von Webseiten 10

11 Seiten mit Divisions erstellen (Muster-a) 21 HTML-Code vom Body (Muster-a) <body> <div id="container"> <div id="top"> <h1>titel</h1> <h1>name</h1> </div> <div id="nav"> <table width="100%" border="0" cellspacing="1" cellpadding="2"> <tr> <td width="20%" align="center" valign="middle"><a href="#">punkt 1</a></td> etc.</tr> </table> </div> <div id="info"> <h1>überschrift</h1><p>text</p><h2>überschrift</h2><p>text</p><p>text</p><br /> h1 Überschrift /h1 p Text /p h2 Überschrift /h2 p Text /p p Text /p br / </div> <div id="fuss"> <table width="950" border="0" cellspacing="0" cellpadding="5" align="center"> <tr><td align="left" width="80%" nowrap>inhaber: Name, Adresse, Telefon</td> etc.</tr> </table> </div> </div> </body> 22 Gestalten von Webseiten 11

12 CSS-Styles der Devisions (Muster-a) #container { padding: 0px; height: auto; width: 980px; margin: 0px auto 0px auto; background-color: color: #dddddd; #top { height: 105px; width: 940px; margin: 10px auto 0px auto; background-color: #dddddd; padding: 20px; background-attachment: fixed; background-image: url(../images/bild.jpg); #info { width: 940px; padding: 15px 20px 15px 20px; margin: 0px 20px 0px 0px; font-size: 12pt; #nav { width: 980px; height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background-color: #444444; text-align: left; vertical-align: middle; #fuss { clear: both; width: 980px; p; height: 30px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #ffffff; padding: 0px; background-color: #444444; vertical-align: middle; 23 Layout mit breiter Zierleiste (Muster-x) 24 Gestalten von Webseiten 12

13 HTML-Code der Muster-x <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <TITLE>Homepage</TITLE> <link href="css/muster-x.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="titel"><h1 align="center">titel</h1></div> <div id="top"> </div> <div id="container"> <div id="nav"> <p><a href="kontakt.php php">kontakt</a></p> u.s.w. </div> <div id="info"> <h1>überschrift</h1> u.s.w. </div> <div id="fuss"> Name Strasse PLZ Ort Telefon <br /> </div> </div> </body> </html> 25 Css-Code der Muster-x body,td,th { hier kommen allgemeine Formatierungen #titel { height: 105px; background-image: none; #nav { background-repeat: repeat; width: 980px; margin: 10px auto 0px auto; background-color: #dddddd; padding: 0px; #top { margin: 0px; padding: 0px; height: 95px; background-image: url(../images/bg.gif); gif); background-repeat: repeat-x; #container { padding: 0px 0px 5px 0px; height: auto; width: 980px; margin: 0px auto 20px auto; background-color: #dddddd; float: left; width: 146px; height: 500px; padding-top: 15px; padding-right: 0px; padding-bottom: 10px; padding-left: 12px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 20px; color: #dddddd; background-color: #444444; text-align: left; #info { float: right; width: 760px; height: 500px; overflow: scroll; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; font-size: 12pt; #fuss { clear: both; width: 900px; margin: 10px 20px 20px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #dddddd; padding: 5px 20px 5px 20px; background-color: #444444; vertical-align: middle; 26 Gestalten von Webseiten 13

14 Übung 3 Erstellen Sie einen Ordner mit dem Namen Divs und kopieren Sie eine Muster-Seite aus Ihren Beispielen mit Divisions mit den Menüpunkten Home, Fotos und Impressum und ändern Sie die Farben Erstellen sie eine Navigation zu den Unterseiten, bevor Sie die Unterseiten aus der Hauptseite erstellen! Erstellen Sie die Unterseiten mit Inhalt Testen Sie Ihre Seiten im Browser 27 Haupt-Bildformate im Internet Gifs werden hauptsächlich benutzt für Grafiken, die mit einem transparenten Hintergrund eingesetzt werden Beschränkt auf 8-Bit-Farbtiefe (256 Farben) Bewegte Animationen möglich JPEG (.jpg) Ist ein Komprimierungsstandard für unbewegte Bilder und Fotos, wobei ähnliche Farbwerte gleichgesetzt werden (24-Bit-Farbtiefe=RGB). JPEG-Fotos haben eine hohe Bildqualität Bilder sollten auf die tatsächliche Darstellungsgrösse optimiert sein... um Qualität und Schärfe zu bewahren... um Speicherplatz und Ladezeit zu minimieren 28 Gestalten von Webseiten 14

15 Bilder fürs Internet Bilder immer in der benötigten Größe mit einer Auflösung von 72 dpi abspeichern Bilder immer in einer unkomprimierten Form bearbeiten, Original sichern und erst vor der Veröffentlichung komprimieren, i bzw. ins jpg exportieren Wenn mehrere Größen des selben Bildes benötigt werden, immer für jede Größe ein separates Bild erstellen und auch auf den Webspace laden Wenn man die Bilder in der Schärfe bearbeiten möchte, dann immer erst in die entgültige Größe bringen und dann zum Schluss schärfen Beim Komprimierungsfaktor immer darauf achten, ob evtl. wichtige Details noch erkennbar oder bereits verschwommen sind - Problembereiche sind Gesichter und Schriftzüge Faustregeln: bei rechteckigen Bildern sollte die längere Seite max. 300 Pixel haben bei quadratischen Bildern sollten die Seiten max. 250 Pixel haben Bilder sollten optimalerweise zwischen kb groß sein (max kb) Bei Detailbildern sollten kleinere Bilder mit der Verlinkung zu den Vergrößerungen angeboten werden. 29 Farbmodelle RGB-Farbmodell für Rot, Grün, Blau Anteile der einzelnen Farben werden in angegeben verwendet bei: Scanner, Digitalkamera, it Monitor Rot, Grün und Blau sind additive Primärfarben - durch Mischen von 2 Primärfarben entsteht eine Sekundärfarbe (Cyan, Magenta, Yellow) Schwarz = 0, 0, 0 Weiß = 255, 255, 255 (Addition) CMYK-Farbmodell für Cyan, Magenta, Yellow, Key (Schwarz) Anteile der einzelnen Farben werden in % angegeben verwendet bei digitaler Druckvorstufe Cyan, Magenta und Yellow sind subtraktive Primärfarben Schwarz = 100%, 100%, 100% Weiß = 0%, 0%, 0% in der Praxis erscheint je 100 % der Primärfarben nicht schwarz sondern dunkelbraun, darum wird zusätzlich die Farbe Schwarz verwendet. CMYK-Farben wirken oft blasser als RGB-Farben 30 Gestalten von Webseiten 15

16 Layout und Hintergründe erstellen Layout in einem Grafikprogramm (z.b. Illustrator, Corel Draw, ) entwerfen und als Bild abspeichern aus diesem Bild dann die Teile freistellen und als Einzelbilder (siehe Rahmen) abspeichern 31 In Gimp Teile aus Bildern erstellen Datei öffnen das Grundlayout-Bild wählen Im Werkzeugkasten das Rechteck-Werkzeug (1. Werkzeug links oben) auswählen Bearbeiten kopieren Datei erstellen aus Zwischenablage (ein neues Fenster mit dem Ausschnitt öffnet) Datei speichern unter Pfad auswählen und Namen + Dateiendung vergeben Auf Speichern klicken 32 Gestalten von Webseiten 16

17 Übung 4 Suchen Sie sich eines der beiden Layouts (Design Balett oder Elektro) aus und erstellen Sie damit Hintergründe für Ihre Frame-Seite Binden Sie sie in Ihre Seiten ein, z.b. <body background="pfad/bild.jpg"> Testen Sie die Homepage 33 Hintergrund erstellen mit Gimp Bild muss im RGB-Modus sein, sonst unter dem Menüpunkt Bild und dann unter Modus umstellen 34 Gestalten von Webseiten 17

18 Hintergrund nahtlos machen 35 Übung 5 Erstelle Sie ein kachelbares Hintergrundbild für Ihre Divisions-Seite Binden Sie es per CSS in den <body> ein Testen Sie Ihre Seite 36 Gestalten von Webseiten 18

19 Thumbnails erstellen mit IrfanView 37 Thumbnails erstellen mit IrfanView Nicht ändern! 38 Gestalten von Webseiten 19

20 Übung 6 Erstellen Sie auf der Foto-Unterseite Ihrer Divisions-Page eine Bildergalerie mit Thumbnails Erstellen Sie zuerst eine neue Seite in InfanView und kopieren Sie dann die Inhalte in Ihre Foto- Unterseite Testen Sie die Seite 39 Scrollbar (nicht von allen Browsern unterstützt) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>scrollbars</title> <style type="text/css"> text/css html, body, textarea { scrollbar-base-color:#ff0000; scrollbar-3d-light-color:#ffffff; scrollbar-arrow-color:#ffff00; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#00ff00; scrollbar-highlight-color:#0000ff; scrollbar-shadow-color:#aaaaaa; scrollbar-track-color:#00ffff; scrollbar-base-color = Basisfarbe der Scroll-Leiste scrollbar-3dlight-color = Farbe für 3D-Effekte scrollbar-arrow-color = Farbe für Verschiebepfeile scrollbar-darkshadow-color = Farbe für Schatten scrollbar-face-color = Farbe für Oberfläche scrollbar-highlight-color = Farbe für ob. + li. Rand scrollbar-shadow-color = Farbe für unt. + re. Rand scrollbar-track-color = Farbe für freibleibenden Verschiebeweg </style> </head> <body> <form name="seite" action="#"> <p><textarea name="text" cols="80" rows="20">inhalt</textarea></p> </form> </body> </html> 40 Gestalten von Webseiten 20

21 Stylesheets als Druckformat Sie können bei den Stylesheets das Ausgabemedium angeben im Attribut media="screen" media="print" Dadurch können Sie eine separate css-datei (zusätzlich zu der CSS- Datei für den Bildschirm) für den Druck festlegen: Head> <link href="screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="print.css" rel="stylesheet" type="text/css" media="print" /> </head> 41 Wiederholung HTML und CSS Aus dem HTML-Grund- und Aufbaukurs Gestalten von Webseiten 21

22 Wichtige HTML-Befehle Textformatierungen: <h1>überschrift:</h1> <br> oder <br /> Umbruch <hr noshade width="300" size="3" align="left"> Trennlinie oder <hr /> für XHTML <p>absatz</p> <font size="2" face="arial,..." color="#ff0000">schrift</font> <strong><em>texthervorhebungen</em></strong> <div align="center">ausrichtung</div> HTML-Hintergrundformatierungen: Bild einbinden: Link erstellen: <body bgcolor="#ccffcc" background="bg-bild.gif" text="#ff6666" link="#0000ff" vlink="#66ff66" alink="#666600" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> </body> <img src="bild.jpg" alt="bild" width="204" height="400" title="titel > <a href=" w3kurs de" target= _blank blank">link zu W3kurs</a> Tabelle erstellen Und formatieren: <table border="1" width="300" cellspacing="3" cellpadding="4" align="left" height="80%"> <tr><td align="right" valign="middle" colspan="2" rowspan="3">zelleninhalt einer Tabelle </td></tr></table> Liste erstellen Und formatieren: <ol>oder<ul> <li>listenpunkt</li> </ol>oder</ul> 43 Cascading Stylesheets CSS Stylesheets sind eine unmittelbare Ergänzung zu HTML. Es handelt sich dabei um eine Sprache zur Definition von Formateigenschaften einzelner HTML-Elemente. HTML-Elemente (Text, Listen, Tabellen, Formulare, ) ausstatten mit Eigenschaften (Hintergrundfarbe, Hintergrundbild, Rahmen, ) Genau wie HTML wird auch CSS vom W3-Konsortium normiert Firmenunabhängig offen dokumentierten frei verwendbarer Standard In verschiedenen Browsern testen Die CSS-Implementierungen der Browser sind noch nicht einheitlich. 44 Gestalten von Webseiten 22

23 CSS definieren <html> <head> <title>titel der Datei</title> Formate zentral in einer separaten CSS-Datei einbinden <link rel="stylesheet" type="text/css" href="stylesheets.css"> rel= Verhältnis Webseite zu Stylesheet Wert Stylesheet wenn es ständig mit Seite verknüpft ist type= Art der Datei hier immer Wert text/css oder <style type="text/css"> Selektor {Eigenschaft: Wert; Eigenschaft: Wert; </style> </head> zentral im Kopf der Seite definieren oder <body> <tag style="eigenschaft: Wert; ">...</tag> </body> </html> einzelne HTML-Elemente formatieren 45 CSS-Formate Format für Elemente Element { CSS-Eigenschaft:Wert;... Format für Klassen (anzusprechen mit Attribut class=" ") ").Klassenname { CSS-Eigenschaft:Wert;... Element.Klassenname { CSS-Eigenschaft:Wert;... Individualformat (anzusprechen mit Attribut id="...") #Name { CSS-Eigenschaft:Wert;... Element#Name { CSS-Eigenschaft:Wert;... Pseudoelemente: Element:hover { CSS-Eigenschaft:Wert;... a:link { CSS-Eigenschaft:Wert;... /* noch nicht besuchte Ziele */ a:visited { CSS-Eigenschaft:Wert;... /* besuchte Ziele */ a:hover { CSS-Eigenschaft:Wert;... /* Verweise bei "MouseOver" */ a:active { CSS-Eigenschaft:Wert;... /* Angeklickte Verweise */ Direktformatierung von Elementen - CSS in HTML-Elementen <tag style="css-eigenschaft:wert;...">...</tag> 46 Gestalten von Webseiten 23

24 Mass-Einheiten in CSS Absolute Werte Pixel (px) - Bildpunkte Punkt (pt) - typografisches Maß (z.b. Word) entspricht 0,353 mm Pica (pc) - typografisches Maß 12 pt = 1 pc Längenmaße wie mm, cm, Inch Relative Werte Ems (em) xfache Größe des übergeordneten Elements z.b. für <body> wurden 12 pt festgelegt und für <p> 1,5 em = 18 pt Prozent(%) Prozentet der Größe des übergeordneten Elements 47 Stylesheet-Datei xxx.css selektor { background: url(../bilder/bild.jpg); background-color: color: #e2e1e1; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; color : #000066; background-attachment : fixed; margin-top:20px; margin-left:20px; margin-right:20px; 48 Gestalten von Webseiten 24

25 Text mit CSS gestalten Eigenschaft Syntax Beispiel für Wert Schriftart font-family:schriftart1,schriftart2,...; Arial, helvetica, sans-serif Schriftstil font-style:wert; normal oder italic Schriftvariante, font-variant:wert; small-caps, normal Kapitälchen Schriftgröße font-size:wert; 12pt, 20px Schriftgewicht font-weight:wert; Bold, normal Schriftlaufweite font-stretch:wert; condensed oder expanded Wortabstand word-spacing:wert; 0.2em oder 4px Zeichenabstand letter-spacing:wert; 0.1em oder 2px Textdekoration text-decoration:wert; line-through oder none Text-Transformation, Groß-/Kleinschreibung text-transform:wert; Capitalize (1. groß) oder uppercase, lowercase, none Textfarbe color:wert; #ffcc99 Texteinrückung text-indent:wert; 20px oder 2.5cm Zeilenhöhe line-height:wert; 20px oder 120% Ausrichtung Vertikal vertical-align:wert; top, middle oder bottom Ausrichtung Horizontal text-align:wert; left, center, right oder justify Textumbruch white-space:wert; nowrap 49 Schriftfamilien 50 Gestalten von Webseiten 25

26 Hintergründe und Listen gestalten Eigenschaft Syntax Beispiel für Wert Hintergrundfarbe background-color:wert; #0000cc Hintergrundbild background-image:url(uri);../bilder/bild.jpg Wiederholungs- Effekt background-repeat:wert; repeat-x, repeat-y, no-repeat, repeat Wasserzeichen- background-attachment:wert; fixed Effekt Hintergrundposition background-position:wert; 10px 30px, center, right Eigenes list-style-image:url(uri); style image:url(uri);../bilder/bild.jpg Listenzeichen Listendarstellung list-style-type:wert; upper-roman, disk, circle Listeneinrückung list-style-position:wert; inside, outside 51 Rahmen mit CSS gestalten Eigenschaft Syntax Beispiel für Wert Rahmendicke alle Seiten border-width:wert; 2px oder 1mm Rahmendicke oben border-top-width:wert; 2px oder 1mm Rahmendicke unten border-bottom-width:wert; bottom 2px oder 1mm Rahmendicke links border-left-width:wert; 2px oder 1mm Rahmendicke border-right-width:wert; 2px oder 1mm Rahmenfarbe alle Seiten border-color:wert; #ffcc99 Rahmenfarbe oben border-top-color:wert; #ffcc99 Rahmenfarbe unten border-bottom-color:wert; #ffcc99 Rahmenfarbe links border-left-color:wert; #ffcc99 Rahmenfarbe rechts border-right-color:wert; right #ffcc99 Rahmentyp alle Seiten border-style:wert; dotted, dashed, solid, double Rahmentyp oben border-top-style:wert; dotted, dashed, solid, double Rahmentyp unten border-bottom-style:wert dotted, dashed, solid, double Rahmentyp links border-left-style:wert; dotted, dashed, solid, double Rahmentyp rechts border-right-style:wert; dotted, dashed, solid, double 52 Gestalten von Webseiten 26

27 Abstände außen und innen Außenrand/Abstand margin:wert; Eine Angabe = alle vier Ränder des Elements erhalten den gleichen Außenabstand. Zwei Angaben = erste für oben/unten, zweite für rechts/links. Drei Angaben = erste für oben, zweite für rechts/links, dritte für unten. Vier Angaben = erste für oben, zweite für rechts, dritte für unten, vierte für links. Innenabstand (allgemein) padding:wert; Für Wert eine numerische Angabe wie 20px notieren. Alle vier Seiten des Elements erhalten den gleichen Innenabstand. 53 Abstände außen und innen Eigenschaft Syntax Beispiel für Wert Außen-Abstand oben margin-top:wert; 10px Außen-Abstand unten margin-bottom:wert; 10px Außen-Abstand links margin-left:wert; 10px Außen-Abstand rechts margin-right:wert; 10px Innenabstand oben padding-top:wert; 10px Innenabstand unten padding-bottom:wert; 10px Innenabstand links padding-left:wert; 10px Innenabstand rechts padding-right:wert; 10px 54 Gestalten von Webseiten 27

28 Tabellen mit CSS gestalten border-collapse: collapse - verhindert Zwischenraum zwischen Zellen table { caption { width: 600px; border-collapse: collapse; background: gray; color: black; border: 1px solid #333666; font-size: 150%; font-weight: bold; background-color: #333666; color: white; text-align: center; padding: 20px; th { th, td { Caption=Überschrift color: #333666; background-color: #ffffff; border-bottom: 2px solid #000000; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; padding: 5px 10px; text-align: left; vertical-align: top; 55 FTP File Transfer-Protocol Zum Upload (Hochladen) Ihrer Homepage auf den Server benötigen Sie ein sogenanntes FTP (File Transfer Protocol)-Programm. Programm Solch ein Programm ist z.b. WS_FTP 56 Gestalten von Webseiten 28

CSS. Cascading Stylesheets

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

Mehr

Format- oder Stilvorlagen

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

Mehr

HTML Programmierung. Aufgaben

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

Mehr

Meine erste Homepage - Beispiele

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

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

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

Mehr

Schiller-Gymnasium Hof 20.12.2004

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

Mehr

Erstellen eines HTML-Templates mit externer CSS-Datei

Erstellen eines HTML-Templates mit externer CSS-Datei Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden

Mehr

Publizieren im Internet

Publizieren im Internet Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund

Mehr

Mini-Dokumentation zur Bearbeitung der Website massweiler.de

Mini-Dokumentation zur Bearbeitung der Website massweiler.de Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist

Mehr

BFV Widgets Kurzdokumentation

BFV Widgets Kurzdokumentation BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.

Mehr

HTML5. Wie funktioniert HTML5? Tags: Attribute:

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,

Mehr

Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.

Hier mal einige Tipps zum Einbau vom Anfy Applets. Hier die Seite von Anfy und zum Download des Programms: http://www.anfyteam. Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.com/... ich habe "Version 2.1" und zeige hier Bilder und Beschreibungen

Mehr

Frames oder Rahmen im Browserfenster

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.

Mehr

Satzhilfen Publisher Seite Einrichten

Satzhilfen Publisher Seite Einrichten Satzhilfen Publisher Seite Einrichten Es gibt verschiedene Möglichkeiten die Seite einzurichten, wir fangen mit der normalen Version an, Seite einrichten auf Format A5 Wählen Sie zunächst Datei Seite einrichten,

Mehr

Ich möchte eine Bildergalerie ins Internet stellen

Ich möchte eine Bildergalerie ins Internet stellen Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe

Mehr

Schulung Marketing Engine Thema : Einrichtung der App

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

Mehr

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

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

Mehr

Kapitel 3 Frames Seite 1

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

Mehr

Signatur mit Formatierung

Signatur mit Formatierung Bedienungstip: Signatur mit Formatierung Seite 1 Signatur mit Formatierung Es können Signaturen hinterlegt werden, die beim Erstellen von Nachrichten automatisch angehängt werden. Das ist sehr praktisch,

Mehr

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10 CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...

Mehr

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 <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:

Mehr

Was ist PDF? Portable Document Format, von Adobe Systems entwickelt Multiplattformfähigkeit,

Was ist PDF? Portable Document Format, von Adobe Systems entwickelt Multiplattformfähigkeit, Was ist PDF? Portable Document Format, von Adobe Systems entwickelt Multiplattformfähigkeit, Wie kann ein PDF File angezeigt werden? kann mit Acrobat-Viewern angezeigt werden auf jeder Plattform!! (Unix,

Mehr

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände... CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...

Mehr

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) 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:

Mehr

Webentwicklung mit Mozilla Composer I.

Webentwicklung mit Mozilla Composer I. Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor

Mehr

Das TYPOlight CSS-Framework

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

Mehr

Eine Anleitung von Holger Bein. Holger Bein 2005

Eine Anleitung von Holger Bein. Holger Bein 2005 Holger Bein 2005 Eine Anleitung von Holger Bein Bildergalerie erstellen mit dem Web Album Generator Was wir brauchen: 1. Speicherplatz (z.b. bei freenet.de) 2. das Programm Web Album Generator 3. einen

Mehr

Aufgabenbereich 3: Layoutgestaltung mit CSS

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

Mehr

Outlook Erstellen einer E-Mail aus einer HTML - Vorlage INHALT

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

Mehr

Schulung Marketing Engine Thema : Einrichtung der App

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

Mehr

Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.

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

Mehr

Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org

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

Mehr

In dieser Anleitung wird beschrieben, wie Sie eine HTML-Seite in Macromedia Dreamweaver mit blinden Tabellen strukturieren können.

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

Mehr

Webdesign-Multimedia HTML und CSS

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

Mehr

«Integration in WebSite» HTML-/Javascript-Code-Beispiele

«Integration in WebSite» HTML-/Javascript-Code-Beispiele QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen

Mehr

Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen

Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen Wir wollen, dass ihr einfach für eure Ideen und Vorschläge werben könnt. Egal ob in ausgedruckten Flyern, oder in sozialen Netzwerken und

Mehr

Einführung Responsive Webdesign

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

Mehr

Anwendungsbeispiele. Neuerungen in den E-Mails. Webling ist ein Produkt der Firma:

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

Mehr

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug. Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen

Mehr

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?... 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

Mehr

Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.

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

Mehr

Bedienungsanleitung Albumdesigner. Neues Projekt: Bestehendes Projekt öffnen:

Bedienungsanleitung Albumdesigner. Neues Projekt: Bestehendes Projekt öffnen: Bedienungsanleitung Albumdesigner Hier wählen Sie aus ob Sie mit einem neuen Album beginnen - Neues Projekt erstellen oder Sie arbeiten an einem bestehenden weiter - Bestehendes Projekt öffnen. Neues Projekt:

Mehr

Version 1.0 Merkblätter

Version 1.0 Merkblätter Version 1.0 Merkblätter Die wichtigsten CMS Prozesse zusammengefasst. Das Content Management System für Ihren Erfolg. Tabellen im Contrexx CMS einfügen Merkblatt I Tabellen dienen dazu, Texte oder Bilder

Mehr

Seitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen

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

Mehr

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.

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

Mehr

WORKSHOP für das Programm XnView

WORKSHOP für das Programm XnView WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen

Mehr

Einfügen von Bildern innerhalb eines Beitrages

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

Mehr

Kleines Handbuch zur Fotogalerie der Pixel AG

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

Mehr

Text Formatierung in Excel

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

Mehr

12. Dokumente Speichern und Drucken

12. Dokumente Speichern und Drucken 12. Dokumente Speichern und Drucken 12.1 Überblick Wie oft sollte man sein Dokument speichern? Nachdem Sie ein Word Dokument erstellt oder bearbeitet haben, sollten Sie es immer speichern. Sie sollten

Mehr

Dokumentation. Mindestanforderungen: Das Board

Dokumentation. Mindestanforderungen: Das Board Dokumentation Mindestanforderungen: 1. Einen Computer (Mac oder Pc) oder flash-unterstutztes System 2. Flash Player oder Browser mit Flash PlugIn 3. Das Board 4. Tondateien zum Abspielen Je mehr Tondateien

Mehr

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

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

Mehr

Anleitung über den Umgang mit Schildern

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

Mehr

Ein PDF erstellen. aus Adobe InDesign CC. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen

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 >

Mehr

Gimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/

Gimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/ Gimp Kurzanleitung Offizielle Gimp Seite: http://www.gimp.org/ Inhalt Seite 2 Seite 3-4 Seite 5-6 Seite 7 8 Seite 9 10 Seite 11-12 Ein Bild mit Gimp öffnen. Ein Bild mit Gimp verkleinern. Ein bearbeitetes

Mehr

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.

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

Mehr

Gut zu wissen: Hilfe für ereader-einsteiger Leitfaden Nr. 2: Wie lade ich meine ebooks in das Programm Adobe Digital Editions?

Gut zu wissen: Hilfe für ereader-einsteiger Leitfaden Nr. 2: Wie lade ich meine ebooks in das Programm Adobe Digital Editions? Gut zu wissen: Hilfe für ereader-einsteiger Leitfaden Nr. 2: Wie lade ich meine ebooks in das Programm Adobe Digital Editions? Ein Service des elesia Verlags: Mein-eReader.de und elesia-ebooks.de 1 Warum

Mehr

ÖKB Steiermark Schulungsunterlagen

ÖKB Steiermark Schulungsunterlagen ÖKB Steiermark Schulungsunterlagen Fotos von Online-Speicher bereitstellen Da das hinzufügen von Fotos auf unsere Homepage recht umständlich und auf 80 Fotos begrenzt ist, ist es erforderlich die Dienste

Mehr

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter

Mehr

Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T

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

Mehr

Erzherzog Johann Jahr 2009

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

Mehr

Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage

Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage Inhaltsverzeichnis 1. Anmeldung... 2 1.1 Startbildschirm... 3 2. Die PDF-Dateien hochladen... 4 2.1 Neue PDF-Datei erstellen... 5 3. Obelix-Datei

Mehr

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:

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

Mehr

Die aktuelle Version des SPIEGEL-Bestseller-Widgets können Sie auf unserer Website unter Entwicklertools herunterladen.

Die aktuelle Version des SPIEGEL-Bestseller-Widgets können Sie auf unserer Website unter Entwicklertools herunterladen. Technische Dokumentation Hier finden Sie die technische Dokumentation für die Einbindung des Bestseller-Widgets. Die Dokumentation soll als Hilfestellung dienen und kann keinen Anspruch auf Vollständigkeit

Mehr

Herstellen von Symbolen mit Corel Draw ab Version 9

Herstellen von Symbolen mit Corel Draw ab Version 9 Herstellen von Symbolen mit Corel Draw ab Version 9 Einleitung : Icon Design-Überblick: 1) Gestalten in Corel Draw 10.0 3) Vorlage für Photopaint für Import von Corel 4) Einfügen in die PSD-Datei und Bearbeiten

Mehr

Ihre Online-Bewerbung

Ihre Online-Bewerbung Ihre Online-Bewerbung Seite 1 Kurzanleitung Bevor es losgeht Wir haben Ihr Interesse geweckt und Sie möchten sich bei uns bewerben? Dann können Sie das jetzt ganz einfach online tun. Wir haben die entsprechenden

Mehr

MS Office Grundlagen. Erstellen einer Briefvorlage für einen Privatbrief an den DIN 5008 Entwurf angelehnt.

MS Office Grundlagen. Erstellen einer Briefvorlage für einen Privatbrief an den DIN 5008 Entwurf angelehnt. Erstellen einer Briefvorlage für einen Privatbrief an den DIN 5008 Entwurf angelehnt. Zunächst werden die Ränder des Briefes festgelegt durch klick auf Benutzerdefinierte Seitenränder. Es öffnet sich das

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

Allgemeine Technologien II Sommersemester Mai 2011 CSS Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden

Mehr

Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.

Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Klicken Sie auf Neu anlegen, um Ihre neue Angebotseite zu erstellen..

Mehr

Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.

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

Mehr

Da ist meine Anleitung drin!

Da ist meine Anleitung drin! Da ist meine Anleitung drin! Auf den folgenden Seiten finden Sie eine detaillierte Anleitung, wie Sie Ihren Verein am effizientesten präsentieren können! Die meistgelesene Zeitung in OÖ Laut Regioprint

Mehr

Leichte-Sprache-Bilder

Leichte-Sprache-Bilder Leichte-Sprache-Bilder Reinhild Kassing Information - So geht es 1. Bilder gucken 2. anmelden für Probe-Bilder 3. Bilder bestellen 4. Rechnung bezahlen 5. Bilder runterladen 6. neue Bilder vorschlagen

Mehr

Erstellen einer digitalen Signatur für Adobe-Formulare

Erstellen einer digitalen Signatur für Adobe-Formulare Erstellen einer digitalen Signatur für Adobe-Formulare (Hubert Straub 24.07.13) Die beiden Probleme beim Versenden digitaler Dokumente sind einmal die Prüfung der Authentizität des Absenders (was meist

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

Mehr

Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen. Möglichkeiten zum Datenaustausch... 2

Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen. Möglichkeiten zum Datenaustausch... 2 Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen Inhaltsverzeichnis Möglichkeiten zum Datenaustausch... 2 Möglichkeit 1: Datenaustausch mit Ihrem Webbrowser (HTTPS):... 3 Disclaimer...

Mehr

Die eigene Website. Zusatzkapitel CSS mobile Geräte & Ausdruck

Die eigene Website. Zusatzkapitel CSS mobile Geräte & Ausdruck Die eigene Website Zusatzkapitel CSS mobile Geräte & Ausdruck Im Folgenden finden Sie einige Zusatztipps zu Kapitel 6 des Buchs Die eigene Website. Mehr Infos zum Buch auf der Website zum Buch. CSS für

Mehr

Fotos verkleinern mit Paint

Fotos verkleinern mit Paint Fotos verkleinern mit Paint Warum Paint? Sicher, es gibt eine Menge kostenloser guter Programme und Möglichkeiten im Netz zum Verkleinern von Fotos. Letztendlich ist es Geschmackssache, aber meine Erfahrungen

Mehr

Sichern der persönlichen Daten auf einem Windows Computer

Sichern der persönlichen Daten auf einem Windows Computer Sichern der persönlichen Daten auf einem Windows Computer DIRECTION DES SERVICES IT SERVICE DIT-MI DIREKTION DER IT-DIENSTE DIENSTSTELLE DIT-MI 1/9 1 Inhaltsverzeichnis 2 Einleitung... 3 3 Outlook Daten...

Mehr

Bilder zum Upload verkleinern

Bilder zum Upload verkleinern Seite 1 von 9 Bilder zum Upload verkleinern Teil 1: Maße der Bilder verändern Um Bilder in ihren Abmessungen zu verkleinern benutze ich die Freeware Irfan View. Die Software biete zwar noch einiges mehr

Mehr

HTML-Grundlagen (X)HTML:

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

Mehr

GEONET Anleitung für Web-Autoren

GEONET Anleitung für Web-Autoren GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden

Mehr

Bedienungsanleitung. Content-Management-System GORILLA

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

Mehr

Handbuch Fischertechnik-Einzelteiltabelle V3.7.3

Handbuch Fischertechnik-Einzelteiltabelle V3.7.3 Handbuch Fischertechnik-Einzelteiltabelle V3.7.3 von Markus Mack Stand: Samstag, 17. April 2004 Inhaltsverzeichnis 1. Systemvorraussetzungen...3 2. Installation und Start...3 3. Anpassen der Tabelle...3

Mehr

Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte

Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte Vorlesungsinhalte Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-05-13 Dipl.-Inf. (FH) T. Mättig Stylesheets (CSS) Das CSS Box-Modell Fotos, Bilder, Grafiken Tabellen 2005-05-13

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS

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

Mehr

Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.

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

Mehr

Bedienung des Web-Portales der Sportbergbetriebe

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

Mehr

Anleitung für den Euroweb-Newsletter

Anleitung für den Euroweb-Newsletter 1. Die Anmeldung Begeben Sie sich auf der Euroweb Homepage (www.euroweb.de) in den Support-Bereich und wählen dort den Punkt Newsletter aus. Im Folgenden öffnet sich in dem Browserfenster die Seite, auf

Mehr

Modul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf

Modul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf Inhaltsverzeichnis Allgemein...2 Bilder-Ordner für Bildergalerie einrichten und befüllen...3 Verzeichnis erstellen...3 Beschriftung der Fotos...4 Bildergalerie anlegen und einrichten...5 Vorbereitung im

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DNN Version ab 5.0 w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 22.08.2011

Mehr

Bauteilattribute als Sachdaten anzeigen

Bauteilattribute als Sachdaten anzeigen Mit den speedikon Attributfiltern können Sie die speedikon Attribute eines Bauteils als MicroStation Sachdaten an die Elemente anhängen Inhalte Was ist ein speedikon Attribut?... 3 Eigene Attribute vergeben...

Mehr

Die i-tüpfelchen: Favicons

Die i-tüpfelchen: Favicons Schenken Sie Ihrer URL ein eigenes Icon Sie werden lernen: Wo werden Favicons überall angezeigt? Wie kommen Favicons in die Adressleiste? So erstellen Sie Favicons auf Windows und Mac Ein Favicon für unsere

Mehr

Wie lege ich eine neue Standardseite an?

Wie lege ich eine neue Standardseite an? Online-Tutorials Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen

Mehr

Pfötchenhoffung e.v. Tier Manager

Pfötchenhoffung e.v. Tier Manager Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich

Mehr

Bilder verkleinern oder vergrößern

Bilder verkleinern oder vergrößern Bilder verkleinern oder vergrößern Bilder von der Digitalkamera sind meistens so groß, dass man sie schon des Speicherbedarfs wegen nicht per Email versenden kann. Auch auf die eigne Homepage lassen sich

Mehr

Punkt 1 bis 11: -Anmeldung bei Schlecker und 1-8 -Herunterladen der Software

Punkt 1 bis 11: -Anmeldung bei Schlecker und 1-8 -Herunterladen der Software Wie erzeugt man ein Fotobuch im Internet bei Schlecker Seite Punkt 1 bis 11: -Anmeldung bei Schlecker und 1-8 -Herunterladen der Software Punkt 12 bis 24: -Wir arbeiten mit der Software 8-16 -Erstellung

Mehr

Informationen zu den regionalen Startseiten

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

Mehr