<iframe src="http://de.wikipedia.org"></iframe>
- Fremdinhalte auf seine Seite setzten (z.B. die Wikipediaseite)
- wie ein Loch auf der eigenen Web-Seite
- Attribute src, width, high können mit angeben werden
- Rahmen um den Iframe soll weg: border="0" frameborder="0"
- In der Seite scrollen unterdrückt werden: scrolling="no"
- dem Iframe einen Namen geben
- der Ruf von Iframes ist nicht so gut
- ich biete auf meiner Plattform andere Webseiten an
width = Breite (absolut/relativ)
height = Höhe absolut)
boder/frameborder = Rahmen
scrolling = Scrollverhalten (auto, no, yes)
name = Benennung (notwendig, wenn in dem Iframe verlinkt werden soll)
target (Zielfenster, in welchem eine verlinkte Seite geöffnet wird)
- <iframe name="kevin"></iframe> = Benennung
- <a target="kevin" href="rot.html"> rot </a> = Verlinkung zur Bennenung
- <base target="kevin"> </base> = Standardziel für alle Links der Seite (oben im body eingeben)
- Bei Google maps mit Hilfe von IFrame die Standorte vom Comcave College einsetzten
- Googel Maps Adresse suchen und Verlinkung (iframe) kopieren
- dann iFrame setzen
- dann für jedem Link das Target setzen und mit href (mit der richtigen Adresse) zu Google verlinken
CSS-Einführung
- Beispielseite: CSSzengarden.com, gute Seite css4you.de
- eres Dokument ohne Grundgerüst /* CSS Kommentar */
- Endung = .css
- h1 { color: #9F0000; font-family: Verdana; }
- im Head einfache die Datei anklicken und dann ensteht der link:
<link rel="stylesheet" href="schoen.css" type="text/css"> - die CSS-Datei bezieht sich auf alle Dateien und diese werden dann entsprechend formatiert(z. B. Typofarbe und Typo)
- man ändert etwas im CSS und automatisch werden alle HTML-Dokumente verändert
Supercool!!!!!!!!!! - es gilt immer das, was ich zuletzt sage
- Eigenschaften werden vererbt
Textfarbe: color: #009F00;
Schriftart: font-family: Arial;
Schriftgröße: font-size: 80px;
Schriftschnitt: font-weight: 900;
Was sind Style Sheets?
CSS oder Cascading Style Sheets ist eine Sprache zum Formatieren von HTML/XHTML-Elementen. Verglichen mit den HTML-Formatierungen bietet CSS erheblich mehr Möglichkeiten, wie z.B. Schriftgestaltung, Rahmen, Innen- und Aussenabstände, Listen, Hintergründe, Positionieren, ...Da der Umfang der CSS regelmäßig erweitert wird, darf man auf zukünftige Gestaltungsmöglichkeiten gespannt sein.
Ein wichtiger Punkt ist die Möglichkeit, Formate zentral festzulegen, d.h. entweder im
<head>-Bereich eines Dokuments (siehe Stylesheets zentral im Dokument deklarieren)
oder ausgelagert in einer separaten Datei (siehe Stylesheets in eine externen Datei auslagern).
Dies hat den Vorteil, dass Du Formate nur einmal festlegen musst und diese für das gesamte Dokument,
bzw. das gesamte Projekt gültig sind. Damit erreichst Du ein über alle Seiten einheitliches
Erscheinungsbild, was für einen gelungenen Webauftritt besonders wichtig ist.
Natürlich lassen sich einzelne Tags auch direkt formatieren
(siehe HTML-Tags formatieren).
Aufbau der Stylesheet-Angabe
Eine Stylesheet-Angabe besteht aus der Eigenschaft und dem Wert, getrennt durch einen Doppelpunkt. Die Eigenschaft ist das, was du formatieren möchtest. Z.B.: color für die Schriftfarbe, border-width für die Rahmenbreite oder text-decoration für Unterstreichungen. Als Wert sind Farbangaben, Einheiten oder Schlüsselworte möglich.Hier einige Beispiele:
-
Schriftfarbe rot:
color:#ff0000;
color ist die Eigenschaft für die Schriftfarbe und #ff0000 ist der Wert als hexadezimale Farbangabe für Rot -
Schriftgewicht fett:
font-weight:bold;
font-weight ist die Eigenschaft für das Schriftgewicht und bold ist der Wert als Schlüsselwort für fett -
Unterstrichen:
text-decoration:underline;
text-decoration ist die Eigenschaft für Unter- und Überstreichungen und underline ist der Wert als Schlüsselwort für unterstrichen -
Elementhöhe:
height:100px;
height ist die Eigenschaft für die Höhe und 100px ist der Wert als Zahl mit der Einheit Pixel. Wichtig! Zwischen der Zahl und der Einheit darf kein Leerzeichen stehen.
