1 Was sind Cascading Stylesheets?

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "1 Was sind Cascading Stylesheets?"

Transkript

1 Im ersten Kapitel erkläre ich Ihnen, was sich hinter dem Begriff»Cascading Stylesheets«verbirgt und welche Vorteile Sie davon haben, mit Stylesheets zu arbeiten. Außerdem sehen Sie das erste Stylesheet dieses Buchs. 1 Was sind Cascading Stylesheets? Cascading Stylesheets sind Formatvorlagen für Websites. Zusammen mit dem HTML-Markup eines Dokumentes ergeben sie das Aussehen einer Website. Sie können sich Stylesheets wie die»kleidung«einer Website vorstellen ohne Stylesheets sieht man nur den nackten unformatierten Inhalt der Website. Wie bei Kleidung kann eine Website mit verschiedenen Stylesheets völlig unterschiedlich aussehen auch wenn das HTML-Gerüst und die Inhalte gleich bleiben. Abbildung 1.1 Ein HTML-Dokument erhält durch CSS unterschiedliche Kleidung 19

2 1 Was sind Cascading Stylesheets? 1.1 Warum sollten Sie Stylesheets nutzen? Die Arbeit mit Cascading Stylesheets gibt uns Webdesignern die Möglichkeit, gleichzeitig mehr Flexibilität im Design zu erreichen und dabei die grundlegenden Konzepte von HTML zu bewahren. Die Trennung von Struktur und Gestaltung ist dabei die wichtigste Voraussetzung, um barrierefreie Websites zu erstellen, die auch für Menschen mit Behinderungen zugänglich sind. Neben dieser Trennung von Struktur und Gestaltung erweitern Stylesheets die Möglichkeiten gewaltig, Elemente eines HTML-Dokumentes zu formatieren. Neben der Schriftart, -größe und Schriftfarbe, die auch mit dem alten HTML-Tag <font> beeinflusst werden können, erlauben Cascading Stylesheets beispielsweise die Einstellung der Zeilenhöhe, eines Einzugs sowie weiterer typografischer Parameter. Auch Größe und Platzierung von Elementen lassen sich nahezu beliebig bestimmen. Mit Hilfe von CSS3-Eigenschaften können sogar Animationen erzeugt werden.»css Zen Garden«Welche Möglichkeiten eine konsequente Trennung von Inhalt und Design bietet, demonstriert eindrucksvoll das Projekt»CSS Zen Garden«, in dem Designer Dave Shea eine HTML-Seite bereitgestellt, die vollständig per CSS gestaltet wird. Er fordert andere Entwickler auf, ihre Gestaltungsvo rschläge beizusteuern. Inzwischen sind es Hunderte von Varianten, und die Bandbreite der Designs ist atemberaubend! Und als Grundlage dient immer dieselbe HTML-Datei ( garden.com/, Linkcode 0036)! Abbildung 1.2 Die Vielfalt von CSS entdecken im»css Zen Garden«20

3 Warum sollten Sie Stylesheets nutzen? 1.1»CSS Homer Simpson«Ein völlig anderes nicht weniger beeindruckendes Beispiel der Leistungsfähigkeit von CSS liefert der Webdesigner Román Cortéz mit dem rein aus CSS und HTML erstellten Porträt von Homer Simpson, siehe Abbildung 1.3. Das Original sowie den CSS-Code finden Sie auf seiner Website: tes.com/blog/homer-css/ (Linkcode 0501). Abbildung 1.3»Homer Simpson on CSS«Der Einsatz von Cascading Stylesheets bietet für Webentwickler eine Reihe von Vorteilen: Einfachere HTML-Dokumente Durch die Trennung von Gestaltung und Inhalt wird eine HTML-Seite kleiner und übersichtlicher. Spätere Änderungen werden einfacher. Mehr Kontrolle Die CSS-Anweisungen erlauben mehr Kontrolle über die Formatierung eines Dokuments. Gerade typografisch wichtige Anweisungen, wie beispielsweise die Angabe der Zeilenhöhe, sind mit reinem HTML gar nicht möglich. Neue Möglichkeiten Mit CSS ergeben sich neue Gestaltungsmöglichkeiten, die mit reinem HTML nicht zu erreichen sind. Insbesondere das Ein- und Ausblenden von Elementen und die Möglichkeiten fixierter Bereiche eröffnen neue Horizonte. 21

