Web Seiten Vorschau
Nachfolgend können Sie nun eine der vorgegebenen Standard-Größen wählen oder, Benutzerdefinierte Größe angeben
Vordefinierte Testgrößen:
| 1280x1024 | 1024x768 | 800x600 | 640x480 |
|---|
Benutzerdefinierte Größe:
Externe Seitenformatierung mit CSS
Stellen Sie Sich vor auf Ihrer Homepage gibt es zwanzig oder noch mehr Seiten. Und bei jeder müssten Sie die Hintergrundfarbe einzeln umändern - was für eine Tipparbeit. Und wenn Sie fertig sind, gefällt Ihnen eine andere Farbe doch besser.
Einfacher gehts mit einer externen CSS - Datei.
Externe CSS Datei - Anleitung : Klick →
Öffnen Sie einen Texteditor zum Beispiel „Notepad“
2. Fügen Sie folgenden Text ein:
Body {background-color: Yellow}
3. Speichern Sie die Datei unter dem Namen:
style.css
4. Fügen Sie in allen Seiten zwischen <head>und</head> folgendes ein:
<link rel=stylesheet type="text/css" href="style.css">
Ab jetzt brauchen Sie nur in der Datei
"style.css"
die Hintergrundfarbe zu ändern und abzuspeichern .
Danach haben alle anderen Seiten die gleiche Hintergrundfarbe
Script Datei ansehen - CSS - Code : Klick →
Beispiel einer externen CSS-Datei :
/* Schriftfarbe */
Body {color: #000000}
/* Hintergrundbild */
Body {background-image: url(hintergrund.gif)}
/* Schriftfamilie und Größe */
Body {font-family: Verdana, Arial; font-size: 10px}
/* Hyperlink Farbe - Schriftgröße und Schriftfamilie */
A {color: #0000FF; font-size: 9px; font-family: Arial}
/* Hyperlink besuchte Seite */
A:visited {color: #FF00FF}
/* Hyperlink aktive Seite */
A:active {color: #00FF00}
Tabelle mit dünnen Rahmen
Die Farbe ist hier #000000 schwarz , style="border:1px solid ist die Haarlinie !
Inhalt
|
Skript Datei ansehen - HTML - Code : Klick →
Hier ist der Code :
<table width="60%" align="center" bgcolor="#F4F4F4" style="border:1px solid #000000;">
<tr>
<td> <p>Eine Tabelle mit dünnen Rahmen</p>
</td>
</tr>
</table>
Tabelle mit 2 dünnen Rahmen
Die Farben , Breite , Größe und Ausrichtung können beliebig verändert werden , bis auf cellspacing="1" das ist die Haarlinie !
Überschrift |
Inhalt
|
Script Datei ansehen - HTML - Code : Klick →
Hier ist der Code :
<table style="background-color: #000000" cellpadding="5" cellspacing="1">
<tr>
<td style="background-color: #E5E5E5">
Überschrift
</td>
</tr>
<tr>
<td style="background-color: #F4F4F4">
Inhalt
</td>
</tr>
</table>
Weitere Software
Download
- Schnellster Manager und Betrachter
- Müheloser Import und Verwaltung Ihrer Bilder
- Digital Photo Software All in One
- Korrigieren und Nacharbeiten Ihrer Photos
- Unendliche Möglichkeiten rund ums Photo
