Beschreibung Tags Schlüsselwort. Schriftart. Die Liste ist keineswegs erschöpfend. <p><h1...6 > <li><td> <body> 'Arial','Helvetica','Tahoma','Verdana'

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "Beschreibung Tags Schlüsselwort. Schriftart. Die Liste ist keineswegs erschöpfend. <p><h1...6 > <li><td> <body> 'Arial','Helvetica','Tahoma','Verdana'"

Transkript

1 Die Liste ist keineswegs erschöpfend. Beschreibung Tags Schlüsselwort Werte Schriftart <p><h1...6 > <li><td> <body> font-family: 'Arial','Helvetica','Tahoma','Verdana' serif = eine Schriftart mit Serifen, sans-serif = eine Schriftart ohne Serifen, cursive = eine Schriftart für Schreibschrift, fantasy = eine Schriftart für ungewöhnliche Schrift, monospace = eine Schriftart mit dicktengleichen Zeichen. Schriftstil font-style: normal,italic Schriftvariante font-variant: small-caps,normal Schriftgröße font-size: Pt Prozentwerte beziehen sich auf die Schriftgröße des Elternelements xx-small = winzig x-small = sehr klein small = klein medium = mittel large = groß x-large = sehr groß xx-large = riesig smaller = sichtbar kleiner als normal. larger = sichtbar größer als normal

2 Schriftgewicht font-weight: normal,bold,bolder,lighter100,200,300,400,500,600,700,800,900 (500 im DTP-Bereich medium, 700 bold) Farbe color: #xxxxxx Zeichenabstand letter-spacing: pt Wortabstand word-spacing: pt Textdekoration text-decoration: underline = unterstrichen overline = überstrichen line-through = durchgestrichen blink = blinkend (nur Netscape) none = normal Texttransformation text-transform: capitalize = Wortanfänge als Großbuchstaben uppercase = Nur Großbuchstaben lowercase = Nur Kleinbuchstaben none = normal Schriftlaufweite font-stretch: wider = weiter als normal narrower = enger als normal condensed = gedrängt semi-condensed = halb gedrängt extra-condensed = stark gedrängt ultra-condensed = extrastark gedrängt expanded = geweitet semi-expanded = halb geweitet extra-expanded = stark geweitet ultra-expanded = extrastark geweitet normal = normale Laufweite

3 Rahmen border:wert; /* alle Seiten */ border-top:wert; /* nur oben */ border-bottom:wert; /* nur unten */ border-left:wert; /* nur links */ border-right:wert; /* nur rechts */ Rahmendicke border-width: border-top-width: border-bottom-width: border-left-width: border-right-width: px, cm Rahmenfarbe border-color: border-top-color:/ border-bottom-color: border-left-color: border-right-color: #xxxxxx Rahmentyp border-style: border-top-style: border-bottom-style: border-left-style: border-right-style: none, hidden = kein Rahmen (bzw. unsichtbarer Rahmen) dotted = gepunktet dashed = gestrichelt solid = durchgezogen double = doppelt durchgezogen groove, ridge, inset, outset = 3D-Effekte Hintergrund Hintergrundbild background-color: Background-image: background-repeat: #xxxxxx url repeat = wiederholen (Voreinstellung) repeat-x = nur "eine Zeile lang" waagerecht wiederholen. repeat-y = nur "eine Spalte lang" senkrecht wiederholen. no-repeat = nicht wiederholen, nur als Einzelbild anzeigen

4 background-attachment: scroll = mitscrollen fixed = stehend background-position:, Px pxp top = vertikal obenbündig. center = horizontal zentriert. middle = vertikal mittig. bottom = vertikal untenbündig. left = horizontal linksbündig. right = horizontal rechtsbündig. Links <a> a:link = für Verweise zu noch nicht besuchten Seiten a:visited = für Verweise zu bereits besuchten Seiten a:hover = für Verweise, während der Anwender mit der Maus darüber fährt a:active = für gerade angeklickte Verweise a:focus = für Verweise, die den Fokus erhalten, z.b. durch "Durchsteppen" mit der Tabulatortaste Schriftformate Absätze <p> p:first-line = die erste Textzeile des Elements erhält die CSS-Eigenschaften p:first-letter = der erste Buchstabe des Textes erhält die CSS-Eigenschaften p:first-child = das erste Kindelement des Elements erhält die CSS-Eigenschaften Zeilenhöhe line-height: cm Texteinrückung text-indent: cm