4 1 Was sind Cascading Stylesheets? Zugängliche Websites Durch den Verzicht auf Formatierungsanweisungen im HTML-Code werden Ihre Seiten auch für Menschen mit Behinderungen oder speziellen Anzeigegeräten (z. B. iphone oder WebTV) besser zugänglich. Zugänglichkeit oder Barrierefreiheit (englisch: accessibility) wird in den nächsten Jahren auch in Deutschland für Websites immer wichtiger werden. Gesetzliche Bestimmungen, die zumindest für staatliche Websites Barrierefreiheit fordern, sind bereits gültig. Zukunftssicherheit Erfreulicherweise orientieren sich die wichtigsten Browserhersteller immer mehr an den Standards für Websites, die vom Standardisierungsgremium W3C (World Wide Web Consortium) veröffentlicht werden. CSS ist ein solcher Standard. Websites, die sich an diese Standards halten, müssen nicht befürchten, mit der nächsten Browsergeneration nicht mehr zu funktionieren, wie es beim Einsatz von HTML-Tricks schon einmal passieren kann. Qualitätsbeweis Für professionelle Webentwickler ist auch die Frage der Gewährleistung wichtig. Falls es einmal zum Streit um die Qualität einer Website kommt, woran lässt sich dann die Güte von HTML-Code erkennen? Ein Browser, mit dem eine Website schrecklich aussieht, lässt sich immer finden. Da kann es sehr hilfreich sein, internationale Standards bei der Erstellung berücksichtigt zu haben. 1.2 Das CSS-Prinzip Einem HTML-Dokument kann durch eine Änderung des Stylesheets ein anderes Aussehen gegeben werden. Für unterschiedliche Endgeräte, z. B. einen normalen Desktop-Webbrowser und ein Mobiltelefon, können unterschiedliche Stylesheets bereitgestellt werden. Benutzer können sogar eigene Stylesheets verwenden, beispielsweise um bei einer Sehschwäche die Schriftgröße heraufzusetzen. Die wesentliche Idee von Cascading Stylesheets ist es, Angaben zu Struktur und Aussehen einer Website so weit wie möglich zu trennen: HTML-Befehle sind nur für die logische bzw. semantische Beschreibung eines Dokuments zuständig. Zugeordnete Stilanweisungen sorgen für die Formatierung und das Aussehen des Dokuments. Die Inhalte stehen als normaler Text zwischen den HTML-Tags. 22

5 Wie sieht ein Stylesheet aus? 1.3 Webseite HTML-Code Stylesheet Abbildung 1.4 Aus HTML-Code und Stylesheet entsteht die Webseite 1.3 Wie sieht ein Stylesheet aus? Um ihnen schon einmal einen Eindruck zu verschaffen, wie Cascading Stylesheets denn nun aussehen, hier ein einfaches Beispiel einer Webseite, die CSS als Gestaltungsmittel nutzt: 1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " 2: <html> 3: <head> 4: <meta http-equiv="content-type" content="text/html; charset=utf-8"> 5: <title>ein einfaches Dokument</title> 6: <style><!-- 7: h1 { 8: font-family: "Courier New", Courier, monospace; 9: font-size: 200%; 10: } 23

