Unterrichtsmaterial CSS - Visuelle Referenz - 1/7

|  Home  |  Inhalt  |  A-Z  |  Material  |  Neu  |  Zufall  |  SiteMap  |  Suchen  |  Hilfe  |  Links  |  31.03.2017  |  © allgemeinbildung.ch  > Navigationsframe links> Navigationsframe oben> kein Navigationsframe |

 |Arbeitsblätter & Unterrichtsmaterial |> InformatikOnline-Übungen |


    Zufällige Übung aus diesem Bereich laden 


 

pdf-Arbeitsblatt

CSS (Cascading Style Sheets) - Visuelle Referenz - 1/7

 > alle interaktiven Online-Übungen, Rätsel, Aufgaben, Tests & Quiz> Seitenanfang

 
Informationen

Einreihung im Stoffplan bzw. im Lehrplan der Schule

Typ :Kopiervorlage

Format :pdf-Dokument

Fach :Informatik
Lektionsreihe :Web-Design (Web-Publishing)
Stufe :Sekundarstufe 1, Realschule, Sekundarschule, Hauptschule
Klasse :9. Klasse, 3. Oberstufe

 

Vorschau

Musterblatt für die Schüler und SchülerInnen und als Kopiervorlage für die Lehrerin oder den Lehrer in einer
pdf-Datei

(www.allgemeinbildung.ch bietet neben den interaktiven Übungen auch viele kostenlose Arbeitsblätter, Kopiervorlagen, Tafelbilder und Multimedia-Präsentationen als Unterrichtsmaterial für die Primarschule (Unterstufe, Mittelstufe), die Sekundarschule (Oberstufe, Hauptschule), die Gesamtschule und die Mittelschule (Gymnasium) zum gratis Download bzw. als Freeware an)
 

Transkript

Rohfassung der Texte des Vorlagenblattes

 

Visuelle Referenz - CSS 2.0 mit Frontpage 2000 Seite 1 / 7 © 2009 www.allgemeinbildung.ch

CSS : Formatvorlagen

    > FORMAT > FORMATVORLAGE

1 Alle Formatvorlagen (Tags) aus dem ausgewählten Listenbereich 2 Formatvorlagen-Listenbereich : - Alle HTML-Tags - Benutzerdefinierte Tags 3 Absatzvorschau 4 Zeichenvorschau 5 Neuen Tag-Namen erstellen 6 Ausgewählten Tag ändern 7 Ausgewählten Tag löschen

    > NEU / ÄNDERN

1 Name des Tags : a) CSS-Tag (span) b) HTML-Tag (table/body) c) Unterklasse (td.gross/p.rot) d) Freiformat (#fettkursiv) e) Neuer Tag (.titel1/.fetter) f) Pseudo-Tag (a:link/a:vlink) g) Alle Tags (all/all.rotfett) 2 Vorschau auf die bestehende Formatvorlage 3 Format abändern / neu erstellen : Zeichen (Format & Abstände) / Absatz (Einzüge & Abstände) / Rahmen & Schattierung / Nummerierung & Aufzählung / Position

 CSS : Syntax

Einzelne HTML-Tag mit CSS formatieren (Beispiele) <h1 style="color:blue"> <table style="border:solid 2px">

Style-Sheets im <head> einer HTML-Datei definieren (Die CSS-Angaben werden in einen mehrzeiligen Kommentar eingebunden, damit sie von unfähigen Browsern übersprungen werden) <style type="text/css"> <!-- [CSS-Angaben] /* [Kommentar] */ //--> </style>

Style-Sheets aus separater Datei in eine HTML-Datei einbinden <link rel=stylesheet type="text/ css" href="dateiname.css">

Beispiele für die Definition von CSS-Angaben für HTML-Tags im <head> einer HTML-Datei oder in einer separaten CSS-Datei span { font-family:Tahoma,Arial; font-size:12px;font-weigth:bold } td { border:dotted #330066 2px } .titel1 { font-size:14px;font- weight:bold;color:#CC3366 } a:link { color:#FF0000 }  336  328  330  383

 



q_CSS_VisuelleReferenz_01.pdf

> HomepageHomepage > AllerleiAllerlei > BiologieBiologie > ChemieChemie > DeutschDeutsch > EnglischEnglisch > FranzösischFranzösisch > GeografieGeografie > Geschichte & PolitikGeschichte > InformatikInformatik > ItalienischItalienisch > KunstKunst > LateinLatein > MathematikMathematik > PhysikPhysik > ReligionReligion > SpansischSpanisch > Sport & SpielSport & Spiel