5 horizontale Ausrichtung text-align: left,center,right,justify Abstand unten <p><h1...6 > <li><td> <body><i mg> margin-bottom: px, cm Abstand oben margin-top: px, cm Abstand links margin-left: px, cm Abstand rechts margin-right: px, cm Listen <li> list-style-type: Decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, hebrew, decimal-leading-zero, cjk-ideographic, disc, circle, square, none Einzug list-style-position: Inside, outside Bilder list-style-image:url(uri); Url

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) CSS sind eine unmittelbare Ergänzung zu HTML. Es handelt sich um einen firmenunabhängigen, offen dokumentierten und frei verwendbaren Standard. Es ist eine Sprache zur Formatierung

Mehr

CSS-Tutorial. Grundlegende CSS-Kenntnisse

CSS-Tutorial. Grundlegende CSS-Kenntnisse 2008 CSS-Tutorial Grundlegende CSS-Kenntnisse Dieses Tutorial gibt Ihnen verschiedene CSS-Kenntnisse mit an die Hand, damit Sie Ihre Webseite ansprechend gestalten können. Webmasterparadies.de Vertraulich

Mehr

jetzt lerne ich Webseiten programmieren und gestalten Einfache Beispiele mit HTML, CSS, Javascript, ASP und PHP

jetzt lerne ich Webseiten programmieren und gestalten Einfache Beispiele mit HTML, CSS, Javascript, ASP und PHP jetzt lerne ich Webseiten programmieren und gestalten Einfache Beispiele mit HTML, CSS, Javascript, ASP und PHP CHRISTIAN WENZ TOBIAS HAUSER KAPITEL 3 CSS anwenden jetzt lerne ich Style-Sheets sind heute

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

Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...}

Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...} Cascading StyleSheets (CSS) Allgemein CSS (aufeinander aufbauende Stilvorlagen) wurden 1996 vom W3C standardisiert. dienen der Ergänzung strukturierter Dokumente wie HTML oder XML. Ermöglichen die Trennung

Mehr

Allgemein. CSS Angaben sollten immer im Head-Bereich einer HTML-Datei definiert werden.

Allgemein. CSS Angaben sollten immer im Head-Bereich einer HTML-Datei definiert werden. C S S Cascading Style-Sheets Allgemein Mit HTML wird lediglich der grundsätzliche Aufbau einer WWW-Seite definiert. HTML ist eigentlich nicht dazu gedacht, exakt anzugeben, wie ein Element genau aussehen

Mehr

Praktikum im Grundstudium

Praktikum im Grundstudium Praktikum im Grundstudium Teil 2: Layout mit CSS Zweck von Stylesheets Ergänzung zu XHTML XHTML legt Struktur des Dokuments fest Definiert Formateigenschaften Trennung von Inhalt und Layout Stylesheet

Mehr

4. Briefing zur Übung IT-Systeme

4. Briefing zur Übung IT-Systeme 4. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde,, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016, 12.00

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

Überblick. Farben Text Box-Modell Rahmen Hintergrund Tabellen Layer mit div Verschiedene Effekte. Webtechnologien WS 2016/17 - Teil 8/CSS II

Überblick. Farben Text Box-Modell Rahmen Hintergrund Tabellen Layer mit div Verschiedene Effekte. Webtechnologien WS 2016/17 - Teil 8/CSS II Überblick Farben Text Box-Modell Rahmen Hintergrund Tabellen Layer mit div Verschiedene Effekte 2 Farben I Farben werden nach dem Rot-Grün-Blau (RGB)-Modell als hexadezimale Zahlen angegeben oder als vordefinierte

Mehr

1 Vorbemerkungen CSS in HTML einbinden... 3

1 Vorbemerkungen CSS in HTML einbinden... 3 CSS Kurs 1 Vorbemerkungen... 1 2 CSS in HTML einbinden... 3 2.1 Formate zentral für eine HTML-Datei definieren... 3 2.2 Formate zentral in separater CSS - Datei definieren... 3 2.3 Formate innerhalb eines

Mehr

Grundlagen der WWW-Nutzung und WWW-Programmierung. Alfred Wassermann

Grundlagen der WWW-Nutzung und WWW-Programmierung. Alfred Wassermann Grundlagen der WWW-Nutzung und WWW-Programmierung Alfred Wassermann Inhaltsverzeichnis 11 Vorlesung 2 11.1 Style-Sheets.............................. 2 11.1.1 Wo werden Style-Sheets definiert?.............

Mehr

Introduction to Technologies. Stylesheets mit CSS

Introduction to Technologies. Stylesheets mit CSS Introduction to Technologies Stylesheets mit CSS HTML-CSS enthält den Inhalt HTML- Datei *.html CSS- Datei *.css enthält die Layoutangaben ist austauschbar Darstellung des Seiteninhaltes im erstellten

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