6 1 Was sind Cascading Stylesheets? 11: p { 12: font-family: Verdana, Geneva, sans-serif; 13: color: #666666; 14: } 15: --></style> 16: </head> 17: <body> 18: <h1>ein einfaches Dokument</h1> 19: <p>dieses Dokument wird per CSS formatiert</p> 20: </body> 21: </html> Listing 1.1 (Sehr) einfache Webseite mit CSS Im Webbrowser sieht das aus wie in Abbildung 1.5. Abbildung 1.5 Einfache Webseite im Browser Chrome Sie erkennen sicher im unteren Teil des Listings den HTML-Code, der hier nur aus den Elementen <h1> (Überschrift erster Ordnung) und <p> (Absatz) besteht. Die per CSS bewirkte Formatierung wird im oberen Teil des Dokuments zwischen den Tags <style> und </style> definiert. Dort werden für die im HTML- Bereich vorhandenen Elemente entsprechende Eigenschaften notiert. Für das Element <h1> sind das: font-family: "Courier New", Courier, monospace und font-size: 200% Für den Absatz <p> haben wir font-family: Verdana, Geneva, sans-serif 24

7 Wie sieht ein Stylesheet aus? 1.3 und color: # Es ist nicht schwer, sich vorzustellen, was die Anweisungen bewirken: fontfamily legt die Schriftart fest, font-size die Größe und color die Schriftfarbe für die betroffenen Elemente in hexadezimaler Schreibweise. Schriftarten mit Alternative Ohne zu weit vorzugreifen, kann ich hier auch verraten, was die Nennung von mehreren Schriftarten in einer font-family-anweisung bedeutet: Da ja im Web (bis vor kurzem) nur Schriften verwendet werden konnten, die auf dem Rechner des Benutzers installiert waren, ermöglicht die Aufzählung mehrerer Schriftarten Alternativen. font-family: Verdana, Geneva, sans-serif bedeutet daher, dass der Browser die Schrift Verdana verwenden soll. Falls diese nicht auf dem Rechner zu finden ist, soll er es mit Geneva versuchen (eine auf Mac- Systemen verbreitete Schriftart). Falls auch diese Schrift nicht zu finden ist, sorgt die letzte Anweisung sans-serif dafür, dass zumindest eine serifenlose Schrift verwendet wird diejenige, die im Browser des Benutzers als serifenlose Standardschrift eingestellt ist. (Serifen sind die kleinen»häkchen«an den Enden der Buchstaben, wie sie z. B. bei der Schrift Times zu finden sind. Verdana und Arial sind dagegen serifenlose Schriften.) Sie werden später sehen, dass die Einschränkung auf bestimmte Schriften, die Designer jahrelang gequält hat, dank CSS inzwischen nicht mehr gilt! Probieren Sie es selbst einmal aus: Nehmen Sie das Listing von der DVD (oder schreiben Sie den Code schnell ab so viel ist es ja nicht), und ändern Sie die Schriftgröße oder Farbe. Können Sie auch der Überschrift eine andere Farbe zuweisen? Etwas allgemeiner formuliert: Eine CSS-Anweisung besteht immer aus zwei Teilen dem Selektor und der Deklaration. Der Selektor beschreibt, was (also welches Element, z. B. <p>) formatiert werden soll, und die Deklaration bestimmt, wie dies geschehen soll (also z. B. welche Farbe das Element haben soll). Dabei befindet sich links stets der Selektor und rechts die Deklaration in geschweiften Klammern. Selektor Eigenschaft Wert Deklaration Abbildung 1.6 Aufbau einer CSS-Anweisung 25

8 1 Was sind Cascading Stylesheets? Die Deklaration (in geschweiften Klammern notiert) selbst besteht wiederum aus zwei Teilen: der Eigenschaft und dem dieser Eigenschaft zugeordneten Wert getrennt durch einen Doppelpunkt. Die in diesem Beispiel verwendeten Eigenschaften und Werte sind natürlich nur ein kleiner Ausschnitt der Möglichkeiten von CSS. Sie fragen sich vielleicht, ob man die Schriftgröße nicht auch in Pixeln angeben kann (kann man) oder ob es andere Möglichkeiten gibt, Farben anzugeben, als die etwas unintuitive hexadezimale Schreibweise (gibt es). Aber bevor wir weiter in die Details von CSS einsteigen, müssen wir uns ein wenig mit HTML befassen. 26

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

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

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5 HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen

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

Cascading Stylesheets (CSS)

Cascading Stylesheets (CSS) Cascading Stylesheets (CSS) Cascading Stylesheets trennen Webdesign vom eigentlichen Inhalt. Die Vererbung, sprich Kaskadierung, von festgelegten Stilen wird allerdings erst bei fortgeschrittenen Programmierkenntnissen

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

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

Mehr

4 Aufzählungen und Listen erstellen

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

Mehr

Farb-, Text- und Schriftgestaltung mit CSS3

Farb-, Text- und Schriftgestaltung mit CSS3 CT» LPE 05» 03 Textgestaltung» Hintergrundgestaltung Farb-, Text- und Schriftgestaltung mit CSS3 Eine HTML5-Datei ist reine Textdatei. In dieser Datei wird lediglich der Inhalt und die Stuktur einer Webseite

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

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung

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

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

Kai Laborenz CSS. Das umfassende Handbuch

Kai Laborenz CSS. Das umfassende Handbuch Kai Laborenz CSS Das umfassende Handbuch Auf einen Blick Vorwort... 17 1 Was sind Cascading Stylesheets?... 19 2 HTML und CSS... 27 3 Das erste Stylesheet»Hallo Welt!«auf CSS... 49 4 Selektoren... 55 5

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

Mehr

HTML5, CSS3 und JavaScript 1.8. Fortgeschrittene Entwicklung von Webseiten. Isolde Kommer. 1. Ausgabe, 2. Aktualisierung, Dezember 2013 HTML5F

HTML5, CSS3 und JavaScript 1.8. Fortgeschrittene Entwicklung von Webseiten. Isolde Kommer. 1. Ausgabe, 2. Aktualisierung, Dezember 2013 HTML5F HTML5, CSS3 und JavaScript 1.8 Isolde Kommer 1. Ausgabe, 2. Aktualisierung, Dezember 2013 Fortgeschrittene Entwicklung von Webseiten HTML5F 2 HTML5, CSS3 und JavaScript 1.8 - Fortgeschrittene Entwicklung

Mehr

Einführung in HTML Wenn das Formular online abgeschickt wird, dann erhält der Empfänger als E-Mail folgendes:

Einführung in HTML Wenn das Formular online abgeschickt wird, dann erhält der Empfänger als E-Mail folgendes: Wenn das Formular online abgeschickt wird, dann erhält der Empfänger als E-Mail folgendes: Aufgabe: Erstellen Sie das Formular und speichern Sie es mit dem Namen formular1.html 10.1 Radio-Buttons Mit der

Mehr

Seminar DWMX 2004. DW Session 004

Seminar DWMX 2004. DW Session 004 Seminar DWMX 2004 DW Session 004 Eigene Site aufbauen Aufbau einer persönlichen Site: Auswahl einer bestimmten Dateiorganisation Statische HTML Site Vorlagenbasierte Site Framebasierte Site Erstellen der

Mehr

Java Webentwicklung (mit JSP)

Java Webentwicklung (mit JSP) Java Webentwicklung (mit JSP) SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 1 Inhalt 1 Zielsetzung... 1 2 Webprojekt mit Netbeans... 2 2.1 Webprojekt erstellen... 2 2.1.1 Neues Projekt... 2 2.2 Aufbau

Mehr

HTML5, CSS3 und JavaScript 1.8. Isolde Kommer. Fortgeschrittene Entwicklung von Webseiten. 1. Ausgabe, Februar 2013 HTML5F

HTML5, CSS3 und JavaScript 1.8. Isolde Kommer. Fortgeschrittene Entwicklung von Webseiten. 1. Ausgabe, Februar 2013 HTML5F Isolde Kommer 1. Ausgabe, Februar 2013 HTML5, CSS3 und JavaScript 1.8 Fortgeschrittene Entwicklung von Webseiten HTML5F Impressum Matchcode: HTML5F Autorin: Isolde Kommer Redaktion: Andreas Dittfurth,

Mehr

2. HTML GRUNDLAGEN EINLEITUNG. Das WWW (word wide web) Überblick

2. HTML GRUNDLAGEN EINLEITUNG. Das WWW (word wide web) Überblick 2. HTML GRUNDLAGEN Überblick Das WWW (word wide web) Aufbau einer Webseite Die HTML-Sprache Struktur eines HTML-Dokuments Erstellen einer einfachen HTML-Datei EINLEITUNG Das WWW (word wide web) Der Begriff

Mehr

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.

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

Webseite in XML Kurzeinführung

Webseite in XML Kurzeinführung Webseite in XML Kurzeinführung 1. Entwicklung... 1 2. Erste Webpage in XML... 2 2.1 Erstes Beispiel... 2 2.2 Tags definieren... 4 2.3 Kommentare in XML... 5 2.4 XML mittels CSS im Browser ansehen... 5

Mehr

Arbeiten im Datennetz der Universität Regensburg

Arbeiten im Datennetz der Universität Regensburg Wiwi-Workshop Uni Regensburg April 2002 Arbeiten im Datennetz der Universität Regensburg - Einführung in HTML, Teil II Arbeiten mit AOLPress - Dr. Wirtschaftswissenschaftliche Fakultät Universität Regensburg

Mehr

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text

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

CSS - Cascading Stylesheets

CSS - Cascading Stylesheets CSS - Cascading Stylesheets Alfred Beringer HTBLVA für Textilindustrie und Datenverarbeitung Alfred Beringer 1 Überblick Kurze Einführung Deklarationen Selektoren Beispiele Alfred Beringer 2 CSS Formatierungssprache

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

Internet und Webseiten-Gestaltung

Internet und Webseiten-Gestaltung Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 28. April 2004 Dipl.-Inf. T. Mättig 2004-04-28 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:

Mehr

Wert. { color: blue; }

Wert. { color: blue; } CSS im Überblick HTML wurde vom W3C entwickelt, um die Inhalte einer Webseite zu gliedern und zu strukturieren. In HTML wird festgelegt, ob ein Textinhalt bspw. dies ist eine Überschrift oder

Mehr

11 Publizieren im Web

11 Publizieren im Web 11 Publizieren im Web Für ein modernes Unternehmen ist es heute kaum vorstellbar, nicht im Internet vertreten zu sein. Laut Statistik Austria 7 haben 97 % aller österreichischen Unternehmen ab 10 Beschäftigten

Mehr

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien...

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien... Teil I: Das Design 1 Webdesign und Webstandards... 17 2 Gestaltung und Layout... 51 3 Typografie... 105 4 Farbe 129 5 Medien... 145 AUF EINEN BLICK 6 Werkzeugkasten... 159 Teil II: Die Technik 7 (X)HTML

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

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen. Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6

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

Aufbau einer HTML Seite:

Aufbau einer HTML Seite: 1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,

Mehr

Inf11 HTML 18.12.2005/ pl

Inf11 HTML 18.12.2005/ pl Inf11 HTML 18.12.2005/ pl Grundstruktur Grundformatierung Jede HTML SEITE hat mindestens folgendes Grundgerüst: Dies ist der einleitende HTML Tag, der auf eine folgende Html Seite hinweist.

Mehr

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006 Webdesign 1 PCC-Seminar Einheit 1 Di., 21.3.2006 Projekt Website Wir wollen eine Website gestalten und umsetzen! Aber wie fangen wir an? Grundsätzliches: Internet Print ein anderes Medium verlangt andere

Mehr

Warten auf Ereignisse

Warten auf Ereignisse Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste

Mehr

Homepage mit HTML und CSS

Homepage mit HTML und CSS Homepage mit HTML und CSS Ein schneller und zielgerichteter Einstieg zur Erstellung einer Homepage Erstellungsdatum: November 2010 Autor: Thomas von Glahn Seite 1 Inhaltsverzeichnis 1. Vorbereitende Tätigkeiten

Mehr

CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 2: GRUNDLAGEN DER WEBENTWICKLUNG

CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 2: GRUNDLAGEN DER WEBENTWICKLUNG CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 2: GRUNDLAGEN DER WEBENTWICKLUNG Von Markus Stauffiger / 4eyes GmbH STRUKTUR UND ZIELE DES HEUTIGEN TAGES Repetition CSS Grundlagen CSS Eigenschaften Wie komme

Mehr

3 WEBSEITEN GESTALTEN

3 WEBSEITEN GESTALTEN Webseiten gestalten FrontPage effektiv 3 WEBSEITEN GESTALTEN 3.1 Textformatierung Um einen Text formatieren zu können, müssen Sie ihn zuvor markieren. Anschließend hilft Ihnen die Format-Symbolleiste dabei,

Mehr

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner.

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. Kapitel 1 Grundlagen von Phase 5 Seite 1 1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. 1.1 Projekt anlegen Bevor du das Programm Phase 5 startest, musst du einen Ordner anlegen,

Mehr

3. Zeichen und Schrift

3. Zeichen und Schrift 3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML (Fortsetzung) Allgemeines Textstrukturierung

Mehr

Mobile Webapps in kürzester Zeit: APEX mobile!

Mobile Webapps in kürzester Zeit: APEX mobile! Mobile Webapps in kürzester Zeit: APEX mobile! Carsten Czarski ORACLE Deutschland B.V. & Co KG Riesstr. 25, 80992 München Schlüsselworte APEX, Mobile Anwendungen, jquery Mobile Einleitung Anwendungen für

Mehr

44 2CSS* Basistext. 2.1 Was ist CSS? *

44 2CSS* Basistext. 2.1 Was ist CSS? * 44 2CSS* fohlen. Alle offiziellen Informationen zu CSS finden Sie auf der W3C-Website (http://www.w3.org) und der Cascading Style Sheets Home Page (http://www.w3.org/style/css) des W3C. 2.1 Was ist CSS?

Mehr

Leseprobe. »CSS kennenlernenselektoren, Einheiten und Farben in CSSDas Box-ModellOrdnung halten und aufräumen« Inhaltsverzeichnis. Index.

Leseprobe. »CSS kennenlernenselektoren, Einheiten und Farben in CSSDas Box-ModellOrdnung halten und aufräumen« Inhaltsverzeichnis. Index. Wissen, wie s geht. Leseprobe In seinem Buch erklärt Ihnen Peter Müller unterhaltsam und kurzweilig die Grundlagen und Raffinessen von CSS. In dieser Leseprobe legen Sie die Basis für ein umfangreiches

Mehr

KAPITEL 3. Verwenden von Quellcode-Editor und CSS-Editor

KAPITEL 3. Verwenden von Quellcode-Editor und CSS-Editor 153 KAPITEL 3 Verwenden von Quellcode-Editor und CSS-Editor Viele Änderungen und Aufgaben können Sie in der Entwurfsansicht sehr effektiv erledigen. Dennoch gibt es Situationen, in denen die Quellcodeansicht

Mehr

Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen)

Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen) 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

