1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: Fertige Layouts / Layout Nummer 6</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Welches die Besonderheiten dieses Web-Seitenlayouts sind, und wie Sie damit arbeiten knnen.">
<meta name="keywords" content="SELFHTML, Web-Layout, Web-Seiten-Layout, HTML-Layout, Web-Seiten-Template, HTML-Dokumentvorlage">
<meta name="author" content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots" content="noindex, nofollow">
<meta name="DC.Publisher" content="SELFHTML e. V.">
<meta name="DC.Date" content="2005-08-22T21:21:39+02:00">
<meta name="DC.Identifier" content="http://de.selfhtml.org/layouts/nr06/index.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="page">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../../src/favicon.ico">
<link rel="author" title="Impressum" href="../../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../../index.htm">
<link rel="up" title="Fertige Layouts" href="../index.htm">
<link rel="next" title="Layout Nummer 7" href="../nr07/index.htm">
<link rel="prev" title="Layout Nummer 5" href="../nr05/index.htm">
<link rel="first" title="Layout Nummer 1" href="../nr01/index.htm">
<link rel="last" title="Layout Nummer 10" href="../nr10/index.htm">
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">Fertige Layouts</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../../index.htm"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">Layout Nummer 6</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#impressum">Impressum zu diesem Layout</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#anzeigen">Beispiel mit diesem Layout anzeigen und Layout speichern</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#hinweise">Hinweise zu diesem Layout</a><br>
</p>
</td>
</tr><tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2><a class="an" name="impressum">Impressum zu diesem Layout</a></h2>
<table cellpadding="4" cellspacing="1" class="impr" width="450">
<tr><td align="right" valign="middle"><b>Web-Design:</b></td>
<td valign="middle"><var><b>Burkhardt Becker ("becx")</b></var></td></tr>
<tr><td align="right" valign="middle"><b>E-Mail:</b></td>
<td valign="middle"><img src="../../src/mail.gif" width="15" height="10" alt="E-Mail"> <a href="mailto:bb@becx.de">bb@becx.de</a></td></tr>
<tr><td align="right" valign="middle"><b>WWW:</b></td>
<td valign="middle"><img src="../../src/de.gif" width="16" height="10" alt="deutschsprachige Seite"> <a target="_top" href="http://www.becx.de/">http://www.becx.de/</a></td></tr>
</table>
<p> </p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><a class="an" name="anzeigen">Beispiel mit diesem Layout anzeigen und Layout speichern</a></h2>
<p><a href="vorlage/index.htm"><img src="nr06.gif" width="150" height="109" border="4" alt="Layout Nummer 6"></a></p>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="vorlage/index.htm">Anzeigebeispiel: So sieht's aus</a></p>
<p>Wenn Sie dieses Layout fr ein eigenes Web-Projekt verwenden mchten, dann haben Sie zwei Mglichkeiten. <b>Mglichkeit 1</b> mssen Sie benutzen, wenn Sie SELFHTML online im Internet oder in einem Intranet lesen, wo Sie keinen Zugang zu den Dateien von SELFHTML haben. <b>Mglichkeit 2</b> knnen Sie benutzen, wenn Sie SELFHTML lokal auf Ihrem Rechner oder in Ihrem Netzwerk gespeichert haben.</p>
<h3>Mglichkeit 1</h3>
<p>Klicken Sie auf den folgenden Verweis, um das Layout zu speichern:</p>
<p><img src="../../src/zip.gif" width="12" height="10" alt="ZIP-Datei"> <a href="layout06.zip">ZIP-Datei mit den Dateien des Layouts speichern</a> (21 KByte).</p>
<p>Speichern Sie die ZIP-Datei in ein Verzeichnis Ihrer Wahl. Die ZIP-Datei enthlt HTML-, CSS- und Grafik-Dateien, die zum Layout gehren. Damit Sie diese Dateien bearbeiten knnen, mssen Sie die ZIP-Datei mit einem Unzip-Programm entpacken. Falls Sie kein solches Programm haben, finden Sie im Link-Verzeichnis des Online-Angebots von SELFHTML aktuell eine Produktbersicht mit Links zu Anbietern von solchen Programmen:<br>
<img src="../../src/serverdok.gif" width="15" height="10" alt="Online-Seite"> <a target="_top" href="http://aktuell.de.selfhtml.org/links/pack-programme.htm">SELFHTML-Linkverzeichnis: Pack- und Entpack-Programme</a>.<br>
Entpacken Sie den Inhalt der ZIP-Datei in das Verzeichnis, in dem Sie Ihr Web-Projekt bearbeiten mchten. Falls dieses Verzeichnis noch nicht existiert, legen Sie es vor dem Entpacken der Datei an. Nachdem Sie die ZIP-Datei erfolgreich entpackt haben, knnen Sie die Projektdateien bearbeiten.</p>
<h3>Mglichkeit 2</h3>
<p>Wechseln Sie mit einem Dateiverwaltungsprogramm (Windows Explorer oder hnliches) in das Verzeichnis, wo SELFHTML abgelegt ist. Wechseln Sie von dort aus weiter in das Unterverzeichnis <var>layouts/nr06/vorlage</var>. Kopieren Sie den gesamten Inhalt dieses Unterverzeichnisses in das Verzeichnis, in dem Sie Ihr Web-Projekt bearbeiten mchten. Falls dieses Verzeichnis noch nicht existiert, legen Sie es vor dem Kopieren der Datei an.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><a class="an" name="hinweise">Hinweise zu diesem Layout</a></h2>
<p>Das Layout verwendet neben unsichtbaren HTML-Tabellen CSS zur Formatierung von Text. Mit den heute am meisten verbreiteten Browsern (Internet Explorer 5.x, Netscape 4.x und 6.x, Opera 5.x) ist das Layout Tests zufolge problemlos darstellbar.</p>
<p>Zu dem Layout gehren folgende Projektdateien:</p>
<p><var><b>index.htm</b></var><br>
HTML-Datei der Einstiegsseite mit dem Inhaltsverzeichnis. Den Quelltext knnen Sie mit einem Texteditor oder einem <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../intro/hilfsmittel/software.htm#html">HTML-Editor</a> bearbeiten. Um den Quelltext zu verstehen und darin arbeiten zu knnen, bentigen Sie Kenntnisse in <img src="../../src/kap.gif" width="15" height="13" alt="Kapitel"> <a href="../../html/index.htm">HTML</a> und <img src="../../src/kap.gif" width="15" height="13" alt="Kapitel"> <a href="../../css/index.htm">CSS</a>. Besonders wichtig ist Wissen ber <img src="../../src/kap.gif" width="15" height="13" alt="Kapitel"> <a href="../../html/tabellen/index.htm">Tabellen in HTML</a>.</p>
<p><var><b>11.htm</b></var><br>
HTML-Datei fr Unterseiten der ersten Ebene. Zum Bearbeiten gelten die gleichen Vorkenntnisse wie bei der <var>index.htm</var>.</p>
<p><var><b>111.htm</b></var><br>
HTML-Datei fr Unterseiten der zweiten Ebene.</p>
<p><var><b>styles.css</b></var><br>
Separate CSS-Datei mit globalen Definitionen zur Formatierung von Text, die in allen HTML-Dateien des Projekts eingebunden wird. Zum Verstehen und Bearbeiten dieser Datei sind Kenntnisse in <img src="../../src/kap.gif" width="15" height="13" alt="Kapitel"> <a href="../../css/index.htm">CSS</a> erforderlich.</p>
<p><var><b>images</b></var> <b>(Verzeichnis)</b><br>
Grafikdateien, die zur Anzeige verwendet werden. Schauen Sie sich die Grafikdateien mit einem Grafikprogramm oder mit dem Browser einzeln an, um zu verstehen, wie sie im Layout wirken. Falls Sie das Layout farblich verndern, werden Sie vermutlich auch die zum Layout gehrenden Grafiken bearbeiten mssen. Dazu bentigen Sie Kenntnisse in <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../grafik/techniken.htm">Techniken und Begriffen der Bildbearbeitung</a>.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
<a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="../nr07/index.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../nr07/index.htm">Layout Nummer 7</a>
</td></tr>
<tr>
<td class="doc"><a href="../nr05/index.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../nr05/index.htm">Layout Nummer 5</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">Fertige Layouts</a></td>
</tr>
</table>
<p>© 2007 <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|