Einführungskurs HTML-CSS mit Buch

Einführungskurs HTML-CSS mit Buch Einführungskurs HTML-CSS mit Buch Von Stand: 01.11.2013 Arbeitsblätter Blatt1: Grundlegendes, Software einrichten Blatt2: Link-Arten Blatt3: Wichtige HTML-Elemente Blatt4: Einführung CSS Blatt5: Wichtige

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

1. Einstieg 2. Selektoren 3. Schriften 4. Strukturen 5. Zwischenräume, Abstände 6. Bilder 7. Farben 8. Beispiel

1. Einstieg 2. Selektoren 3. Schriften 4. Strukturen 5. Zwischenräume, Abstände 6. Bilder 7. Farben 8. Beispiel Inhalt 1. Einstieg 2. Selektoren 3. Schriften 4. Strukturen 5. Zwischenräume, Abstände 6. Bilder 7. Farben 8. Beispiel Einstieg - Eine Formatvorlage besteht aus mindestens einer Anweisung. - Eine Anweisung

Mehr

Inhalt. Einleitung... 13

Inhalt. Einleitung... 13 Inhalt Einleitung... 13 1. Der Einstieg in CSS... 17 1.1 Die Grundlagen von (X)HTML... 18 Anatomie eines (X)HTML-Elements... 19 Der Unterschied zwischen XHTML und HTML... 19 1.2 Was ist CSS, und was kann

Mehr

CSS. Webseiten- Layout mit. Know-how ist blau. Der perfekte Einstieg in Cascading Style Sheets

CSS. Webseiten- Layout mit. Know-how ist blau. Der perfekte Einstieg in Cascading Style Sheets Clemens Gull Know-how ist blau. Berücksichtigt CSS 3 Webseiten- CSS Layout mit > CSS anhand von 23 Beispielen verstehen und praktisch einsetzen > Anspruchsvolle und flexible Weblayouts planen und realisieren

Mehr

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 Übung zur Vorlesung Digitale Medien Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL:

Mehr

Grundlegende Webtechnologien

Grundlegende Webtechnologien Stefan Rothe 5. April 2011 Dieses Werk steht unter einer Attribution-NonCommercial-ShareAlike 3.0 License (CC BY-NC-SA). Inhaltsverzeichnis 1 Grundlagen 1 1.1 Webtechnologien... 1 1.1.1 Einleitung... 1

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

3 XML, HTML und XSL die Ausgabe

3 XML, HTML und XSL die Ausgabe 3 XML, HTML und XSL die Ausgabe XML und VBA lernen ISBN 3-8273-1952-8 Nun, nachdem eine wohlgeformte oder eine gültige XML-Datei erstellt worden ist, stellt sich die Frage, was mit ihr geschieht. Die Anzeige

Mehr

CSS Cascading Style Sheets

CSS Cascading Style Sheets XML light CSS Cascading Style Sheets Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Wieso Cascading Style Sheets? HTML und CSS XML und CSS Ausblick XML light CSS Cascading Style Sheets 2/24 Probleme,

Mehr

Inhaltsverzeichnis. Teil A Text und Hyperlinks... 1. Vorwort... Wer soll dieses Buch lesen?... Symbole im Buch... XXI XXI XXI

Inhaltsverzeichnis. Teil A Text und Hyperlinks... 1. Vorwort... Wer soll dieses Buch lesen?... Symbole im Buch... XXI XXI XXI Vorwort............................................................ Wer soll dieses Buch lesen?....................................... Symbole im Buch................................................ XXI

Mehr

Internet und Webseiten-Gestaltung

Internet und Webseiten-Gestaltung Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 5. Mai 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

1 HTML-Grundlagen. 1.1 Grundstruktur eines HTML-Dokuments. 1.2 Dokumenttyp-Deklaration. 1.3 HTML-Elemente

1 HTML-Grundlagen. 1.1 Grundstruktur eines HTML-Dokuments. 1.2 Dokumenttyp-Deklaration. 1.3 HTML-Elemente Seite 1 / 22 1 -Grundlagen Das World Wide Web (WWW) besteht aus einer gewaltigen Menge von Dokumenten, die durch Querverweise (Hyperlink bzw. Link) miteinander verknüpft sind. Stößt ein Leser in einem

Mehr

HTML & CSS. Beispiele aus der Praxis