Mehr

Eine Schnelleinführung in CSS

Eine Schnelleinführung in CSS Eine Schnelleinführung in CSS Michael Dienert 11. September 2013 Inhaltsverzeichnis 1 Was ist CSS? 1 2 Verwenden der CSS-Stylesheets 2 3 Struktur eines CSS-Stylesheets 2 4 Selektoren im Detail 3 4.1 Verwandschaftsbeziehungen:

Mehr

HTML, CSS und Responsive Design Selina Mohtaj und Laura Menze

HTML, CSS und Responsive Design Selina Mohtaj und Laura Menze HTML, CSS und Responsive Design Selina Mohtaj und Laura Menze Hilfreiche Links und Bücher http://holdirbootstrap.de/ (deutsch) bzw. http://getbootstrap.com (englisch) https://www.youtube.com/playlist?list=pl41lfr-

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Marc Haunschild, Linda York, Tina Wegener. 3. Ausgabe, Januar 2015 ISBN: 978-3-86249-404-0 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Marc Haunschild, Linda York, Tina Wegener. 3. Ausgabe, Januar 2015 ISBN: 978-3-86249-404-0 HTML5 HTML5 Marc Haunschild, Linda York, Tina Wegener 3. Ausgabe, Januar 2015 Grundlagen der Erstellung von Webseiten ISBN: 978-3-86249-404-0 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste

