Aufbau der Stylesheet-Angabe Eigenschaft Eigenschaft das was man formatieren möchte Wert Wert Farbangaben, Einheiten oder Schlüsselworte Deklaration Kombination.

Slides:



Advertisements
Ähnliche Präsentationen
XHTML+CSS C3O 2003.
Advertisements

oder der Weg zum „Platzsparen“
Die Erstellung einer Lückentext-Übung mit
Einführung in HTML (Hypertext Markup Language)
Eine leere Präsentation öffnen, Titel wählen eventuell auch einen Untertitel schreiben.
HyperText Markup Language
PowerPoint Präsentation
CSS – Cascading Style Sheets
Markus Tank, Wie arbeitet man mit dem Rich Text Editor?
Zurück zur ersten Seite n Style Sheets sind im Prinzip Formatvorlagen für HTML-Dokumente n Über Style Sheets lassen sich zentrale Layout-Vorgaben für eine.
Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get.
HTML - Eine erste Annäherung
Cascading Style Sheets
Benutzen von Internetseiten
© 2002 Prof. Dr. G. Hellberg 1 XML-Seminar XML-Technologie: XML in Theorie und Praxis Prof. Dr. G. Hellberg XML-Technologie: XML in Theorie und Praxis.
1/10 UNIVERSITY OF PADERBORN Projektgruppe KIMAS - Wiki Projektgruppe KIMAS Wiki Daniel Karuseit.
Cascading Style Sheets
Cascading Style Sheets CSS
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
Teil 4 Formatierung mit CSS.
(additives Farbmischen)
Grafikformate Nicolas Ruh.
Informatik Anwendungen I
Webseitengestaltung.
DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.
Layout mit CSS Iftikhar Ahmad Datum: 2.Juni.2005.
HTML-Editor Phase 5 (Download )
Eine leere Präsentation öffnen, Titel wählen eventuell auch einen Untertitel schreiben.
Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist.
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
DIE FARBEN.
HTML-Tags Spitze Klammern = Tags
Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML.
ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML.
Bildbearbeitung Nicolas Ruh.
CSS – Cascading Style Sheets
Hilfe Dokumente.
HTML HyperText Markup Language Die Programmiersprache des WWW
ICT – Modul Textverarbeitung
HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......
Einführung Prof. Peter Altmann
CSS Stylesheets Projekt Vollpension Romi Klockau
Barrierefreies Webdesign Überarbeitung der Homepage
Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.
Vortrag: Frames & Javascript.
Hypertext Markup Language
Materialien zur Fortbildungsreihe C für die Informatik in SII
HTML Grundkurs Patrick Cato.
Wie funktionieren Internetseiten? Html und Co – Teil 2 Heimo Reiter.
CSS Cascading Style Sheets
Cascading Style Sheets
Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.
HTML Hypertext Markup Language
Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)
Farben Vanessa Kogelbauer.
Titel der Präsentation. 22 Überschrift Text text text text text text text text text … 1.text text text 2.text text text text 3.text text text.
© Manz Verlag Schulbuch Folie 1/5 Layout mit CSSAngewandte Informatik HMTL und CSS Lerneinheit 2 Grandhotel Die Lobby HTML für Struktur HTML und CSS Einbinden.
Titel Untertitel Fakultät Maschinenwesen Institut für Strömungsmechanik, Professur für Magnetofluiddynamik Dresden, Datum Inhaltspunkte Name.
Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.
Stylesheets: Formatvorlagen in HTML
Das World Wide Web Stephan Becker TIT05BGR SS06. Das World Wide Web Übersicht Hypertext & Hypermedia HTML Dokumentenidentifikation Dokumententransport.
Cascading Style Sheets1 Sprache zum Formatieren von HTML-Elementen Vom W3-Konsortium vorgeschlagen Einfach, aber mächtigere als Formatierungsmöglichkeiten.
C OLOR -D EFINITION Maya Kindler 6c. H EXADEZIMAHL SYSTEM man hat 16 Ziffern und bis 0 bis 9 sinds zahlen und ab dann buchstaben (bis 15). die erste Ziffer.
Clonpinsel/Kopierstempel
MS Word 2010 Word Formatvorlagen Word Formatvorlagen.
1 Seminar: Web-Engineering Cascading Style Sheets Stefan Hoferer Betreuung: Eva Giani.
Webseite programmieren Informatikpräsentation. Inhaltsverzeichniss Webseite Uniform Resource Locators Website Unterschied Webseite + Website Geschichte.
Farben in RGB Grundfarben sind R (rot), G (grün), B (blau).
Die Rot-Grün-Blau-Geschichte
CSS.
 Präsentation transkript:

Aufbau der Stylesheet-Angabe Eigenschaft Eigenschaft das was man formatieren möchte Wert Wert Farbangaben, Einheiten oder Schlüsselworte Deklaration Kombination aus Eigenschaft und Wert Deklaration

Beispiele: Schriftfarbe rot: color:#ff0000 Schriftgewicht fett: font-weight:bold Unterstrichen: text-decoration:underline Elementhöhe: height:100px

Einbindung von CSS in HTML Direkt in einem HTML-Tag (einmalige Formatierungen) Im Head-Bereich einer Website (dateiweite Formatierungen) In einer externen Datei (projektweite Formatierungen)

HTML-Tags formatieren Überschrift

Stylesheets zentral im Dokument deklarieren 1.) <!-- 2.) Stylesheet Angaben 3.) //--> Präsentation

Stylesheets in einer externen Datei auslagern

Zwei Möglichkeiten, Farben in HTML zu definieren: ( ) Durch Angabe der RGB-Werte der gewünschten Farbe in Hexadezimalform (RGB = Rot/Grün/Blau-Wert der Farbe) durch Angabe eines Farbnamens

Hexadezimale Angabe von Farben: Wenn Sie Farben direkt im Hexadezimal-Modus definieren, müssen Sie die gewünschte Farbe aus Angaben zu den drei Grundfarben Rot, Grün und Blau (RGB-Werte) zusammenstellen. Beispiele: Erläuterung: Jede hexadezimale Farbdefinition ist 6stellig und hat das Schema: #RRGGBB. Zunächst notieren Sie also ein Gatter #. Dahinter folgen 6 Stellen für die Farbdefinition. Die ersten beiden stellen den Rot-Wert der Farbe dar, die zweiten beiden Stellen den Grünwert, und die letzten beiden Stellen den Blau-Wert.

Farbnamen für die 16 Grundfarben Um eine Farbe mit Hilfe eines Farbnamens zu definieren, geben Sie anstelle des hexadezimalen RGB-Werts einfach den gewünschten Farbnamen an. Die folgenden Farbnamen sind Bestandteil von HTML seit Version 3.2 und werden von vielen WWW- Browsern verstanden. Beispiele: Erläuterung: Geben Sie den gewünschten Farbnamen an einer Stelle an, an der eine Farbangabe erlaubt ist. Übersicht über alle erlaubten Farben: Dort sind auch die Hexadezimalwerte verzeichnet, die den Farbnamen entsprechen.