HTML & CSS. Beispiele aus der Praxis HTML & CSS Beispiele aus der Praxis Übungsblatt 2 http://www.uni-koblenz.de/~ugotit Fragen? Wiederholung Beispiele von.../~ugotit/test/index.htm zu.../~ugotit/test2/html/index.htm Absoluter Pfad relativ

Mehr

Webshop Tutorial. E-Commerce ECM ERP SFA EDI. Backup. Aussehen des Webshops anpassen Vorlagen verwenden und ändern. www.comarch-cloud.

Webshop Tutorial. E-Commerce ECM ERP SFA EDI. Backup. Aussehen des Webshops anpassen Vorlagen verwenden und ändern. www.comarch-cloud. Webshop SFA ECM Backup E-Commerce ERP EDI Aussehen des Webshops anpassen Vorlagen verwenden und ändern www.comarch-cloud.de Inhaltsverzeichnis 1 EINLEITUNG 3 1.1 EINFÜHRUNG 3 1.2 BEISPIELE FÜR DESIGNVORLAGEN

Mehr

HTML. Webdesign 2015/16. NaReM 3.Semester. Teil 1: HTML Grundlagen. Dozentin: Karin Maier. Einführung. Grundlagen. HTML Hyper Text Markup Language

HTML. Webdesign 2015/16. NaReM 3.Semester. Teil 1: HTML Grundlagen. Dozentin: Karin Maier. Einführung. Grundlagen. HTML Hyper Text Markup Language Webdesign 201/16 NaReM 3.Semester Karin Maier Teil 1: HTML Grundlagen 1 HTML Dozentin: Karin Maier Karin Maier Einführung 1 Grundlagen HTML Hyper Text Markup Language Jeder Webseite liegt HTML-Quelltext,

Mehr

Webshop & Co: How to do

Webshop & Co: How to do Computer-Supported Learning Research Group Prof. Dr. U. Schroeder RWTH Aachen Webshop & Co: How to do (Was steckt hinter dynamischen Internetseiten?) Ein Modul für das Schülerlabor Informatik InfoSphere-

Mehr

IT- und Medientechnik

IT- und Medientechnik IT- und Medientechnik Vorlesung 4: 2.11.2015 Wintersemester 2015/2016 h_da, Lehrbeauftragter Teil 1: IT- und Medientechnik Themenübersicht der Vorlesung Hard- und Software Hardware: CPU, Speicher, Bus,

Mehr

Mitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.

Mitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01. 1. Stunde Mitschrift HTML Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Verstehen des Unterschiedes

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

13 Tabellen. <table> <tr> <td> Akademische Titel können erdient werden, erdienert oder erdiniert. </td> <tr> <td>

13 Tabellen. <table> <tr> <td> Akademische Titel können erdient werden, erdienert oder erdiniert. </td> <tr> <td> 13 Tabellen eröffnen verschiedene Möglichkeiten in der Gestaltung einer Webseite. Die Ausrichtung von Text und Grafiken innerhalb einer Tabelle erlauben ebenso wie die Wahl verschiedener Hintergrundfarben

Mehr

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

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

Mehr

Um CSS-Formatierungen in einem HTML-Dokument einzubinden gibt es 3 Möglichkeiten.

Um CSS-Formatierungen in einem HTML-Dokument einzubinden gibt es 3 Möglichkeiten. CSS-SCHULUNG TEIL A: ALLGEMEINE EINFÜHRUNG IN CSS TEIL B: CSS IM LOKALEN INFORMATIONS-SYSTEM Dozentin: Dipl. Ing.(FH) Nicole Hartmann Rhoen-Saale.net GmbH Oktober 2009 TEIL A: ALLGEMEINE EINFÜHRUNG IN

Mehr

CSS - Cascading Style Sheets

CSS - Cascading Style Sheets CSS - Cascading Style Sheets Rechenzentrum Universität Stuttgart Maria Vass 26. April 2005 Gliederung: CSS Grundlagen CSS praktisch einsetzen CSS in HTML einbinden Schriften / Texte formatieren Listen,

Mehr

Veranstaltung Systementwicklung. HTML und CSS. Uwe H. Suhl und Chris Bizer SS 2008

Veranstaltung Systementwicklung. HTML und CSS. Uwe H. Suhl und Chris Bizer SS 2008 Veranstaltung 10033013 Systementwicklung HTML und CSS Uwe H. Suhl und Chris Bizer SS 2008 HTML - Hypertext Markup Language HTML ist eine Auszeichnungssprache für Web-Dokumente Auszeichnungssprachen Auszeichnen

Mehr

Cascading Style Sheets Sabine Grötz