Mehr

Der eingegeben Text wird markiert und jetzt greifen wir auf unsere - ganz am Anfang definierten - H-Tags zu. Entnehmt bitte dem folgenden

Der eingegeben Text wird markiert und jetzt greifen wir auf unsere - ganz am Anfang definierten - H-Tags zu. Entnehmt bitte dem folgenden Das Einfügen und Formatieren von Text- & Bildinhalten So, das Tutorial neigt sich dem Ende und ich bin vermutlich darüber ebenso froh, wie Ihr. ;-) Lasst es uns anpacken! Wir fügen eine Überschrift ein.

Mehr

Die wichtigsten HyperTextMarkupLanguage tags 1(6)

Die wichtigsten HyperTextMarkupLanguage tags 1(6) Die wichtigsten HyperTextMarkupLanguage tags 1(6) HTML ist entgegen vielen Gerüchten keine Programmiersprache, sondern lediglich ein Hilfsmittel um Text und Bild zu formatieren, welche in einem Browser

Mehr

Dokumentation von Ük Modul 302

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

Mehr

Das Grundgerüst für ein HTML-Dokument sieht so aus:

Das Grundgerüst für ein HTML-Dokument sieht so aus: Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:

Mehr

Webbasierte Programmierung

Webbasierte Programmierung Webbasierte Programmierung Eine Einführung mit anschaulichen Beispielen aus der HTML5-Welt apl. Prof. Dr. Achim Ebert Inhalt Kapitel 4: CSS (Cascading Style Sheets) Einbindung von CSS CSS-Grammatik Boxmodell

Mehr

6.1 Master: Design zuweisen/anpassen

6.1 Master: Design zuweisen/anpassen 6 MASTER SIND VORLAGEN Sie erinnern sich, bisher durften Sie kaum Farb- oder Schrift-Änderungen an Folien vornehmen. Sie haben die Folien mit den verfügbaren Schriften und Farben (Farbpalette) erstellt.

Mehr

HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7

HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7 HTML Kurs Dominic Dietiker Aktualisierung: February 13, 2009 Inhaltsverzeichnis 1 Das HTML-Dokument 2 2 Einige Tags 7 3 Erarbeiten weiterer Tags 11 4 Tabellen 11 A Lösungen 16 1 1 Das HTML-Dokument Tags

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

Tipps zur Content- Erstellung für Webseiten

Tipps zur Content- Erstellung für Webseiten Tipps zur Content- Erstellung für Webseiten Seminar BS 162 Barrierefreie Informationssysteme - Grundlagen Gerhard Nussbaum Wien, März 2015 gerhard.nussbaum@ki-i.at Grundlegendes I Klare und verständliche

Mehr

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur»

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur» Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Struktur» Adobe Dreamweaver CC 2014; CC; CS6; CS5 2 Einstellungen 3 Detaillierte Theorie 4 Validierung Oft Probleme mit Browsern,

Mehr

Scalable Vector Graphics. Ulrich Hoffmann <Ulrich.E.Hoffmann@gmx.de>

Scalable Vector Graphics. Ulrich Hoffmann <Ulrich.E.Hoffmann@gmx.de> Scalable Vector Graphics Ulrich Hoffmann 1 Überblick ftp://tins1.rz.e-technik.fh-kiel.de/home/share/xxml Was ist SVG? Wie lässt sich SVG anzeigen, bearbeiten? Wie sehen SVG-Dokumente

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

Dreamweaver 8 Homepage erstellen Teil 2

Dreamweaver 8 Homepage erstellen Teil 2 Dreamweaver 8 Homepage erstellen Teil 2 Voraussetzungen Das vorliegende Skriptum knüpft an folgende Skripten an und setzt voraus, dass du diese bereits durchgearbeitet hast. Dreamweaver_Einführung.pdf

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

Typen von Fragestellungen und Voraussetzungen

Typen von Fragestellungen und Voraussetzungen Blick hinter die Kulissen einer Suchmaschine Typen von Fragestellungen und Voraussetzungen Geschlossene Frage, bekannte Quelle Offene Frage, bekannte Quelle Wie hoch ist die Lebenserwartung gemäss BFS

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

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press Manuela Hoffmann Modernes Webdesign Gestaltungsprinzipien, Webstandards, Praxis Galileo Press Einleitung 11 TEIL I: Das Design 1 Webdesign und Webstandards 17 1.1 Webdesign, was ist das eigentlich? 17