Cascading Style Sheets Sabine Grötz CSS Cascading Style Sheets Sabine Grötz 1 Was ist CSS? CSS ist eine Formatvorlagensprache, welche die Möglichkeit bietet, Stilelemente wie Farben und Schriftarten, sowie die Aufteilung von Text und Bildern

Mehr

Styling für Webseiten

Styling für Webseiten Seite 1 Dies ist die deutsche Übersetzung des Tutorials zu CSS "Adding a touch of style" vom 8. April 2002 von Dave Raggett. Dave Raggett arbeitet für das World Wide Web Consortium (W3C) und ist einer

Mehr

Inhalt. 1 Einleitung... 13. 2 Grundlagen... 25

Inhalt. 1 Einleitung... 13. 2 Grundlagen... 25 1 Einleitung......................................................................................... 13 1.1 Vorwort.....................................................................................

Mehr

Kommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.

Kommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt. HTML Grundgerüst titel der Seite Inhalt der Datei Innerhalb des Dateikopfes einen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt

Mehr

CSS zur Gestaltung von HTML-Seiten nutzen

CSS zur Gestaltung von HTML-Seiten nutzen CSS zur Gestaltung von HTML-Seiten nutzen Handbuch und Literatur Handbuch des RRZNs: CSS Cascading Style Sheet; Level 2 Charles Wyke-Smith: Stylin with CSS; Addison-Wesley Tommy Olsson & Paul O'Brien:

Mehr

Introduction to Technologies for Interaction Design. Stylesheets

Introduction to Technologies for Interaction Design. Stylesheets Introduction to Technologies for Interaction Design Stylesheets Syntax Selektor und Eigenschaften Selektor bezieht sich auf ein HTML-Element ID-Selektoren dürfen in jeder HTML-Datei nur einmal vorkommen

Mehr

Kurs-Serie: Wordpress Themes erstellen

Kurs-Serie: Wordpress Themes erstellen Kurs-Serie: Wordpress Themes erstellen Die HTML-Vorlage für das Wordpress-Theme von Vladimir Simovic akademie.de asp GmbH & Co. Betriebs- & Service KG Lehrter Straße 16-17, 10557 Berlin Tel: (030) 61655-0

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

Inhaltsverzeichnis. Vorwort... 23 Über den Autor... 25 Einleitung... 27. Teil I HTML-Grundlagen... 31 1 HTML-Grundlagen... 33

Inhaltsverzeichnis. Vorwort... 23 Über den Autor... 25 Einleitung... 27. Teil I HTML-Grundlagen... 31 1 HTML-Grundlagen... 33 Inhaltsverzeichnis Vorwort...................................... 23 Über den Autor................................. 25 Einleitung.................................... 27 Was dieses Buch enhält..............................

Mehr

Kai Laborenz. CSS-Praxis. Galileo Press

Kai Laborenz. CSS-Praxis. Galileo Press Kai Laborenz CSS-Praxis Galileo Press Geleitwort der Fachgutachterin 19 Vorwort 21 TEIL I: Einführung 'SBBBD&BSHEii 1.1 Von HTMLzu CSS 27 1.1.1 Nachteile des Tabellenlayouts 31 1.2 Was sind Cascading Stylesheets?

Mehr

Leseprobe. »HTML und CSS im SchnelldurchlaufDas Box-ModellMedia Queries« Inhaltsverzeichnis. Index. Der Autor. www.galileocomputing.

Leseprobe. »HTML und CSS im SchnelldurchlaufDas Box-ModellMedia Queries« Inhaltsverzeichnis. Index. Der Autor. www.galileocomputing. Know-how Wissen, wie s für geht. Kreative. Leseprobe Erfahren Sie zu Beginn in Kürze das Zusammenspiel von HTML und CSS. Anschließend lernen Sie das Box-Modell von CSS kennen, und wie Sie Media Queries

Mehr

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model Andreas Heß Inhalt Hintergrund HTML CSS JavaScript und das Document Object Model Netz-Protokolle Schichtenmodell OSI DoD Beispiele 7 Anwendung 6 Darstellung 5 Sitzung Anwendungen HTTP, HTTPS, SMTP,

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

WEBSITE ERSTELLEN mit DREAMWEAVER MX