Mehr

http://www.therealgang.de/

http://www.therealgang.de/ http://www.therealgang.de/ Titel : Author : Kategorie : Vorlesung HTML und XML (Einführung) Dr. Pascal Rheinert Sonstige-Programmierung Vorlesung HTML / XML: Grundlegende Informationen zu HTML a.) Allgemeines:

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

Inhalt. Vorwort 13. Einleitung 15. 1 Installation und erste Schritte 17. 2 Von der Webvisitenkarte zur Webpräsenz 51. Inhalt

Inhalt. Vorwort 13. Einleitung 15. 1 Installation und erste Schritte 17. 2 Von der Webvisitenkarte zur Webpräsenz 51. Inhalt Inhalt Vorwort 13 Einleitung 15 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 6.0 17 Vor Beginn der Installation 17 Die Installation 19 Der Abschluss der Installation 24 1.2 Den

Mehr

IT-Zertifikat: Allgemeine Informationstechnologien II PHP

IT-Zertifikat: Allgemeine Informationstechnologien II PHP IT-Zertifikat: Allgemeine Informationstechnologien II PHP PHP ( PHP: Hypertext Preprocessor ) ist eine serverseitige Skriptsprache: Der PHP-Code wird nicht wie bei JavaScript auf dem Clientrechner ausgeführt,

Mehr

Kurzeinführung in HTML

Kurzeinführung in HTML Kurzeinführung in HTML (Grundlage: SelfHTML: http://de.selfhtml.org/) Autor: Jan-Willem Waterböhr (webmaster-geschichte@uni-bielefeld.de) Stand: 23.12.2011 Inhaltsverzeichnis Kurzeinführung in HTML...1

Mehr

Design anpassen eine kurze Einführung

Design anpassen eine kurze Einführung Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können

Mehr

Barrierefreie Website der LNG Fulda

Barrierefreie Website der LNG Fulda 1 BLUEPAGE CMS - Success Stories Barrierefreie Website der LNG Fulda Ausgangslage Über die Website der Lokalen Nahverkehrsgesellschaft Fulda mbh finden Besucher aktuelle Informationen über gültige Liniennetzpläne,

Mehr

Dreamweaver 8 Homepage erstellen Teil 1

Dreamweaver 8 Homepage erstellen Teil 1 Dreamweaver 8 Homepage erstellen Teil 1 Voraussetzungen Das vorliegende Skriptum knüpft an das Skriptum Dreamweaver_Einführung an und setzt voraus, dass du dieses bereits durchgearbeitet hast. Planung

Mehr

Klassische Typografiefehler

Klassische Typografiefehler Von Schusterjungen, Hurenkindern und Zwiebelfischen 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

Mehr

Web Usability für r Sehbehinderte

Web Usability für r Sehbehinderte Web Usability für r Sehbehinderte Moderne Informations- und Kommunikationssysteme erleichtern den beruflichen und privaten Alltag. Insbesondere sehbehinderte Personen können von diesen Systemen profitieren,

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc. Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt

Mehr

Einrichten eines News-Systems in Typo3

Einrichten eines News-Systems in Typo3 Einrichten eines News-Systems in Typo3 Generelles: tt_news ist eine der beliebtesten Erweiterungen für Typo3 und wir bereits auf vielen Sites Vorarlberger Schulen verwendet: Beispiele: http://www.vobs.at/hsl

Mehr

Erstellung von dynamischen Webseiten mit Cascading StyleSheets

Erstellung von dynamischen Webseiten mit Cascading StyleSheets Planerische Informationssysteme Erstellung von dynamischen Webseiten mit Cascading StyleSheets Rolf Sonderegger FS 2014 Erstellung von Webseiten mit Cascading Style Sheets Institut für Raum- und Landschaftsentwicklung

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

ANLEITUNG ZUR TEXTGESTALTUNG IN WORD 2003

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

Mehr

Ergebnis Reports für den PST Profiler und das PKG-Format H A N D B U C H

Ergebnis Reports für den PST Profiler und das PKG-Format H A N D B U C H Ergebnis Reports für den PST Profiler und das PKG-Format H A N D B U C H Erste Auflage September 2015 Autor: Armin Neische PSYfiers GmbH, Berlin, Germany Dieses Werk, einschließlich aller seiner Teile,

Mehr

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel Seiten für das WWW selber gestalten Eine Seite im WWW ist in einer Programmiersprache geschrieben. Wir werden nicht die Details einer Programmierung anschauen. Es wird uns nützlich sein, zu wissen, wie

Mehr

HTML. HyperText Markup Language. von Nico Merzbach

HTML. HyperText Markup Language. von Nico Merzbach HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,

Mehr

ECDL WebStarter Syllabus Version 1.5

ECDL WebStarter Syllabus Version 1.5 ECDL WebStarter Syllabus Version 1.5 Schon im World Wide Web vertreten? syllabusweiss3.indd 1 19.01.2007 13:46:56 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.5 The European Computer

Mehr

Einführung 17. Teil I (X)HTML kennen lernen 23. Kapitel 1 Was Sie mindestens über HTML und das Web wissen müssen 25

Einführung 17. Teil I (X)HTML kennen lernen 23. Kapitel 1 Was Sie mindestens über HTML und das Web wissen müssen 25 Inhaltsverzeichnis Inhaltsverzeichnis Einführung 17 Über dieses Buch 17 Wie Sie dieses Buch nutzen 18 Törichte Annahmen über den Leser 19 Wie dieses Buch aufgebaut ist 19 Teil I: (X)HTML kennen lernen

Mehr

33 CSS in HTML einbinden

33 CSS in HTML einbinden D3kjd3Di38lk323nnm 256 33 CSS in HTML einbinden Damit CSS auf HTML wirken kann, muss eine Verknüpfung hergestellt werden. Dafür stehen verschiedene Möglichkeiten zur Verfügung, die in diesem Kapitel beschrieben

Mehr

Manual WordPress. Was ist WordPress?

Manual WordPress. Was ist WordPress? Was ist WordPress? Seite: 1 WordPress ist ein System zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Onlinetagebuch) an, da es erlaubt, jeden Beitrag

Mehr

Hilfetext zur Anschreibenverwaltung

Hilfetext zur Anschreibenverwaltung Die Anschreibenverwaltung steht allen Anwender des Kundenstamms zur Verfügung. Mit der Anschreibenverwaltung können Sie Serienbriefe, Serienmails, Serienfaxe und SMS verschicken. Für alle Anschreiben müssen

Mehr

1.1 Ändern der Formatvorlagen

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

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

Formatierung eines Text Ads in CSS

Formatierung eines Text Ads in CSS Formatierung eines Text Ads in CSS Damit sich die Text Ads möglichst harmonisch in Ihre Webseite einfügen, haben Sie verschiedene Möglichkeiten Ihr Text Ad über CSS (Cascading Style Sheets) zu formatieren.

Mehr

TiddlyWiki-Anleitung. Um diese Webseite mit einem eigenen Titel und Untertitel zu versehen, klickt man SiteTitle und SiteSubtitle an.

TiddlyWiki-Anleitung. Um diese Webseite mit einem eigenen Titel und Untertitel zu versehen, klickt man SiteTitle und SiteSubtitle an. TiddlyWiki-Anleitung Wie bereits bei meinen Ausführungen zum "Papierlosen Arbeitsplatz" dargelegt, besteht das Prinzip darin, dass man den Arbeitsplatz als eine Webseite anlegt. Eine solche Webseite kann

Mehr

DYNAMISCHE SEITEN. Warum Scriptsprachen? Stand: 11.04.2005. CF Carola Fichtner Web-Consulting http://www.carola-fichtner.de

DYNAMISCHE SEITEN. Warum Scriptsprachen? Stand: 11.04.2005. CF Carola Fichtner Web-Consulting http://www.carola-fichtner.de DYNAMISCHE SEITEN Warum Scriptsprachen? Stand: 11.04.2005 CF Carola Fichtner Web-Consulting http://www.carola-fichtner.de I N H A L T 1 Warum dynamische Seiten?... 3 1.1 Einführung... 3 1.2 HTML Seiten...

Mehr

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de Inhaltsverzeichnis Inhaltsverzeichnis... 1 Die grundlegende Zellformatierung... 2 Grundlagen... 2 Formatierungsmöglichkeiten... 2 Designs verwenden... 2 Grundsätzliche Vorgehensweise beim Formatieren von

Mehr

Was Sie bald kennen und können

Was Sie bald kennen und können Eine Webseite erstellen 3 In diesem Kapitel lernen Sie, wie Sie Text für eine Webseite erfassen. Fügen Sie Zeichen hinzu oder löschen Sie diese. Arbeiten Sie mit Überschriften. Markieren Sie Ihren Text.

Mehr

Datenbanksysteme SS 2007

Datenbanksysteme SS 2007 Datenbanksysteme SS 2007 Frank Köster (Oliver Vornberger) Institut für Informatik Universität Osnabrück Kapitel 9d: Datenbankapplikationen Architektur einer Web-Applikation mit Servlets, JSPs und JavaBeans

Mehr

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Content Management AG 1 www.cm4allbusiness.de Inhalt 1. Typografie & Textformatierung...3 1.1 Schriftarten... 3 1.2 Schriftgrößen und -schnitte...

Mehr