WEBSITE ERSTELLEN mit DREAMWEAVER MX WEBSITE ERSTELLEN mit DREAMWEAVER MX Inhalt: WEBSITE ERSTELLEN mit DREAMWEAVER MX... 1 Neue Site anlegen... 2 Neue HTML-Seite erstellen... 2 Seiteneigenschaften... 2 Webseite speichern... 2 CSS (Cascading

Mehr

Kapitel 10: Cascading Style Sheets

Kapitel 10: Cascading Style Sheets 10. Einführung in CSS Cascading Style Sheets 10-1 Kapitel 10: Cascading Style Sheets Literatur: Erik Wilde: World Wide Web Technische Grundlagen. Springer, 1999, ISBN 3-540-64700-7, 641 Seiten. Eric Ladd,

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

FULLSCREEN. ShoPWArE VollBIlD-PluGIn. handbuch

FULLSCREEN. ShoPWArE VollBIlD-PluGIn. handbuch FULLSCREEN ShoPWArE VollBIlD-PluGIn handbuch FULLSCREEN ShoPWArE PluGIn Inhaltsverzeichnis Bildgröße für Vollbildansicht konfigurieren 04 Variante 1: Thumbnail in der Shopware Medienverwaltung anlegen

Mehr

HTML Cascading Style Sheets

HTML Cascading Style Sheets Informatik 1 für Nebenfachstudierende Grundmodul HTML Cascading Style Sheets Kai-Steffen Hielscher Folienversion: 12. Dezember 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht

Mehr

Einführung in die Webentwicklung

Einführung in die Webentwicklung Einführung in die Webentwicklung Mit HTML5 und CSS3 auf dem Weg zur eigenen Website Kerstin Blumenstein EXPOSEE Dieses Script beinhaltet alle in dem Kurs durchgenommenen - Teile mit Erklärungen von Tag

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Einführung in HTML, CSS, Suchmaschinenoptimierung und jquery Auf einen Blick 1 Vor dem Start... 19 TEIL I Grundlagen 2 Welche Aufgaben hat HTML?... 37 3 Wie

Mehr

Webdesign. Übersicht. Webtechnologien - webt. Gestaltungsgrundlagen. Gestaltungsgrundlagen. Übersicht

Webdesign. Übersicht. Webtechnologien - webt. Gestaltungsgrundlagen. Gestaltungsgrundlagen. Übersicht Webtechnologien - webt Webdesign Gestaltungsgrundlagen Übersicht! Gestaltungsgrundlagen Nähe und Geschlossenheit Ausrichtung Ähnlichkeit und Wiederholung Kontrast Goldener Schnitt! Farben! Texte und Typographie!

Mehr

Manual für www.muk-do.de

Manual für www.muk-do.de Manual für www.muk-do.de USER: Bearbeiten der Einwohner -Seiten Inhalt:. Einleitung 2. Kleine Übersicht der TYPO3-spezifischen Icons 3. Der Login Bereich 4. Erste Schritte eine Übersicht 5. Inhalte bearbeiten

Mehr

Hintergrundbilder. background-image. Werte: URL (Standort des Bildes) none inherit. Standard: none. Gilt für: alle Elemente.

Hintergrundbilder. background-image. Werte: URL (Standort des Bildes) none inherit. Standard: none. Gilt für: alle Elemente. HTML 8 Vorbereitung Hintergrundbilder background-image Werte: URL (Standort des Bildes) none inherit Standard: none Gilt für: alle Elemente Vererbung: nein => URL ist relativ zur Stylesheet-Datei anzugeben!

Mehr

Information und ihre Darstellung: XHTML & CSS

Information und ihre Darstellung: XHTML & CSS Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2009 XHTML Extensible Hypertext Markup Language Unter besonderer Berücksichtigung von XHTML 1.1. 1 Was ist XHTML? Textbasierte Auszeichnungssprache

Mehr

Cascading Style Sheets II (CSS)

Cascading Style Sheets II (CSS) Cascading Style Sheets II (CSS) CSS ist ein Befehlssystem, das die Erscheinungsform von HTML-Elementen regelt. Bei modernen Websites ist der Inhalt der Site unabhängig vom Layout. HTML übernimmt den Inhalt,

Mehr

Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax

Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax 5.11.2015 bis 21.01.2016 Carolin Schneider (Matrikelnummer: 40127) Inhaltsverzeichnis Ziel des Projekts... 3 Projektverlauf...

Mehr

CSS 3 - Zusammenfassung

CSS 3 - Zusammenfassung CSS 3 - Zusammenfassung 1. Das Boxensystem Die Organisation der Boxen einer Website ist im index.php festgelegt. Die Eigenheiten der einzelnen Boxen sind in der CSS Datei festgelegt. Der Inhalt einer Box

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

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

Kai Laborenz. CSS-Praxis

Kai Laborenz. CSS-Praxis Kai Laborenz CSS-Praxis Auf einen Blick TEIL I Einführung 1 Was sind Cascading Stylesheets?... 27 2 Warum CSS?... 41 3 Geschichte und Zukunft von CSS... 45 TEIL II Grundlegende Konzepte 4 Selektoren...

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

Cascading Style Sheets

Cascading Style Sheets CSS Cascading Style Sheets von Carsten Euwens CSS Vortragsgliederung Grundlagen Bedeutung Wie binde ich CSS überhaupt ein Wie weise ich Styles den einzelnen Elementen zu Was kann man damit machen Text

Mehr

Formatierungsvariationen (0050a-Formatierung-Tabellen-ua.docx)

Formatierungsvariationen (0050a-Formatierung-Tabellen-ua.docx) Formatierungsvariationen (0050a-Formatierung-Tabellen-ua.docx) Arbeitsanweisung: Kopieren Sie sich zu der jeweiligen Formatierungsaufgabe die unformatierte Textversion in das Textverarbeitungsprogramm

Mehr

HTML: Text und Textstruktur mit CSS gestalten

HTML: Text und Textstruktur mit CSS gestalten Tutorium HTML: Text und Textstruktur mit CSS gestalten Martin Stricker martin.stricker@rz.hu-berlin.de 23. Juni 2004 Schriftarten und generische Schriftfamilien Schriftarten werden mit font-family definiert

Mehr

Responsive Webdesign

Responsive Webdesign ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte

Mehr

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel Selektoren in CSS 1. Beispiel: Kinder und Enkel universal Selektor body { font family: sans serif; color : #666; div { border:

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

GRUNDLAGEN HTML + CSS

GRUNDLAGEN HTML + CSS GRUNDLAGEN HTML + CSS Bitte beachten Sie mein Urheberrecht. Keine Veröffentlichung auch nicht in Auszügen - oder Weitergabe an Dritte ohne mein Einverständnis. alle Rechte vorbehalten: BüroSmart, Michaela

Mehr

Kurzreferenz HTML (CSS, SSI, FancyIndexing, AJAX)

Kurzreferenz HTML (CSS, SSI, FancyIndexing, AJAX) Kurzreferenz HTML (CSS, SSI, FancyIndexing, AJAX) Autor: Michael Puff Erstellt: 2011-10-27 http://www.michael-puff.de mail@michael-puff.de Inhaltsverzeichnis Inhaltsverzeichnis 1 Grundgerüst 1 1.1 Aufbau

Mehr

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,

Mehr

Einführungskurs HTML-CSS ohne Buch Von Norbert Willimsky Stand: 01.11.2015

Einführungskurs HTML-CSS ohne Buch Von Norbert Willimsky Stand: 01.11.2015 Einführungskurs HTML-CSS ohne Buch Von Stand: 01.11.2015 Inhalt Grundlegendes... 2 Einführung in HTML... 4 Übung1: HTML und einfaches CSS anwenden... 5 Einführung in CSS... 6 Übung2: CSS anwenden... 8

Mehr

WE CERTIFIED WEB DESIGNER I. Webdesign. mit Cascading Style Sheets. Offizielles Curriculum des Europäischen Webmasterverbandes

WE CERTIFIED WEB DESIGNER I. Webdesign. mit Cascading Style Sheets. Offizielles Curriculum des Europäischen Webmasterverbandes WE CERTIFIED WEB DESIGNER I Webdesign mit Cascading Style Sheets Offizielles Curriculum des Europäischen Webmasterverbandes WE CERTIFIED WEB DESIGNER I Webdesign mit Cascading Style Sheets Art.-Nr. 011644541

Mehr

HTML Grundlagen

HTML Grundlagen Inhalt: 1 HTML Grundlagen... 2 1.1 Aufbau einer HTML-Seite:... 2 1.2 Wichtige HTML-Tags... 2 1.3 HTML-Dateien:... 2 1.4 Links:... 3 1.5 Bilder:... 3 1.6 Listen... 3 1.7 Tabellen:... 4 2 Cascading Stylesheets

Mehr

XML mit Java OpenSource. (c) Mark Egloff 2004 FOP. << Apache s FOP >>

XML mit Java OpenSource. (c) Mark Egloff 2004 FOP. << Apache s FOP >> FOP > 1 Was ist FOP? FOP FOP = Formatting Object Processor Ein FOP Prozessor setzt die XML FO Dateien gemäss den Anweisungen in das jeweilige binäre Format um Apache besitzt eine Opensource

Mehr

Cascading Style Sheets Tutorial

Cascading Style Sheets Tutorial Cascading Style Sheets Tutorial Christian Felken Webmaster Resource www.webmaster-resource.de 1 www.webmaster-resource.de Inhalt Cascading Style Sheets Tutorial 1 1 HTML und CSS 7 1.1 Warum Cascading Style

Mehr

BG/BRG/BORG Eisenstadt - Seite 1 - Javascript

BG/BRG/BORG Eisenstadt - Seite 1 - Javascript BG/BRG/BORG Eisenstadt - Seite 1 - Javascript Inhalt 1 Überblick Javascript... 2 1.1 Was ist Javascript?... 2 1.1.1 Variablen... 2 1.1.2 Arrays... 2 1.2 Wodurch wird Javascript-Code ausgelöst?... 2 1.3

Mehr

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

TYPOlight-Usertreffen 2009. Barrierefreiheit?

TYPOlight-Usertreffen 2009. Barrierefreiheit? Barrierefreiheit? Das ist doch nur für Blinde! Zu kompliziert. Zu teuer. Unsere Kunden sind nicht behindert. Müssen wir machen *seufz* sind verpflichtet Wir haben schon eine NurText-Version. Barrierefreiheit!

Mehr

Hinweis. Maßeinheiten und Farbangaben. 1 von :14. SELFHTML: Navigationshilfen / Kurzreferenz: CSS

Hinweis. Maßeinheiten und Farbangaben. 1 von :14. SELFHTML: Navigationshilfen / Kurzreferenz: CSS 1 von 12 24.09.2010 08:14 SELFHTML Navigationshilfen Kurzreferenz: CSS Hinweis Maßeinheiten und Farbangaben Zentrale Formate Direktformatierung von Elementen CSS-Eigenschaften: Schriftformatierung CSS-Eigenschaften:

Mehr

Ausarbeitung zu CSS & DHTML

Ausarbeitung zu CSS & DHTML Ausarbeitung zu CSS & DHTML 1. CSS 1.1. Was ist CSS 1.2. Kompatibilitätsprobleme 1.3. Schematischer Aufbau der Stylesheets 1.4. CSS-Formate erstellen 1.5. Verschiedene CSS Attribute 1.6. Webeditoren und

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

CSS. Webseiten- Layout mit. Know-how ist blau. Der perfekte Einstieg in Cascading Style Sheets

CSS. Webseiten- Layout mit. Know-how ist blau. Der perfekte Einstieg in Cascading Style Sheets Clemens Gull Know-how ist blau. Berücksichtigt CSS 3 Webseiten- CSS Layout mit > CSS anhand von 23 Beispielen verstehen und praktisch einsetzen > Anspruchsvolle und flexible Weblayouts planen und realisieren

Mehr

EasyWeb CSS Editor. EasyWeb CSS Editor IACBOX.COM. Version Deutsch

EasyWeb CSS Editor. EasyWeb CSS Editor IACBOX.COM. Version Deutsch EasyWeb CSS Editor Version 2.0.1 Deutsch 19.05.2014 In diesem HOWTO wird beschrieben wie Sie mit Hilfe des EasyWeb CSS Editor die Kunden-Anmeldeseite der IAC-BOX bearbeiten. EasyWeb CSS Editor TITEL Inhaltsverzeichnis

Mehr

Ergänzungen zum HTML - Grundkurs

Ergänzungen zum HTML - Grundkurs Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,

Mehr

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Cascading Style Sheets HTML beschreibt nur den logischen Aufbau eines Dokuments. Die Gestaltung

Mehr

explizite Schriftauswahl in LATEX

explizite Schriftauswahl in LATEX explizite Schriftauswahl in L A T E X Autoren: Stephan Graf, Wolfgang Frings Forschungszentrum Jülich Jülich Supercomputing Centre Autoren: Stephan Graf, Wolfgang Frings 1 11 Allgemeines in LATEX 2ε neues

Mehr

Übung zur Vorlesung Digitale Medien. Sarah Tausch Alice Thudt Ludwig-Maximilians-Universität München Wintersemester 2012/2013

Übung zur Vorlesung Digitale Medien. Sarah Tausch Alice Thudt Ludwig-Maximilians-Universität München Wintersemester 2012/2013 Übung zur Vorlesung Digitale Medien Sarah Tausch Alice Thudt Ludwig-Maximilians-Universität München Wintersemester 2012/2013 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte

Mehr

INDEXHIBIT 1. Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+

INDEXHIBIT 1. Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+ INDEXHIBIT 1 Download: www.bgames.ch/hibit.zip Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+ Datenbank einrichten: Anleitung zum einrichten einer Datenbank sollten sich auf

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